Save
This commit is contained in:
Roman Pyrih
@@ -5,17 +5,14 @@
|
||||
* @copyright Apollotheme
|
||||
* @description: ApPageBuilder is module help you can build content for your shop
|
||||
*}
|
||||
<article class="product-miniature js-product-miniature" data-id-product="{$product.id_product}" data-id-product-attribute="{$product.id_product_attribute}" itemscope itemtype="http://schema.org/Product">
|
||||
<article class="product-miniature js-product-miniature 2" data-id-product="{$product.id_product}"
|
||||
data-id-product-attribute="{$product.id_product_attribute}" itemscope itemtype="http://schema.org/Product">
|
||||
<div class="thumbnail-container">
|
||||
<div class="product-image">
|
||||
{block name='product_thumbnail'}
|
||||
<a href="{$product.url}" class="thumbnail product-thumbnail">
|
||||
<img
|
||||
class="img-fluid"
|
||||
src = "{$product.cover.bySize.home_default.url}"
|
||||
alt = "{$product.cover.legend}"
|
||||
data-full-size-image-url = "{$product.cover.large.url}"
|
||||
>
|
||||
<img class="img-fluid" src="{$product.cover.bySize.home_default.url}" alt="{$product.cover.legend}"
|
||||
data-full-size-image-url="{$product.cover.large.url}">
|
||||
</a>
|
||||
{/block}
|
||||
{block name='product_flags'}
|
||||
@@ -26,11 +23,7 @@
|
||||
</ul>
|
||||
{/block}
|
||||
<div class="quickview{if !$product.main_variants} no-variants{/if} hidden-sm-down">
|
||||
<a
|
||||
href="#"
|
||||
class="quick-view"
|
||||
data-link-action="quickview" title="{l s='Add to cart' d='Shop.Theme.Actions'}"
|
||||
>
|
||||
<a href="#" class="quick-view" data-link-action="quickview" title="{l s='Add to cart' d='Shop.Theme.Actions'}">
|
||||
<span class="leo-quickview-bt-loading cssload-speeding-wheel"></span>
|
||||
<span class="leo-quickview-bt-content">
|
||||
{* <i class="material-icons search"></i> *}
|
||||
@@ -38,46 +31,46 @@
|
||||
<span>{l s='Add to cart' d='Shop.Theme.Actions'}</span>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="product-meta">
|
||||
<div class="product-description">
|
||||
{block name='product_name'}
|
||||
<h1 class="h3 product-title" itemprop="name"><a href="{$product.url}">{$product.name|truncate:30:'...'}</a></h1>
|
||||
{/block}
|
||||
|
||||
{block name='product_price_and_shipping'}
|
||||
{if $product.show_price}
|
||||
<div class="product-price-and-shipping">
|
||||
{if $product.has_discount}
|
||||
{hook h='displayProductPriceBlock' product=$product type="old_price"}
|
||||
</div>
|
||||
<div class="product-meta">
|
||||
<div class="product-description">
|
||||
{block name='product_name'}
|
||||
<h1 class="h3 product-title" itemprop="name"><a href="{$product.url}">{$product.name|truncate:30:'...'}</a></h1>
|
||||
{/block}
|
||||
|
||||
<span class="regular-price">{$product.regular_price}</span>
|
||||
{if $product.discount_type === 'percentage'}
|
||||
<span class="discount-percentage">{$product.discount_percentage}</span>
|
||||
{/if}
|
||||
{block name='product_price_and_shipping'}
|
||||
{if $product.show_price}
|
||||
<div class="product-price-and-shipping">
|
||||
{if $product.has_discount}
|
||||
{hook h='displayProductPriceBlock' product=$product type="old_price"}
|
||||
|
||||
<span class="regular-price">{$product.regular_price}</span>
|
||||
{if $product.discount_type === 'percentage'}
|
||||
<span class="discount-percentage">{$product.discount_percentage}</span>
|
||||
{/if}
|
||||
{/if}
|
||||
|
||||
{hook h='displayProductPriceBlock' product=$product type="before_price"}
|
||||
{hook h='displayProductPriceBlock' product=$product type="before_price"}
|
||||
|
||||
<span itemprop="price" class="price">{$product.price}</span>
|
||||
<span itemprop="price" class="price">{$product.price}</span>
|
||||
|
||||
{hook h='displayProductPriceBlock' product=$product type='unit_price'}
|
||||
{hook h='displayProductPriceBlock' product=$product type='unit_price'}
|
||||
|
||||
{hook h='displayProductPriceBlock' product=$product type='weight'}
|
||||
</div>
|
||||
{/if}
|
||||
{/block}
|
||||
</div>
|
||||
<div class="highlighted-informations{if !$product.main_variants} no-variants{/if} hidden-sm-down">
|
||||
{block name='product_variants'}
|
||||
{if $product.main_variants}
|
||||
{include file='catalog/_partials/variant-links.tpl' variants=$product.main_variants}
|
||||
{/if}
|
||||
{/block}
|
||||
</div>
|
||||
{hook h='displayProductPriceBlock' product=$product type='weight'}
|
||||
</div>
|
||||
{/if}
|
||||
{/block}
|
||||
</div>
|
||||
<div class="highlighted-informations{if !$product.main_variants} no-variants{/if} hidden-sm-down">
|
||||
{block name='product_variants'}
|
||||
{if $product.main_variants}
|
||||
{include file='catalog/_partials/variant-links.tpl' variants=$product.main_variants}
|
||||
{/if}
|
||||
{/block}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
@@ -11,9 +11,8 @@
|
||||
|
||||
{capture name=path}{l s='Search' mod='leoproductsearch'}{/capture}
|
||||
|
||||
<h1
|
||||
{if isset($instant_search) && $instant_search}id="instant_search_results"{/if}
|
||||
class="page-heading {if !isset($instant_search) || (isset($instant_search) && !$instant_search)} product-listing{/if}">
|
||||
<h1 {if isset($instant_search) && $instant_search}id="instant_search_results" {/if}
|
||||
class="page-heading 1 {if !isset($instant_search) || (isset($instant_search) && !$instant_search)} product-listing{/if}">
|
||||
{l s='Search' mod='leoproductsearch'}
|
||||
{if $nbProducts > 0}
|
||||
<span class="lighter">
|
||||
@@ -30,7 +29,7 @@
|
||||
</span>
|
||||
{/if}
|
||||
</h1>
|
||||
|
||||
|
||||
{if !$nbProducts}
|
||||
<p class="alert alert-warning">
|
||||
{if isset($search_query) && $search_query}
|
||||
@@ -47,18 +46,18 @@
|
||||
{if $nbProducts == 1}{l s='%d result has been found.' sprintf=[$nbProducts|intval] mod='leoproductsearch'}{else}{l s='%d results have been found.' sprintf=[$nbProducts|intval] mod='leoproductsearch'}{/if}
|
||||
</p>
|
||||
{/if}
|
||||
|
||||
|
||||
<section id="products">
|
||||
<div id="">
|
||||
{block name='product_list_top'}
|
||||
{include file='catalog/_partials/products-top.tpl' listing=$search_products}
|
||||
{/block}
|
||||
{block name='product_list_top'}
|
||||
{include file='catalog/_partials/products-top.tpl' listing=$search_products}
|
||||
{/block}
|
||||
</div>
|
||||
|
||||
{block name='product_list_active_filters'}
|
||||
<div id="" class="hidden-sm-down">
|
||||
{$search_products.rendered_active_filters nofilter}
|
||||
</div>
|
||||
<div id="" class="hidden-sm-down">
|
||||
{$search_products.rendered_active_filters nofilter}
|
||||
</div>
|
||||
{/block}
|
||||
<div id="">
|
||||
{block name='product_list'}
|
||||
@@ -66,6 +65,11 @@
|
||||
{/block}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
{/if}
|
||||
{/block}
|
||||
|
||||
|
||||
{if !$nbProducts}
|
||||
|
||||
{/if}
|
||||
{/block}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -115,7 +115,7 @@ body {
|
||||
}
|
||||
|
||||
.header-nav {
|
||||
margin-top: 0 !important;
|
||||
margin-top: -1px !important;
|
||||
}
|
||||
|
||||
.header-nav .topnav {
|
||||
@@ -403,7 +403,7 @@ body {
|
||||
|
||||
.content.tab_links_container {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(8, 1fr);
|
||||
grid-template-columns: repeat(7, 1fr);
|
||||
text-align: center;
|
||||
grid-gap: 30px 5px;
|
||||
}
|
||||
@@ -1310,7 +1310,12 @@ article.product-miniature:hover {
|
||||
}
|
||||
|
||||
.manufacturers_block {
|
||||
padding-top: 104px;
|
||||
padding-top: 50px;
|
||||
margin-bottom: 80px !important;
|
||||
}
|
||||
|
||||
.box-ekomi-widget {
|
||||
margin-top: 50px;
|
||||
margin-bottom: 70px !important;
|
||||
}
|
||||
|
||||
@@ -2590,7 +2595,9 @@ body#checkout #order-summary-content .order-confirmation-table {
|
||||
}
|
||||
|
||||
.bottomnav {
|
||||
padding-top: 10px;
|
||||
padding-top: 11px;
|
||||
padding-bottom: 10px;
|
||||
background: #34d6ad;
|
||||
}
|
||||
|
||||
#order-confirmation #order-details {
|
||||
@@ -3652,7 +3659,7 @@ body#checkout .modal-content li {
|
||||
}
|
||||
|
||||
.bottomnav {
|
||||
margin-top: 10px;
|
||||
// margin-top: 10px;
|
||||
}
|
||||
|
||||
.col-cart #cart-block {
|
||||
@@ -3693,15 +3700,15 @@ body#checkout .modal-content li {
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
#findTab li:first-child,
|
||||
#findTab li:first-child a {
|
||||
border-radius: 5px 5px 0 0 !important;
|
||||
}
|
||||
// #findTab li:first-child,
|
||||
// #findTab li:first-child a {
|
||||
// border-radius: 5px 5px 0 0 !important;
|
||||
// }
|
||||
|
||||
#findTab li:last-child,
|
||||
#findTab li:last-child a {
|
||||
border-radius: 0px 0px 5px 5px !important;
|
||||
}
|
||||
// #findTab li:last-child,
|
||||
// #findTab li:last-child a {
|
||||
// border-radius: 0px 0px 5px 5px !important;
|
||||
// }
|
||||
|
||||
#recomended_container .col-lg-3 {
|
||||
width: 50%;
|
||||
@@ -3829,7 +3836,7 @@ body#checkout .modal-content li {
|
||||
|
||||
.bottomnav .ApHtml {
|
||||
text-align: center;
|
||||
background: #fff !important;
|
||||
background: #34d6ad !important;
|
||||
}
|
||||
|
||||
.my_box_container p {
|
||||
@@ -4398,7 +4405,7 @@ body#checkout .modal-content li {
|
||||
font-size: 18px;
|
||||
color: #1a1a1a;
|
||||
padding-bottom: 5px;
|
||||
border-bottom: 2px solid #24b28c;
|
||||
// border-bottom: 2px solid #24b28c;
|
||||
}
|
||||
|
||||
.cms-id-23 .block_newsletter h5 {
|
||||
@@ -5739,3 +5746,69 @@ body {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//* New CSS *//
|
||||
#findTab {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
padding: 5px 5px 0 5px;
|
||||
margin-bottom: 40px;
|
||||
gap: 5px;
|
||||
background: #34d6ad;
|
||||
|
||||
&::after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
> .nav-item {
|
||||
flex-basis: calc(25% - (5px - (5px / 4)));
|
||||
text-align: center;
|
||||
margin-bottom: -1px;
|
||||
|
||||
.nav-link {
|
||||
&:not(.active) {
|
||||
background-color: rgb(241, 241, 241, 0.8);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1200px) {
|
||||
padding: 5px;
|
||||
> .nav-item {
|
||||
flex-basis: calc(50% - (5px / 2));
|
||||
border-radius: 5px !important;
|
||||
|
||||
.nav-link {
|
||||
border-radius: 5px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
> .nav-item {
|
||||
flex-basis: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.featured-products-c_box {
|
||||
.ajax_block_product {
|
||||
clear: initial !important;
|
||||
}
|
||||
}
|
||||
|
||||
body#index {
|
||||
#wrapper {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
main#page {
|
||||
#left-column {
|
||||
a[target='raty_procedura'] {
|
||||
@media (max-width: 767px) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -6,45 +6,33 @@
|
||||
* @description: ApPageBuilder is module help you can build content for your shop
|
||||
*}
|
||||
{block name='product_thumbnail'}
|
||||
{if isset($cfg_product_list_image) && $cfg_product_list_image}
|
||||
<div class="leo-more-info" data-idproduct="{$product.id_product}"></div>
|
||||
{/if}
|
||||
{if isset($cfg_product_list_image) && $cfg_product_list_image}
|
||||
<div class="leo-more-info" data-idproduct="{$product.id_product}"></div>
|
||||
{/if}
|
||||
|
||||
{if $product.cover}
|
||||
{if isset($formAtts) && isset($formAtts.lazyload) && $formAtts.lazyload}
|
||||
{* ENABLE LAZY LOAD OWL_CAROUSEL *}
|
||||
<a href="{$product.url}" class="thumbnail product-thumbnail">
|
||||
<img
|
||||
class="img-fluid lazyOwl"
|
||||
src = ""
|
||||
data-src = "{$product.cover.bySize.home_default.url}"
|
||||
alt = "{$product.name}"
|
||||
data-full-size-image-url = "{$product.cover.large.url}"
|
||||
>
|
||||
{if isset($cfg_product_one_img) && $cfg_product_one_img}
|
||||
<span class="product-additional" data-idproduct="{$product.id_product}"></span>
|
||||
{/if}
|
||||
</a>
|
||||
{else}
|
||||
<a href="{$product.url}" class="thumbnail product-thumbnail">
|
||||
<img
|
||||
class="img-fluid"
|
||||
src = "{$product.cover.bySize.home_default.url}"
|
||||
alt = "{$product.name}"
|
||||
data-full-size-image-url = "{$product.cover.large.url}"
|
||||
>
|
||||
{if isset($cfg_product_one_img) && $cfg_product_one_img}
|
||||
<span class="product-additional" data-idproduct="{$product.id_product}"></span>
|
||||
{/if}
|
||||
</a>
|
||||
{/if}
|
||||
{else}
|
||||
<a href="{$product.url}" class="thumbnail product-thumbnail leo-noimage">
|
||||
<img
|
||||
src = "{$urls.no_picture_image.bySize.home_default.url}"
|
||||
>
|
||||
</a>
|
||||
{/if}
|
||||
|
||||
{/block}
|
||||
{if $product.cover}
|
||||
{if isset($formAtts) && isset($formAtts.lazyload) && $formAtts.lazyload}
|
||||
{* ENABLE LAZY LOAD OWL_CAROUSEL *}
|
||||
<a href="{$product.url}" class="thumbnail product-thumbnail 1">
|
||||
<img class="img-fluid lazyOwl" src="" data-src="{$product.cover.bySize.home_default.url}" alt="{$product.name}"
|
||||
data-full-size-image-url="{$product.cover.large.url}">
|
||||
{if isset($cfg_product_one_img) && $cfg_product_one_img}
|
||||
<span class="product-additional" data-idproduct="{$product.id_product}"></span>
|
||||
{/if}
|
||||
</a>
|
||||
{else}
|
||||
<a href="{$product.url}" class="thumbnail product-thumbnail 2">
|
||||
<img class="img-fluid" src="{$product.cover.bySize.home_default.url}" alt="{$product.name}"
|
||||
data-full-size-image-url="{$product.cover.large.url}">
|
||||
{if isset($cfg_product_one_img) && $cfg_product_one_img}
|
||||
<span class="product-additional" data-idproduct="{$product.id_product}"></span>
|
||||
{/if}
|
||||
</a>
|
||||
{/if}
|
||||
{else}
|
||||
<a href="{$product.url}" class="thumbnail product-thumbnail 3 leo-noimage">
|
||||
<img src="{$urls.no_picture_image.bySize.home_default.url}">
|
||||
</a>
|
||||
{/if}
|
||||
|
||||
{/block}
|
||||
@@ -26,12 +26,17 @@
|
||||
<h2 class="h2 products-section-title text-uppercase title_block">
|
||||
{l s='Popular Products' d='Shop.Theme.Catalog'}
|
||||
</h2>
|
||||
<div class="block_content">
|
||||
<div class="products">
|
||||
{include file="catalog/_partials/miniatures/leo_col_products.tpl" products=$products}
|
||||
<div class="block_content 1">
|
||||
<div class="products featured-products-c_box">
|
||||
{include
|
||||
file="catalog/_partials/miniatures/leo_col_products.tpl" products=$products
|
||||
LISTING_PRODUCT_COLUMN="4"
|
||||
LISTING_PRODUCT_COLUMN_MODULE="4"
|
||||
LISTING_PRODUCT_LARGEDEVICE="3"
|
||||
}
|
||||
</div>
|
||||
<a class="all-product-link float-xs-left float-md-right btn btn-outline" href="{$allProductsLink}">
|
||||
{l s='All products' d='Shop.Theme.Catalog'}<i class="material-icons"></i>
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
@@ -42,9 +42,9 @@
|
||||
<link rel="canonical" href="{$page.canonical}">
|
||||
{/if}
|
||||
{block name='head_hreflang'}
|
||||
{foreach from=$urls.alternative_langs item=pageUrl key=code}
|
||||
<link rel="alternate" href="{$pageUrl}" hreflang="{$code}">
|
||||
{/foreach}
|
||||
{foreach from=$urls.alternative_langs item=pageUrl key=code}
|
||||
<link rel="alternate" href="{$pageUrl}" hreflang="{$code}">
|
||||
{/foreach}
|
||||
{/block}
|
||||
{/block}
|
||||
|
||||
@@ -66,21 +66,21 @@
|
||||
{* LEO - Load Css With Prestashop Standard *}
|
||||
{if isset($LOAD_CSS_TYPE) && !$LOAD_CSS_TYPE}
|
||||
|
||||
{if isset($LEO_CSS)}
|
||||
{foreach from=$LEO_CSS key=css_uri item=media}
|
||||
<link rel="stylesheet" href="{$css_uri}" type="text/css" media="{$media}" />
|
||||
{/foreach}
|
||||
{/if}
|
||||
{if isset($LEO_CSS)}
|
||||
{foreach from=$LEO_CSS key=css_uri item=media}
|
||||
<link rel="stylesheet" href="{$css_uri}" type="text/css" media="{$media}" />
|
||||
{/foreach}
|
||||
{/if}
|
||||
|
||||
{if isset($LEO_SKIN_CSS)}
|
||||
{foreach from=$LEO_SKIN_CSS item=linkCss}
|
||||
{$linkCss nofilter}
|
||||
{/foreach}
|
||||
{/if}
|
||||
{if isset($LEO_SKIN_CSS)}
|
||||
{foreach from=$LEO_SKIN_CSS item=linkCss}
|
||||
{$linkCss nofilter}
|
||||
{/foreach}
|
||||
{/if}
|
||||
{/if}
|
||||
{* LEO LAYOUT *}
|
||||
{if isset($LAYOUT_WIDTH)}
|
||||
{$LAYOUT_WIDTH nofilter}
|
||||
{$LAYOUT_WIDTH nofilter}
|
||||
{/if}
|
||||
|
||||
{block name='javascript_head'}
|
||||
@@ -95,32 +95,45 @@
|
||||
<meta name="google-site-verification" content="8G-1wC5-UH1p5dBFzc5EILEBw8N8CdNglyFTh4nKq6g" />
|
||||
{literal}
|
||||
<!-- Smartsupp Live Chat script -->
|
||||
<script type="text/javascript">
|
||||
var _smartsupp = _smartsupp || {};
|
||||
_smartsupp.key = '0d334d3fee8a20124724fb0e40e42cb00d98a537';
|
||||
window.smartsupp||(function(d) {
|
||||
var s,c,o=smartsupp=function(){ o._.push(arguments)};o._=[];
|
||||
s=d.getElementsByTagName('script')[0];c=d.createElement('script');
|
||||
c.type='text/javascript';c.charset='utf-8';c.async=true;
|
||||
c.src='https://www.smartsuppchat.com/loader.js?';s.parentNode.insertBefore(c,s);
|
||||
})(document);
|
||||
</script>
|
||||
<noscript> Powered by <a href=“https://www.smartsupp.com” target=“_blank”>Smartsupp</a></noscript>
|
||||
<script>
|
||||
<script type="text/javascript">
|
||||
var _smartsupp = _smartsupp || {};
|
||||
_smartsupp.key = '0d334d3fee8a20124724fb0e40e42cb00d98a537';
|
||||
window.smartsupp || (function(d) {
|
||||
var s, c, o = smartsupp = function() { o._.push(arguments) };
|
||||
o._ = [];
|
||||
s = d.getElementsByTagName('script')[0];
|
||||
c = d.createElement('script');
|
||||
c.type = 'text/javascript';
|
||||
c.charset = 'utf-8';
|
||||
c.async = true;
|
||||
c.src = 'https://www.smartsuppchat.com/loader.js?';
|
||||
s.parentNode.insertBefore(c, s);
|
||||
})(document);
|
||||
</script>
|
||||
<noscript> Powered by <a href=“https://www.smartsupp.com” target=“_blank”>Smartsupp</a></noscript>
|
||||
<script>
|
||||
dlApi = {
|
||||
cmd: []
|
||||
cmd: []
|
||||
};
|
||||
</script>
|
||||
<script src="https://lib.onet.pl/s.csr/build/dlApi/minit.boot.min.js" async></script>
|
||||
<script async src="https://cdn.eye-able.com/configs/drmaterac.pl.js"></script>
|
||||
<script async src="https://cdn.eye-able.com/public/js/eyeAble.js"></script>
|
||||
{literal}
|
||||
</script>
|
||||
<script src="https://lib.onet.pl/s.csr/build/dlApi/minit.boot.min.js" async></script>
|
||||
<script async src="https://cdn.eye-able.com/configs/drmaterac.pl.js"></script>
|
||||
<script async src="https://cdn.eye-able.com/public/js/eyeAble.js"></script>
|
||||
|
||||
<!-- Google Tag Manager -->
|
||||
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
|
||||
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
|
||||
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
|
||||
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
|
||||
})(window,document,'script','dataLayer','GTM-MJDZPHD');</script>
|
||||
<script>
|
||||
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
|
||||
new Date().getTime(), event: 'gtm.js'
|
||||
});
|
||||
var f = d.getElementsByTagName(s)[0],
|
||||
j = d.createElement(s),
|
||||
dl = l != 'dataLayer' ? '&l=' + l : '';
|
||||
j.async = true;
|
||||
j.src =
|
||||
'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
|
||||
f.parentNode.insertBefore(j, f);
|
||||
})(window, document, 'script', 'dataLayer', 'GTM-MJDZPHD');
|
||||
</script>
|
||||
<!-- End Google Tag Manager -->
|
||||
{/literal}
|
||||
|
||||
{/literal}
|
||||
@@ -45,8 +45,8 @@
|
||||
{assign var="categoryLayout" value={hook h="pagebuilderConfig" configName="categoryLayout"}}
|
||||
{assign var="classCategoryLayout" value={hook h="pagebuilderConfig" configName="classCategoryLayout"}}
|
||||
|
||||
<div {if isset($id) && $id} id="{$id}"{/if} class="product_list {if isset($leo_page) && $leo_page=='category'}{$LISTING_GRID_MODE}{/if} {if isset($classCategoryLayout) && $classCategoryLayout != ""}{$classCategoryLayout} {elseif isset($productClassWidget)} {$productClassWidget}{/if} ">
|
||||
<div class="row">
|
||||
<div {if isset($id) && $id} id="{$id}"{/if} class="product_list 1 {if isset($leo_page) && $leo_page=='category'}{$LISTING_GRID_MODE}{/if} {if isset($classCategoryLayout) && $classCategoryLayout != ""}{$classCategoryLayout} {elseif isset($productClassWidget)} {$productClassWidget}{/if} ">
|
||||
<div class="row 111">
|
||||
{foreach from=$products item=product name=products}
|
||||
{math equation="(total%perLine)" total=$products|count perLine=$nbItemsPerLine assign=totModulo}
|
||||
{math equation="(total%perLineT)" total=$products|count perLineT=$nbItemsPerLineTablet assign=totModuloTablet}
|
||||
|
||||
@@ -23,124 +23,119 @@
|
||||
* International Registered Trademark & Property of PrestaShop SA
|
||||
*}
|
||||
{block name='product_miniature_item'}
|
||||
<article class="product-miniature js-product-miniature" data-id-product="{$product.id_product}" data-id-product-attribute="{$product.id_product_attribute}" itemscope itemtype="http://schema.org/Product">
|
||||
<div class="thumbnail-container">
|
||||
<div class="product-image">
|
||||
{block name='product_thumbnail'}
|
||||
{if isset($cfg_product_list_image) && $cfg_product_list_image}
|
||||
<div class="leo-more-info" data-idproduct="{$product.id_product}"></div>
|
||||
{/if}
|
||||
{if $product.cover}
|
||||
<a href="{$product.url}" class="thumbnail product-thumbnail">
|
||||
{hook h='displayProductListStickers' pro=$product}
|
||||
<img
|
||||
class="img-fluid"
|
||||
src = "{$product.cover.bySize.home_default.url}"
|
||||
alt = "{if !empty($product.cover.legend)}{$product.cover.legend}{else}{$product.name|truncate:30:'...'}{/if}"
|
||||
data-full-size-image-url = "{$product.cover.large.url}"
|
||||
>
|
||||
{if isset($cfg_product_one_img) && $cfg_product_one_img}
|
||||
<span class="product-additional" data-idproduct="{$product.id_product}"></span>
|
||||
{/if}
|
||||
</a>
|
||||
{else}
|
||||
<a href="{$product.url}" class="thumbnail product-thumbnail">
|
||||
<img
|
||||
src = "{$urls.no_picture_image.bySize.home_default.url}"
|
||||
>
|
||||
{if isset($cfg_product_one_img) && $cfg_product_one_img}
|
||||
<span class="product-additional" data-idproduct="{$product.id_product}"></span>
|
||||
{/if}
|
||||
</a>
|
||||
{/if}
|
||||
{/block}
|
||||
{block name='product_flags'}
|
||||
<ul class="product-flags">
|
||||
{foreach from=$product.flags item=flag}
|
||||
<li class="product-flag {$flag.type}">{$flag.label}</li>
|
||||
{/foreach}
|
||||
</ul>
|
||||
{/block}
|
||||
<div class="functional-buttons clearfix">
|
||||
{block name='quick_view'}
|
||||
<div class="quickview{if !$product.main_variants} no-variants{/if} hidden-sm-down">
|
||||
<a
|
||||
href="#"
|
||||
class="quick-view btn-product btn btn-primary"
|
||||
data-link-action="quickview"
|
||||
data-source=".thumb-gallery-{$product.id}-{$product.id_product_attribute}"
|
||||
title="{l s='Quick view' d='Shop.Theme.Actions'}"
|
||||
>
|
||||
<span class="leo-quickview-bt-loading cssload-speeding-wheel"></span>
|
||||
<span class="leo-quickview-bt-content">
|
||||
<i class="icon-btn-product icon-quick-view material-icons"></i>
|
||||
<span class="name-btn-product">{l s='Quick view' d='Shop.Theme.Actions'}</span>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
{/block}
|
||||
{hook h='displayLeoCompareButton' product=$product}
|
||||
{hook h='displayLeoWishlistButton' product=$product}
|
||||
{hook h='displayLeoCartButton' product=$product}
|
||||
</div>
|
||||
</div>
|
||||
<div class="product-meta">
|
||||
<div class="product-description">
|
||||
|
||||
{block name='product_name'}
|
||||
{if $page.page_name == 'index'}
|
||||
<p class="h3 product-title" itemprop="name"><a href="{$product.url}">{$product.name|truncate:30:'...'}</a></p>
|
||||
{else}
|
||||
<h2 class="h3 product-title" itemprop="name"><a href="{$product.url}">{$product.name|truncate:30:'...'}</a></h2>
|
||||
{/if}
|
||||
{/block}
|
||||
|
||||
{hook h='displayLeoProductListReview' product=$product}
|
||||
{block name='product_reviews'}
|
||||
{hook h='displayProductListReviews' product=$product}
|
||||
{/block}
|
||||
|
||||
{block name='product_price_and_shipping'}
|
||||
{if $product.show_price}
|
||||
<div class="product-price-and-shipping {if $product.has_discount}has_discount{/if}">
|
||||
{if $product.has_discount}
|
||||
{hook h='displayProductPriceBlock' product=$product type="old_price"}
|
||||
<span class="sr-only">{l s='Regular price' d='Shop.Theme.Catalog'}</span>
|
||||
<span class="regular-price">{$product.regular_price}</span>
|
||||
{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}
|
||||
<article class="product-miniature js-product-miniature 111" data-id-product="{$product.id_product}"
|
||||
data-id-product-attribute="{$product.id_product_attribute}" itemscope itemtype="http://schema.org/Product">
|
||||
<div class="thumbnail-container">
|
||||
<div class="product-image">
|
||||
{block name='product_thumbnail'}
|
||||
{if isset($cfg_product_list_image) && $cfg_product_list_image}
|
||||
<div class="leo-more-info" data-idproduct="{$product.id_product}"></div>
|
||||
{/if}
|
||||
{if $product.cover}
|
||||
<a href="{$product.url}" class="thumbnail product-thumbnail 4">
|
||||
{hook h='displayProductListStickers' pro=$product}
|
||||
<img class="img-fluid" src="{$product.cover.bySize.home_default.url}"
|
||||
alt="{if !empty($product.cover.legend)}{$product.cover.legend}{else}{$product.name|truncate:30:'...'}{/if}"
|
||||
data-full-size-image-url="{$product.cover.large.url}">
|
||||
{if isset($cfg_product_one_img) && $cfg_product_one_img}
|
||||
<span class="product-additional" data-idproduct="{$product.id_product}"></span>
|
||||
{/if}
|
||||
|
||||
{hook h='displayProductPriceBlock' product=$product type="before_price"}
|
||||
|
||||
<span class="sr-only">{l s='Price' d='Shop.Theme.Catalog'}</span>
|
||||
<span itemprop="price" class="price">{$product.price}</span>
|
||||
|
||||
{hook h='displayProductPriceBlock' product=$product type='unit_price'}
|
||||
|
||||
{hook h='displayProductPriceBlock' product=$product type='weight'}
|
||||
</a>
|
||||
{else}
|
||||
<a href="{$product.url}" class="thumbnail product-thumbnail 5">
|
||||
<img src="{$urls.no_picture_image.bySize.home_default.url}">
|
||||
{if isset($cfg_product_one_img) && $cfg_product_one_img}
|
||||
<span class="product-additional" data-idproduct="{$product.id_product}"></span>
|
||||
{/if}
|
||||
</a>
|
||||
{/if}
|
||||
{/block}
|
||||
{block name='product_flags'}
|
||||
<ul class="product-flags">
|
||||
{foreach from=$product.flags item=flag}
|
||||
<li class="product-flag {$flag.type}">{$flag.label}</li>
|
||||
{/foreach}
|
||||
</ul>
|
||||
{/block}
|
||||
<div class="functional-buttons clearfix">
|
||||
{block name='quick_view'}
|
||||
<div class="quickview{if !$product.main_variants} no-variants{/if} hidden-sm-down">
|
||||
<a href="#" class="quick-view btn-product btn btn-primary" data-link-action="quickview"
|
||||
data-source=".thumb-gallery-{$product.id}-{$product.id_product_attribute}"
|
||||
title="{l s='Quick view' d='Shop.Theme.Actions'}">
|
||||
<span class="leo-quickview-bt-loading cssload-speeding-wheel"></span>
|
||||
<span class="leo-quickview-bt-content">
|
||||
<i class="icon-btn-product icon-quick-view material-icons"></i>
|
||||
<span class="name-btn-product">{l s='Quick view' d='Shop.Theme.Actions'}</span>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
{/if}
|
||||
{/block}
|
||||
|
||||
{block name='product_description_short'}
|
||||
<div class="product-description-short" itemprop="description">{$product.description_short|truncate:150:'...' nofilter}</div>
|
||||
{/block}
|
||||
|
||||
{/block}
|
||||
{hook h='displayLeoCompareButton' product=$product}
|
||||
{hook h='displayLeoWishlistButton' product=$product}
|
||||
{hook h='displayLeoCartButton' product=$product}
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlighted-informations{if !$product.main_variants} no-variants{/if} hidden-sm-down">
|
||||
{block name='product_variants'}
|
||||
{if $product.main_variants}
|
||||
{include file='catalog/_partials/variant-links.tpl' variants=$product.main_variants}
|
||||
{/if}
|
||||
{/block}
|
||||
<div class="product-meta">
|
||||
<div class="product-description">
|
||||
|
||||
{block name='product_name'}
|
||||
{if $page.page_name == 'index'}
|
||||
<p class="h3 product-title" itemprop="name"><a
|
||||
href="{$product.url}">{$product.name|truncate:30:'...'}</a></p>
|
||||
{else}
|
||||
<h2 class="h3 product-title" itemprop="name"><a
|
||||
href="{$product.url}">{$product.name|truncate:30:'...'}</a></h2>
|
||||
{/if}
|
||||
{/block}
|
||||
|
||||
{hook h='displayLeoProductListReview' product=$product}
|
||||
{block name='product_reviews'}
|
||||
{hook h='displayProductListReviews' product=$product}
|
||||
{/block}
|
||||
|
||||
{block name='product_price_and_shipping'}
|
||||
{if $product.show_price}
|
||||
<div class="product-price-and-shipping {if $product.has_discount}has_discount{/if}">
|
||||
{if $product.has_discount}
|
||||
{hook h='displayProductPriceBlock' product=$product type="old_price"}
|
||||
<span class="sr-only">{l s='Regular price' d='Shop.Theme.Catalog'}</span>
|
||||
<span class="regular-price">{$product.regular_price}</span>
|
||||
{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}
|
||||
|
||||
{hook h='displayProductPriceBlock' product=$product type="before_price"}
|
||||
|
||||
<span class="sr-only">{l s='Price' d='Shop.Theme.Catalog'}</span>
|
||||
<span itemprop="price" class="price">{$product.price}</span>
|
||||
|
||||
{hook h='displayProductPriceBlock' product=$product type='unit_price'}
|
||||
|
||||
{hook h='displayProductPriceBlock' product=$product type='weight'}
|
||||
</div>
|
||||
{/if}
|
||||
{/block}
|
||||
|
||||
{block name='product_description_short'}
|
||||
<div class="product-description-short" itemprop="description">
|
||||
{$product.description_short|truncate:150:'...' nofilter}</div>
|
||||
{/block}
|
||||
|
||||
</div>
|
||||
<div class="highlighted-informations{if !$product.main_variants} no-variants{/if} hidden-sm-down">
|
||||
{block name='product_variants'}
|
||||
{if $product.main_variants}
|
||||
{include file='catalog/_partials/variant-links.tpl' variants=$product.main_variants}
|
||||
{/if}
|
||||
{/block}
|
||||
</div>
|
||||
{hook h='displayLeoCartAttribute' product=$product}
|
||||
{hook h='displayLeoCartQuantity' product=$product}
|
||||
</div>
|
||||
{hook h='displayLeoCartAttribute' product=$product}
|
||||
{hook h='displayLeoCartQuantity' product=$product}
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
{/block}
|
||||
</article>
|
||||
{/block}
|
||||
Reference in New Issue
Block a user