Save
This commit is contained in:
Roman Pyrih
@@ -24,7 +24,7 @@
|
||||
*}
|
||||
{block name='product_miniature_item'}
|
||||
<div class="js-product product{if !empty($productClasses)} {$productClasses}{/if}">
|
||||
<article class="product-miniature js-product-miniature" data-id-product="{$product.id_product}" data-id-product-attribute="{$product.id_product_attribute}">
|
||||
<article class="product-miniature js-product-miniature product-card" data-id-product="{$product.id_product}" data-id-product-attribute="{$product.id_product_attribute}">
|
||||
<div class="thumbnail-container">
|
||||
<div class="thumbnail-top">
|
||||
{block name='product_thumbnail'}
|
||||
@@ -71,7 +71,8 @@
|
||||
<input type="hidden" name="token" value="{$static_token}">
|
||||
<input type="hidden" name="id_product" value="{$product.id}" id="product_page_product_id">
|
||||
<button class="btn btn-primary add-to-cart {if $product.quantity < 1}out-of-stock{/if}" data-button-action="add-to-cart" type="submit">
|
||||
<i class="material-icons shopping-cart"></i>
|
||||
{* <i class="material-icons shopping-cart"></i> *}
|
||||
<span>+</span>
|
||||
{l s='Add to cart' d='Shop.Theme.Actions'}
|
||||
</button>
|
||||
</form>
|
||||
@@ -83,24 +84,34 @@
|
||||
|
||||
{block name='product_name'}
|
||||
{if $page.page_name == 'index'}
|
||||
<h3 class="h3 product-title"><a href="{$product.url}" content="{$product.url}">{$product.name|truncate:30:'...'}</a></h3>
|
||||
<h3 class="h3 product-title">
|
||||
<a href="{$product.url}" content="{$product.url}">
|
||||
{$product.name}
|
||||
{* {$product.name|truncate:30:'...'} *}
|
||||
</a>
|
||||
</h3>
|
||||
{else}
|
||||
<h2 class="h3 product-title"><a href="{$product.url}" content="{$product.url}">{$product.name|truncate:30:'...'}</a></h2>
|
||||
<h2 class="h3 product-title">
|
||||
<a href="{$product.url}" content="{$product.url}">
|
||||
{$product.name}
|
||||
{* {$product.name|truncate:30:'...'} *}
|
||||
</a>
|
||||
</h2>
|
||||
{/if}
|
||||
{/block}
|
||||
|
||||
{block name='product_price_and_shipping'}
|
||||
{if $product.show_price}
|
||||
<div class="product-price-and-shipping">
|
||||
<div class="product-price-and-shipping {if $product.has_discount}product-price-discount{/if}">
|
||||
{if $product.has_discount}
|
||||
{hook h='displayProductPriceBlock' product=$product type="old_price"}
|
||||
|
||||
<span class="regular-price" aria-label="{l s='Regular price' d='Shop.Theme.Catalog'}">{$product.regular_price}</span>
|
||||
{if $product.discount_type === 'percentage'}
|
||||
{* {if $product.discount_type === 'percentage'}
|
||||
<span class="discount-percentage discount-product">{$product.discount_percentage}</span>
|
||||
{elseif $product.discount_type === 'amount'}
|
||||
<span class="discount-amount discount-product">{$product.discount_amount_to_display}</span>
|
||||
{/if}
|
||||
{/if} *}
|
||||
{/if}
|
||||
|
||||
{hook h='displayProductPriceBlock' product=$product type="before_price"}
|
||||
|
||||
@@ -25,7 +25,14 @@
|
||||
{block name='product_flags'}
|
||||
<ul class="product-flags js-product-flags">
|
||||
{foreach from=$product.flags item=flag}
|
||||
<li class="product-flag {$flag.type}">{$flag.label}</li>
|
||||
{if $flag.type == 'discount'}
|
||||
<li class="product-flag {$flag.type}">
|
||||
<span>PROMOCJA</span>
|
||||
<span>{$flag.label}</span>
|
||||
</li>
|
||||
{else}
|
||||
<li class="product-flag {$flag.type}">{$flag.label}</li>
|
||||
{/if}
|
||||
{/foreach}
|
||||
</ul>
|
||||
{/block}
|
||||
|
||||
@@ -30,21 +30,20 @@
|
||||
<ul class="subcategories-list">
|
||||
{foreach from=$subcategories item=subcategory}
|
||||
<li>
|
||||
<div class="subcategory-image">
|
||||
<a href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'html':'UTF-8'}" title="{$subcategory.name|escape:'html':'UTF-8'}" class="img">
|
||||
{if !empty($subcategory.image.large.url)}
|
||||
<a class="subcategory-item" href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'html':'UTF-8'}">
|
||||
|
||||
{if !empty($subcategory.image.large.url)}
|
||||
<div class="subcategory-image">
|
||||
<img class="replace-2x" src="{$subcategory.image.large.url}" alt="{$subcategory.name|escape:'html':'UTF-8'}" loading="lazy" width="141" height="180"/>
|
||||
{/if}
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<h5><a class="subcategory-name" href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'html':'UTF-8'}">{$subcategory.name|truncate:25:'...'|escape:'html':'UTF-8'}</a></h5>
|
||||
{if $subcategory.description}
|
||||
<div class="cat_desc">{$subcategory.description|unescape:'html' nofilter}</div>
|
||||
</div>
|
||||
{/if}
|
||||
<h5 class="subcategory-name">
|
||||
{$subcategory.name|truncate:25:'...'|escape:'html':'UTF-8'}
|
||||
</h5>
|
||||
</a>
|
||||
</li>
|
||||
{/foreach}
|
||||
</ul>
|
||||
</div>
|
||||
{/if}
|
||||
{/if}
|
||||
{/if}
|
||||
@@ -43,7 +43,11 @@
|
||||
|
||||
{hook h="displayHeaderCategory"}
|
||||
|
||||
<section id="products">
|
||||
{* Start - Custom *}
|
||||
{hook h="displayLeftColumn"}
|
||||
{* End - Custom *}
|
||||
|
||||
<section id="products" class="t1">
|
||||
{if $listing.products|count}
|
||||
|
||||
{block name='product_list_top'}
|
||||
@@ -57,7 +61,7 @@
|
||||
{/block}
|
||||
|
||||
{block name='product_list'}
|
||||
{include file='catalog/_partials/products.tpl' listing=$listing productClass="col-xs-12 col-sm-6 col-xl-4"}
|
||||
{include file='catalog/_partials/products.tpl' listing=$listing productClass="col-xs-12 col-sm-6 col-lg-4 col-xl-3"}
|
||||
{/block}
|
||||
|
||||
{block name='product_list_bottom'}
|
||||
@@ -80,23 +84,25 @@
|
||||
{/if}
|
||||
</section>
|
||||
|
||||
<div id="js-product-list-header">
|
||||
{if $listing.pagination.items_shown_from == 1}
|
||||
<div class="block-category card card-block">
|
||||
<h1 class="h1">{$category.name}</h1>
|
||||
<div class="block-category-inner">
|
||||
{if $category.description}
|
||||
<div id="category-description" class="text-muted">{$category.description nofilter}</div>
|
||||
{/if}
|
||||
{if !empty($category.image.large.url)}
|
||||
<div class="category-cover">
|
||||
<img src="{$category.image.large.url}" alt="{if !empty($category.image.legend)}{$category.image.legend}{else}{$category.name}{/if}" loading="lazy" width="141" height="180">
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
{if $category.description}
|
||||
<div id="js-product-list-header">
|
||||
{if $listing.pagination.items_shown_from == 1}
|
||||
<div class="block-category card card-block">
|
||||
<h1 class="h1">{$category.name}</h1>
|
||||
<div class="block-category-inner">
|
||||
{if $category.description}
|
||||
<div id="category-description" class="text-muted">{$category.description nofilter}</div>
|
||||
{/if}
|
||||
{if !empty($category.image.large.url)}
|
||||
<div class="category-cover">
|
||||
<img src="{$category.image.large.url}" alt="{if !empty($category.image.legend)}{$category.image.legend}{else}{$category.name}{/if}" loading="lazy" width="141" height="180">
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
|
||||
{hook h="displayFooterCategory"}
|
||||
|
||||
Reference in New Issue
Block a user