Embed plugin in template

Question

To output new badges You need to embed special code in your theme design. This is necessary for plugin to understand how to position badges. Standard Webasyst badges will be displayed at the old places.

If you do not embed code, new badges will not be displayed on the website.

Before you start make sure that you have made mandatory customization of theme design.

Below you can find recommendations for different theme designs. If you cannot find your theme and you not able to do customization by yourself, write to support.

To make changes, open in your administrative area:

Shop - Storefront - Templates

Theme designs

Dummy

Template products.html (catalog page)

Add code:

{if !empty($product.autobadge)}{$product.autobadge}{/if}

Immediately after

If you want to embed badges to image container:

<div class="s-image-wrapper">

If you want to embed badges to product container:
```
<li class="s-product-wrapper"...>            
```
What does the "..." (ellipsis)?

Template product.html (product page)

Add code:

{if !empty($product.autobadge)}{$product.autobadge}{/if}

Immediately after

```
<div class="s-photo-main">            
```

Template product.cart.html (popup window)

Add code:

{if !empty($product.autobadge)}{$product.autobadge}{/if}

Immediately after third match

```
{if $_is_dialog}            
```

Купить просто

Templates product-list.html, product-slider.html (catalog page)

Add code:

{if !empty($p.autobadge)}{$p.autobadge}{/if}

Immediately after

If you want to embed badges to image container:
```
<div class="image">            
```

If you want to embed badges to product container:

<li itemscope itemtype ="http://schema.org/Product">

Template product_galery.html (product page)

Add code:

{if !empty($product.autobadge)}{$product.autobadge}{/if}

Immediately after

```
<div class="image general">            
```

Удобная Покупка

Templates product-list.html, product-slider.html (catalog page)

Add code:

{if !empty($p.autobadge)}{$p.autobadge}{/if}

Immediately after

If you want to embed badges to image container:
```
<div class="image">            
```

If you want to embed badges to product container:

<li itemscope itemtype ="http://schema.org/Product">

Template product.image.html (product page)

Add code:

{if !empty($product.autobadge)}{$product.autobadge}{/if}

Immediately after

```
<div class="image general">            
```

Выгодная Покупка

Template list-thumbs.html (catalog page)

Add code:

{if !empty($p.autobadge)}{$p.autobadge}{/if}

Immediately after

If you want to embed badges to image container:
```
<div class="pl-item-image">            
```
If you want to embed badges to product container:
```
<li{if empty($without_micro_markup)} ...>            
```
What does the "..." (ellipsis)?

Template product.images.html (product page)

Add code:

{if !empty($product.autobadge)}{$product.autobadge}{/if}

Immediately after

<div class="image" id="product-core-image">

Дизайн со вкусом 2.0

Template list-thumbs.html (catalog page)

Add code:

{if !empty($p.autobadge)}{$p.autobadge}{/if}

Immediately after

If you want to embed badges to image container:
```
<div class="image">            
```

If you want to embed badges to product container:

<li itemscope itemtype ="http://schema.org/Product" ...>

What does the "..." (ellipsis)?

Template product.html (product page)

Add code:

{if !empty($product.autobadge)}{$product.autobadge}{/if}

Immediately after

<div class="image" id="product-core-image">

Дизайн со вкусом PRO

Templates list-modal.html, list-thumbs.html (catalog page)

Add code:

{if !empty($p.autobadge)}{$p.autobadge}{/if}

Immediately after

If you want to embed badges to image container:

<div class="products__image">

If you want to embed badges to product container:
```
<div class="products__inner ...>            
```
What does the "..." (ellipsis)?

Template gallery.html (product page)

Add code:

{if !empty($product.autobadge)}{$product.autobadge}{/if}

Immediately after

```
<div class="product__media  ...>
```
What does the "..." (ellipsis)?

Material design

Templates: list-thumbs-v1.html, list-thumbs-v2.html, list-thumbs-v3.html, list-thumbs-v4.html, list-thumbs-v5.html, list-thumbs-v6.html, list-thumbs-v7.html (catalog page)

Add code:

{if !empty($p.autobadge)}{$p.autobadge}{/if}

Immediately after

If you want to embed badges to image container:
```
<div class="image">            
```

If you want to embed badges to product container:

<div class="product-item-inner md-card">

Templates: product-v1.html, product-v2.html, product-v3.html, product-v4.html (product page)

Add code:

{if !empty($product.autobadge)}{$product.autobadge}{/if}

Сразу перед

<div class="corner top left">

Multi-Shop

Templates list-thumbs.html, list-table.html (catalog page)

Add code:

{if !empty($p.autobadge)}{$p.autobadge}{/if}

Immediately after

If you want to embed badges to image container:
```
<div class="image ...>            
```
What does the "..." (ellipsis)?
If you want to embed badges to product container:
```
<li itemscope itemtype ...>            
```
What does the "..." (ellipsis)?

Template product.html (product page)

Add code:

{if !empty($product.autobadge)}{$product.autobadge}{/if}

Immediately after

```
<div class="image" ...>            
```
What does the "..." (ellipsis)?

Site - Design - slider.html (product slider)

Add code:

{if !empty($s.autobadge)}{$s.autobadge}{/if}

Immediately after

If you want to embed badges to image container:
```
<div class="image ...>            
```
What does the "..." (ellipsis)?
If you want to embed badges to product container:
```
<div class="product-item ...>            
```
What does the "..." (ellipsis)?

Yourshop

Template catalog.html (catalog page)

Add code:

{if !empty($p.autobadge)}{$p.autobadge}{/if}

Immediately after

If you want to embed badges to image container:
```
<div class="image ...>            
```
What does the "..." (ellipsis)?
If you want to embed badges to product container:
```
<li itemscope itemtype ...>            
```
What does the "..." (ellipsis)?

Template product.html (product page)

Add code:

{if !empty($product.autobadge)}{$product.autobadge}{/if}

Immediately after

```
<div class="image" ...>            
```
What does the "..." (ellipsis)?

Site - Design - slider.html (product slider)

Add code:

{if !empty($s.autobadge)}{$s.autobadge}{/if}

Immediately after

If you want to embed badges to image container:
```
<div class="image ...>            
```
What does the "..." (ellipsis)?
If you want to embed badges to product container:
```
<div itemscope itemtype ...>            
```
What does the "..." (ellipsis)?

Default 3.0

Templates list-thumbs.html (in some versions and list-table.html), list-thumbs-mini.html (catalog page)

Add code:

{if !empty($p.autobadge)}{$p.autobadge}{/if}

Immediately after

If you want to embed badges to image container:
```
<div class="image">            
```

If you want to embed badges to product container:

<li itemscope itemtype ="http://schema.org/Product">

Template product.html (product page)

Add code:

{if !empty($product.autobadge)}{$product.autobadge}{/if}

Immediately after

<div class="image" id="product-core-image" ...>

What does the "..." (ellipsis)?

Clear

Identical to Default 3.0

Nifty

Identical to Default 3.0

Custom

Identical to Default 3.0

Тема «TopShop»

Template list-thumbs.html (catalog page)

Add code:

{if !empty($p.autobadge)}{$p.autobadge}{/if}

Immediately after

If you want to embed badges to image container:
```
<div class="image-block">            
```

If you want to embed badges to product container:

<div class="thumbnail-catalog one-product">

Template list-list.html (catalog page)

Add code:

{if !empty($p.autobadge)}{$p.autobadge}{/if}

Immediately after

If you want to embed badges to image container:
```
<div class="image-block">            
```

If you want to embed badges to product container:

<div class="list-catalog one-product fly-to-cart">

Template list-text.html (catalog page)

Add code:

{if !empty($p.autobadge)}{$p.autobadge}{/if}

Immediately after

<div class="text-catalog one-product fly-to-cart">

Templates product.html, product.cart.html (product page)

Add code:

{if !empty($product.autobadge)}{$product.autobadge}{/if}

Immediately after

```
<div class="image" ...>            
```
What does the "..." (ellipsis)?

proStore

Template list-thumbs.html (catalog page)

Add code:

{if !empty($p.autobadge)}{$p.autobadge}{/if}

Immediately after

If you want to embed badges to image container:
```
<div class="image">            
```

If you want to embed badges to product container:

<div class="product{if !empty($theme_settings.show_qty)} show_qty{/if}">

Template list-detailed.html (catalog page)

Add code:

{if !empty($p.autobadge)}{$p.autobadge}{/if}

Immediately after

If you want to embed badges to image container:
```
<div class="align-center image_holder"...>            
```
What does the "..." (ellipsis)?
If you want to embed badges to product container:
```
<div class="product{if ...>            
```
What does the "..." (ellipsis)?

Template list-list.html (catalog page)

Add code:

{if !empty($p.autobadge)}{$p.autobadge}{/if}

Immediately after

```
<div class="row" ...>            
```
What does the "..." (ellipsis)?

Template list-table.html (catalog page)

Add code:

{if !empty($p.autobadge)}{$p.autobadge}{/if}

Immediately after

```
<div class="row">            
```

Template list-thumbs.min.html (catalog page)

Add code:

{if !empty($p.autobadge)}{$p.autobadge}{/if}

Immediately after

```
<div class="product">            
```

Template product.gallery.html (product page)

Add code:

{if !empty($product.autobadge)}{$product.autobadge}{/if}

Immediately after

<figure class="product-gallery ...>

What does the "..." (ellipsis)?

Тема «Flamingo»

Templates list-thumbs.html, list-thumbs-no-filter.html (catalog page)

Add code:

{if !empty($p.autobadge)}{$p.autobadge}{/if}

Immediately after

If you want to embed badges to image container:
```
<div class="imgfix">            
```
If you want to embed badges to product container:
```
<li class="span4 catalog"...>            
```
What does the "..." (ellipsis)?

Template home.html (главная страница)

Add code:

{if !empty($p.autobadge)}{$p.autobadge}{/if}

Immediately after

{foreach $promos as $p}
<li>

{foreach $bestsellers as $p}
<li>

Template product.image.html (product page)

Add code:

{if !empty($product.autobadge)}{$product.autobadge}{/if}

Immediately after

```
<div class="text-center">            
```

Template product.cart.html (product page)

Add code:

{if !empty($product.autobadge)}{$product.autobadge}{/if}

Сразу перед

```
{$badge_html            
```

Тема «Shopping»

Template thumbs.html (catalog page)

Add code:

{if !empty($p.autobadge)}{$p.autobadge}{/if}

Immediately after

If you want to embed badges to image container:
```
<div class="image">            
```
If you want to embed badges to product container:
```
<li class="thumbs cataloghover"...>            
```
What does the "..." (ellipsis)?

Template list.html (catalog page)

Add code:

{if !empty($p.autobadge)}{$p.autobadge}{/if}

Immediately after

If you want to embed badges to image container:
```
<div class="image">            
```
If you want to embed badges to product container:
```
<form...>            
```
What does the "..." (ellipsis)?

Templates product.image.html, product.image.cart.html (product page)

Add code:

{if !empty($product.autobadge)}{$product.autobadge}{/if}

Immediately after

<div class="image text-center" ...>

What does the "..." (ellipsis)?

Epika

Templates list-thumbs-zeus.html, list-thumbs-zeus-list.html (catalog page)

Add code:

{if !empty($p.autobadge)}{$p.autobadge}{/if}

Immediately after

If you want to embed badges to image container:
```
<div class="image">          
```
If you want to embed badges to product container:
```
<div class="prd-wrapper"...>            
```
What does the "..." (ellipsis)?

Template product.html (product page)

Add code:

{if !empty($product.autobadge)}{$product.autobadge}{/if}

Immediately after

<div class="image lg-image" id="product-core-image">

Supreme

Templates products.grid.html, products.list.html (catalog page)

Add code:

{if !empty($p.autobadge)}{$p.autobadge}{/if}

Immediately after

If you want to embed badges to image container:
```
<div class="image_wrap">          
```
If you want to embed badges to product container:
```
<div class="in...>            
```
What does the "..." (ellipsis)?

Template products.compact.html (catalog page)

Add code:

{if !empty($p.autobadge)}{$p.autobadge}{/if}

Immediately after

If you want to embed badges to image container:
```
<div class="image_wrap">          
```
If you want to embed badges to product container:
```
<div class="product">            
```

Template product.html (product page)

Add code:

{if !empty($product.autobadge)}{$product.autobadge}{/if}

Immediately after

<div class="image img_middle...>

What does the "..." (ellipsis)?

Unishop

Template product-preview-tile.html (catalog page)

Add code:

{if !empty($p.autobadge)}{$p.autobadge}{/if}

Immediately after

If you want to embed badges to image container:
```
<a class="product-tile_img"...>          
```
What does the "..." (ellipsis)?
If you want to embed badges to product container:
```
<div class="product-tile js-product-tile...>            
```
What does the "..." (ellipsis)?

Template product-preview-tbl.html (catalog page)

Add code:

{if !empty($p.autobadge)}{$p.autobadge}{/if}

Immediately after

If you want to embed badges to image container:

<div class="products-list_item-left">

If you want to embed badges to product container:
```
<div class="products-list_item js-product-line...>            
```
What does the "..." (ellipsis)?

Template product.html (product page)

Add code:

{if !empty($product.autobadge)}{$product.autobadge}{/if}

Immediately after

<div class="product_main-left">

Template product.gallery.html (popup "quickview" block)

Add code:

{if $wa->get('cart')}{if !empty($product.autobadge)}{$product.autobadge}{/if}{/if}

Immediately after

<figure class="js-product-gallery">

ExpressShop

Template list-thumbs.html (catalog page)

Add code:

{if !empty($p.autobadge)}{$p.autobadge}{/if}

Immediately after

If you want to embed badges to image container:
```
<div class="image">          
```
If you want to embed badges to product container:
```
<li class="...>            
```
What does the "..." (ellipsis)?

Template list-table.html (catalog page)

Add code:

{if !empty($p.autobadge)}{$p.autobadge}{/if}

Immediately after

If you want to embed badges to image container:
```
<figure class="image-block">          
```
If you want to embed badges to product container:
```
<div class="product-item-wrapper"...>            
```
What does the "..." (ellipsis)?

Template product.html (product page)

Add code:

{if !empty($product.autobadge)}{$product.autobadge}{/if}

Immediately after

<div class="swiper-container product-gallery">

Readyshop

Template product-tile.html (catalog page)

Add code:

{if !empty($p.autobadge)}{$p.autobadge}{/if}

Immediately after

If you want to embed badges to image container:
```
<a class="product-tile_image"...>          
```
What does the "..." (ellipsis)?

If you want to embed badges to product container:

<div class="product-tile_inner">

Template product-line.html (catalog page)

Add code:

{if !empty($p.autobadge)}{$p.autobadge}{/if}

Immediately after

If you want to embed badges to image container:

<div  class="products-list_item-image">

If you want to embed badges to product container:

<div class="products-list_item js-product-cart-preview">

Template product.gallery.html (product page)

Add code:

{if !empty($product.autobadge)}{$product.autobadge}{/if}

Immediately after

<figure class="product-card...>

What does the "..." (ellipsis)?

<div id="video-container"...>

What does the "..." (ellipsis)?

Easysale

Templates products.html, list-thumbs-slider.html, list-thumbs-search.html (catalog page)

Add code:

{if !empty($product.autobadge)}{$product.autobadge}{/if}

Immediately after

If you want to embed badges to image container:
```
<div class="s-image-wrapper">          
```
If you want to embed badges to product container:
```
<li class="s-product-wrapper...>            
```
What does the "..." (ellipsis)?

Template product.html (product page)

Add code:

{if !empty($product.autobadge)}{$product.autobadge}{/if}

Immediately after

```
<div class="s-photo-main">            
```

Smart

Template list-thumbs.html (catalog page)

Add code:

{if !empty($p.autobadge)}{$p.autobadge}{/if}

Immediately after

If you want to embed badges to image container:
```
<div class="image">          
```

If you want to embed badges to product container:

<div class="product-layout product-list col-xs-12">

Template products-list.html (home page)

Add code:

{if !empty($p.autobadge)}{$p.autobadge}{/if}

Immediately after

If you want to embed badges to image container:
```
<div class="image">          
```
If you want to embed badges to product container:
```
<div class="product-thumb n{$n}...>            
```
What does the "..." (ellipsis)?

Template product.html (product page)

Add code:

{if !empty($product.autobadge)}{$product.autobadge}{/if}

Immediately after

<div class="image image-image"{if $video} style="display:none"{/if}>

Vivashop

Template products.card.html (catalog page)

Add code:

{if !empty($p.autobadge)}{$p.autobadge}{/if}

Immediately after

If you want to embed badges to image container:

<div class="v-products-card__photo">

If you want to embed badges to product container:

{$badge_html = $wa->shop->badgeHtml($p.badge)}

Template products.list.html (catalog page)

Add code:

{if !empty($p.autobadge)}{$p.autobadge}{/if}

Immediately after

If you want to embed badges to image container:

<div class="v-products-list__img-block">

If you want to embed badges to product container:

<div class="v-products-list__general">

Template products.tbl.html (catalog page)

Add code:

{if !empty($p.autobadge)}{$p.autobadge}{/if}

Immediately after

If you want to embed badges to product container:

<div class="v-products-tbl__general">

Template slider.html (slider on homepage)

Add code:

{if !empty($p.autobadge)}{$p.autobadge}{/if}

Immediately after

If you want to embed badges to product container:

{$badge_html = $wa->shop->badgeHtml($p.badge)}

Template product.image.html (product page)

Add code:

{if !empty($product.autobadge)}{$product.autobadge}{/if}

Immediately after

<div class="v-product-image js-product-image...>

What does the "..." (ellipsis)?

Mobisite

Template products-list.html (catalog page)

Add code:

{if !empty($p.autobadge)}{$p.autobadge}{/if}

Immediately after

If you want to embed badges to image container:

<div class="product-list__image-container">

If you want to embed badges to product container:

<div class="product-list__item{if $limit && $p@iteration > $limit} product-list__item_hidden{/if}">

Template product.html (product page)

Add code:

<div style="position:relative">{if !empty($product.autobadge)}{$product.autobadge}{/if}

Immediately after

{$product_has_images = $product.images && count($product.images) >= 1}

Add code:

</div>

Before

 <!-- plugin hook: 'frontend_product.block' -->

Mobile

Template list-thumbs.html (catalog page)

Add code:

{if !empty($p.autobadge)}{$p.autobadge}{/if}

Immediately after

<a href="{$p.frontend_url}" title="{$p.name}">

Template list-table.html (catalog page)

Add code:

{if !empty($p.autobadge)}{$p.autobadge}{/if}

Before

{$badge_html = $wa->shop->badgeHtml($p.badge)}

Template product.html (product page)

Add code:

{if !empty($product.autobadge)}{$product.autobadge}{/if}

Before

{$badge_html = $wa->shop->badgeHtml($product.badge)}

InCart

Template list-thumbs.html (catalog page)

Add code:

{if !empty($p.autobadge)}{$p.autobadge}{/if}

Before

{include file="inc/product.badge.html"...}

What does the "..." (ellipsis)?

Template product.html (product page)

Add code:

{if !empty($product.autobadge)}{$product.autobadge}{/if}

Immediately after

<div class="item-pg__slideshow-main">

Easystart

Template products.html (catalog page)

Add code:

{if !empty($product.autobadge)}{$product.autobadge}{/if}

Immediately after

<div class="product-item{if !$_is_slider}{if empty($_hide_sidebar)} ...>

What does the "..." (ellipsis)?

Template product.gallery.html (product page)

Add code:

{if !empty($product.autobadge)}{$product.autobadge}{/if}

Immediately after

<div class="product-photos__main">

Universal (v.2.2)

Template list-thumbs.html (catalog page)

Add code:

{if !empty($p.autobadge)}{$p.autobadge}{/if}

Immediately after

If you want to embed badges to image container:
```
<div class="image">          
```
If you want to embed badges to product container:
```
<li class="thumbs"...>            
```
What does the "..." (ellipsis)?

Templates product.html, product.cart.html (product page)

Add code:

{if !empty($product.autobadge)}{$product.autobadge}{/if}

Immediately after

{$wa->shop->badgeHtml($product.badge)}

Premium (v.1.6)

Templates inc/product-list.html, inc/product-list_slider.html (catalog page)

Add code:

{if !empty($p.autobadge)}{$p.autobadge}{/if}

Immediately after

<div class="product-list__item-main">

Template product.html (product page)

Add code:

{if !empty($product.autobadge)}{$product.autobadge}{/if}

Immediately after

<div class="product-image__block">

Template product-mobile.html (product page)

Add code:

{if !empty($product.autobadge)}{$product.autobadge}{/if}

Immediately after

<div class="product-main-mobile">

Emarket (v.4.0)

Template list-thumbs.html (catalog page)

Add code:

{if !empty($p.autobadge)}{$p.autobadge}{/if}

Immediately before

{if $badge_html = $wa->shop->badgeHtml($p.badge)}

Template partials/product/images.html (product page)

Add code:

{if !empty($product.autobadge)}{$product.autobadge}{/if}

Immediately after

<div class="Single__Box--MainFigureInner">

TopStyle (v.2.0)

Template list-thumbs.html (catalog page)

Add code:

{if !empty($p.autobadge)}{$p.autobadge}{/if}

Immediately after

If you want to embed badges to image container:
```
<div class="image-block">          
```

If you want to embed badges to product container:

<div class="thumbnail-catalog one-product">

Template list-list.html (catalog page)

Add code:

{if !empty($p.autobadge)}{$p.autobadge}{/if}

Immediately after

If you want to embed badges to image container:

{$badge_html = $wa->shop->badgeHtml($p.badge)}

If you want to embed badges to product container:

<div class="list-catalog one-product fly-to-cart">

Templates product.html, product.cart.html (product page)

Add code:

{if !empty($product.autobadge)}{$product.autobadge}{/if}

Immediately after

{$wa->shop->badgeHtml($product.badge)}

TopMarket (v.2.4)

Identical to TopStyle

Inspiration (v.1.0.3)

Templates products.thumbs.1.html, products.thumbs.2.html, products.thumbs.3.html, products.thumbs.4.html, products.thumbs.5.html, products.list.1.html, products.slider.1.html (catalog page)

Add code:

{if !empty($product.autobadge)}{$product.autobadge}{/if}

Immediately after first

<div class="uk-card uk-card-product...>

What does the "..." (ellipsis)?

Template product.gallery.html (product page)

Add code:

{if !empty($product.autobadge)}{$product.autobadge}{/if}

Immediately after

<div class="{if $viewmode == 'vertical'}uk-width-expand{else}uk-width-1-1{/if}">

Megashop2 (v.1.2)

Template list/products/thumbs/products-thumb.html (catalog page)

Add code:

{if !empty($p.autobadge)}{$p.autobadge}{/if}

Before

If you want to embed badges to product container:

{if $is_enabled_video_icon && $has_video}

Immediately after

If you want to embed badges to image container:

<div class="c-product-thumb__image-box">

Template block/product/images.html (product page)

Add code:

{if !empty($product.autobadge)}{$product.autobadge}{/if}

Immediately after

<div class="c-product-images__images-container">

Pure (v.1.0.3.2)

Templates products.html, list-thumbs.html (catalog page)

Add code:

{if !empty($product.autobadge)}{$product.autobadge}{/if}

Immediately after

If you want to embed badges to image container:

<div class="product-item__image-wrapper" title="{$product.name}">

If you want to embed badges to product container:

<div class="product-item__content">

Template product.gallery.html (product page)

Add code:

{if !empty($product.autobadge)}{$product.autobadge}{/if}

Immediately after

<div class="product-photos__main">

Flatty (v.1.5)

Templates list-products.html, home.list-slider.html (catalog page)

Add code:

{if !empty($p.autobadge)}{$p.autobadge}{/if}

Immediately after

If you want to embed badges to image container:

<div class="image {$hover}">

If you want to embed badges to product container:

<div class="border accent-border hovers">

Template product.html (product page)

Add code:

{if !empty($product.autobadge)}{$product.autobadge}{/if}

Immediately after

<figure class="product-gallery border">

Easystep (v.1.0.3.4)

Templates list-thumbs.html, products.html (catalog page)

Add code:

{if !empty($product.autobadge)}{$product.autobadge}{/if}

Immediately after

If you want to embed badges to image container:

<div class="product-item__image-wrapper" title="{$product.name}">

If you want to embed badges to product container:
```
<div class="product-item__content...>           
```
What does the "..." (ellipsis)?

Template product.gallery.html (product page)

Add code:

{if !empty($product.autobadge)}{$product.autobadge}{/if}

Immediately after

<div class="product-photos__main">

Hypermarket (v.1.3.3)

Templates products.items.html, products.short.html (catalog page)

Add code:

{if !empty($product.autobadge)}{$product.autobadge}{/if}

Immediately after

<div class="s-product-block">

Template product.html (product page)

Add code:

{if !empty($product.autobadge)}{$product.autobadge}{/if}

Immediately after
```
<div class="s-photo-main">            
```

Before

<img src="{$wa_active_theme_url}img/svg/empty_photo.svg"...>

What does the "..." (ellipsis)?

Smobile (v.1.0.8)

Template list-thumbs.html (catalog page)

Add code:

{if !empty($p.autobadge)}{$p.autobadge}{/if}

Immediately after

<div class="products__list" ...>

What does the "..." (ellipsis)?

Template list-thumbs-list.html (catalog page)

Add code:

{if !empty($p.autobadge)}{$p.autobadge}{/if}

Immediately after

<div class="l-products__list" ...>

What does the "..." (ellipsis)?

Template product.html (product page)

Add code:

{if !empty($product.autobadge)}{$product.autobadge}{/if}

Immediately after
```
<div class="p-images">          
```

Minimo (v.3.1.0)

Templates list-thumbs.html, list-thumbs-big.html, list-thumbs-mini.html (catalog page)

Add code:

{if !empty($p.autobadge)}{$p.autobadge}{/if}

Immediately after

<li itemscope itemtype ="http://schema.org/Product">

Template product.html (product page)

Add code:

{if !empty($product.autobadge)}{$product.autobadge}{/if}

Immediately after

<figure class="product-gallery">

upStore (v.1.1.0.1)

Templates list-thumbs.html, list-thumbs.v2.html (catalog page)

Add code:

{if !empty($p.autobadge)}{$p.autobadge}{/if}

Immediately after

If you want to embed badges to image container:

<div class="uk-card-media-top">

If you want to embed badges to product container:
```
<li itemscope itemtype ="http://schema.org/Product"...>           
```
What does the "..." (ellipsis)?

Template product.html (product page)

Add code:

{if !empty($product.autobadge)}{$product.autobadge}{/if}

Before
```
<div class="uk-hidden">          
```

ProfitShop (v.1.0.14)

Template list-thumbs.html (catalog page)

Add code:

{if !empty($p.autobadge)}{$p.autobadge}{/if}

Before

```
{if $favorit}           
```

Template product.images.html (product page)

Add code:

{if !empty($product.autobadge)}{$product.autobadge}{/if}

Immediately after

<div class="p-images__slider-cont">

Balance (v.1.1.1)

Template list-thumbs.html (catalog page)

Add code:

{if !empty($p.autobadge)}{$p.autobadge}{/if}

Immediately after

If you want to embed badges to image container:

<div class="item-c__image-wrapper item-c__image-wrapper_fixed">

If you want to embed badges to product container:
```
<div class="js-product-list-item...>           
```
What does the "..." (ellipsis)?

Template list-expanded.html (catalog page)

Add code:

{if !empty($p.autobadge)}{$p.autobadge}{/if}

Immediately after

<div class="item-list-c__pic-col">

Template product.html (product page)

Add code:

{if !empty($product.autobadge)}{$product.autobadge}{/if}

Immediately after

```
<div class="pd-image">          
```

Gift (v.1.0.3.9)

Identical to Easystep

InSale (v.2.2.0)

Template list-thumbs.html (catalog page)

Add code:

{if !empty($p.autobadge)}{$p.autobadge}{/if}

Before

If you want to embed badges to image container:
```
{if !empty($badgeHtml)}            
```
If you want to embed badges to product container:
```
{if !empty($favorit)}           
```

Template list-thumbs-short.html (catalog page)

Add code:

{if !empty($p.autobadge)}{$p.autobadge}{/if}

Immediately after

<div class="products__item">

Template product/images.html (product page)

Add code:

{if !empty($product.autobadge)}{$product.autobadge}{/if}

Immediately after

<div class="p-images__wrap{$class}">

Ecommerce (v.1.0)

Template list-thumbs.html (catalog page)

Add code:

{if !empty($p.autobadge)}{$p.autobadge}{/if}

Before

{$badge_html = $wa->shop->badgeHtml($p.badge)}

Template product.html (product page)

Add code:

{if !empty($product.autobadge)}{$product.autobadge}{/if}

Immediately after

<div class="product-info" id="overview">

Child&Toys (v.2.0)

Templates thumbs.html, product.crossselling.html (catalog page)

Add code:

{if !empty($p.autobadge)}{$p.autobadge}{/if}

Immediately after

If you want to embed badges to image container:
```
<div class="image">           
```
If you want to embed badges to product container:
```
<li class="thumbs"...>            
```
What does the "..." (ellipsis)?

Template list.html (catalog page)

Add code:

{if !empty($p.autobadge)}{$p.autobadge}{/if}

Immediately after

If you want to embed badges to image container:
```
<div class="image">           
```
If you want to embed badges to product container:
```
<li class="list">            
```

Templates product.image.html, product.image.cart.html (product page)

Add code:

{if !empty($product.autobadge)}{$product.autobadge}{/if}

Immediately after

<div class="image text-center"...>

What does the "..." (ellipsis)?

Modus (v.1.6)

Templates list-thumbs.html, list-list.html (catalog page)

Add code:

{if !empty($p.autobadge)}{$p.autobadge}{/if}

Immediately before

If you want to embed badges to image container:
```
{if $badge_html}           
```

If you want to embed badges to product container:

{$badge_html = $wa->shop->badgeHtml($p.badge)}

Template product.html (product page)

Add code:

{if !empty($product.autobadge)}{$product.autobadge}{/if}

Immediately after

<div class="product__gallery"...>

What does the "..." (ellipsis)?

Perfect (v.1.0.9)

Template list-thumbs.html (catalog page)

Add code:

{if !empty($p.autobadge)}{$p.autobadge}{/if}

Immediately after

If you want to embed badges to image container:
```
<div class="products__img">           
```
If you want to embed badges to product container:
```
<div class="products__list ...>           
```
What does the "..." (ellipsis)?

Template product.html (product page)

Add code:

{if !empty($product.autobadge)}{$product.autobadge}{/if}

Immediately after

<div class="p-images__container">

embed plugin theme designs

I

Igor

Posted: December 20, 2021