<section id="category-info"> {if $category->id_image} <div id="category-banner"> {if !empty($lazy_load)} <noscript> <img src="{Link::getGenericImageLink( 'categories', $category->id_image, 'category', (ImageManager::retinaSupport()) ? '2x' : '' )|escape:'htmlall':'UTF-8'}" alt="{$category->name|escape:'html':'UTF-8'}" title="{$category->name|escape:'html':'UTF-8'}" width="{getWidthSize|intval type='category'}" height="{getHeightSize|intval type='category'}" class="img-responsive" > </noscript> {/if} <picture class="img-responsive{if !empty($lazy_load)} tb-lazy-image{/if}"> <!--[if IE 9]><video style="display: none;"><![endif]--> {if !empty($webp)} <source {if !empty($lazy_load)}srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII= 1w" data-{/if}srcset="{Link::getGenericImageLink( 'categories', $category->id_image, 'category', (ImageManager::retinaSupport()) ? '2x' : '' )|escape:'htmlall':'UTF-8'}" title="{$category->name|escape:'html':'UTF-8'}" type="image/webp" > {/if} <!--[if IE 9]></video><![endif]--> <img {if !empty($lazy_load)}srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII= 1w" data-{/if}srcset="{Link::getGenericImageLink( 'categories', $category->id_image, 'category', (ImageManager::retinaSupport()) ? '2x' : '' )|escape:'htmlall':'UTF-8'}" {if !empty($lazy_load)}src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="{/if} alt="{$category->name|escape:'html':'UTF-8'}" title="{$category->name|escape:'html':'UTF-8'}" width="{getWidthSize|intval type='category'}" height="{getHeightSize|intval type='category'}" class="img-responsive" > </picture> </div> {/if} <h1 class="page-heading{if (isset($subcategories) && !$products) || (isset($subcategories) && $products) || !isset($subcategories) && $products} product-listing{/if}"> <span class="cat-name"> {$category->name|escape:'html':'UTF-8'} {if isset($categoryNameComplement)} {$categoryNameComplement|escape:'html':'UTF-8'} {/if} </span> </h1> {if !empty($category->description)} <div id="category-description" class="rte">{$category->description}</div> {/if} </section> {if $subcategories && ($display_subcategories || ! isset($display_subcategories))} <section id="category-subcategories"> <h2 class="page-heading">{$category->name|escape:'html':'UTF-8'} {l s='Subcategories'}</h2> <ul class="list-grid row"> {foreach from=$subcategories item=subcategory} <li class="col-xs-6 col-sm-4 col-md-3"> <div class="thumbnail"> {if $subcategory.id_image} <a href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'html':'UTF-8'}" title="{$subcategory.name|escape:'html':'UTF-8'}"> <img class="replace-2x img-responsive" src="{Link::getGenericImageLink( 'categories', $subcategory.id_image, 'medium', (ImageManager::retinaSupport()) ? '2x' : '' )|escape:'htmlall':'UTF-8'}" alt="{$subcategory.name|escape:'html':'UTF-8'}" title="{$subcategory.name|escape:'html':'UTF-8'}" width="{getWidthSize|intval type='medium'}" height="{getHeightSize|intval type='medium'}" > </a> {/if} <div class="caption"> <h3 class="subcategory-title text-center"> <a href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'html':'UTF-8'}">{$subcategory.name|escape:'html':'UTF-8'}</a> </h3> </div> </div> </li> {/foreach} </ul> </section> {/if}
0.4.18