Project-Pro/drmaterac.pl
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Save

Browse Source
This commit is contained in:
Roman Pyrih
2025-07-16 15:52:14 +02:00
parent 4fefdee819
commit 1a063431c4
11 changed files with 1135 additions and 1042 deletions
Download Patch File Download Diff File Expand all files Collapse all files

79
modules/appagebuilder/views/templates/front/product-item/product-item.tpl
View File

@@ -5,17 +5,14 @@
* @copyright Apollotheme * @copyright Apollotheme
* @description: ApPageBuilder is module help you can build content for your shop * @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="thumbnail-container">
<div class="product-image"> <div class="product-image">
{block name='product_thumbnail'} {block name='product_thumbnail'}
<a href="{$product.url}" class="thumbnail product-thumbnail"> <a href="{$product.url}" class="thumbnail product-thumbnail">
<img <img class="img-fluid" src="{$product.cover.bySize.home_default.url}" alt="{$product.cover.legend}"
class="img-fluid" data-full-size-image-url="{$product.cover.large.url}">
src = "{$product.cover.bySize.home_default.url}"
alt = "{$product.cover.legend}"
data-full-size-image-url = "{$product.cover.large.url}"
>
</a> </a>
{/block} {/block}
{block name='product_flags'} {block name='product_flags'}
@@ -26,11 +23,7 @@
</ul> </ul>
{/block} {/block}
<div class="quickview{if !$product.main_variants} no-variants{/if} hidden-sm-down"> <div class="quickview{if !$product.main_variants} no-variants{/if} hidden-sm-down">
<a <a href="#" class="quick-view" data-link-action="quickview" title="{l s='Add to cart' d='Shop.Theme.Actions'}">
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-loading cssload-speeding-wheel"></span>
<span class="leo-quickview-bt-content"> <span class="leo-quickview-bt-content">
{* <i class="material-icons search">&#xE8B6;</i> *} {* <i class="material-icons search">&#xE8B6;</i> *}
@@ -38,46 +31,46 @@
<span>{l s='Add to cart' d='Shop.Theme.Actions'}</span> <span>{l s='Add to cart' d='Shop.Theme.Actions'}</span>
</span> </span>
</a> </a>
</div>
</div> </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'} </div>
{if $product.show_price} <div class="product-meta">
<div class="product-price-and-shipping"> <div class="product-description">
{if $product.has_discount} {block name='product_name'}
{hook h='displayProductPriceBlock' product=$product type="old_price"} <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> {block name='product_price_and_shipping'}
{if $product.discount_type === 'percentage'} {if $product.show_price}
<span class="discount-percentage">{$product.discount_percentage}</span> <div class="product-price-and-shipping">
{/if} {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}
{/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'} {hook h='displayProductPriceBlock' product=$product type='weight'}
</div> </div>
{/if} {/if}
{/block} {/block}
</div> </div>
<div class="highlighted-informations{if !$product.main_variants} no-variants{/if} hidden-sm-down"> <div class="highlighted-informations{if !$product.main_variants} no-variants{/if} hidden-sm-down">
{block name='product_variants'} {block name='product_variants'}
{if $product.main_variants} {if $product.main_variants}
{include file='catalog/_partials/variant-links.tpl' variants=$product.main_variants} {include file='catalog/_partials/variant-links.tpl' variants=$product.main_variants}
{/if} {/if}
{/block} {/block}
</div>
</div> </div>
</div> </div>
</div>
</article> </article>

30
modules/leoproductsearch/views/templates/front/search.tpl
View File

@@ -11,9 +11,8 @@
{capture name=path}{l s='Search' mod='leoproductsearch'}{/capture} {capture name=path}{l s='Search' mod='leoproductsearch'}{/capture}
<h1 <h1 {if isset($instant_search) && $instant_search}id="instant_search_results" {/if}
{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}">
class="page-heading {if !isset($instant_search) || (isset($instant_search) && !$instant_search)} product-listing{/if}">
{l s='Search' mod='leoproductsearch'}&nbsp; {l s='Search' mod='leoproductsearch'}&nbsp;
{if $nbProducts > 0} {if $nbProducts > 0}
<span class="lighter"> <span class="lighter">
@@ -30,7 +29,7 @@
</span> </span>
{/if} {/if}
</h1> </h1>
{if !$nbProducts} {if !$nbProducts}
<p class="alert alert-warning"> <p class="alert alert-warning">
{if isset($search_query) && $search_query} {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} {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> </p>
{/if} {/if}
<section id="products"> <section id="products">
<div id=""> <div id="">
{block name='product_list_top'} {block name='product_list_top'}
{include file='catalog/_partials/products-top.tpl' listing=$search_products} {include file='catalog/_partials/products-top.tpl' listing=$search_products}
{/block} {/block}
</div> </div>
{block name='product_list_active_filters'} {block name='product_list_active_filters'}
<div id="" class="hidden-sm-down"> <div id="" class="hidden-sm-down">
{$search_products.rendered_active_filters nofilter} {$search_products.rendered_active_filters nofilter}
</div> </div>
{/block} {/block}
<div id=""> <div id="">
{block name='product_list'} {block name='product_list'}
@@ -66,6 +65,11 @@
{/block} {/block}
</div> </div>
</section> </section>
{/if} {/if}
{/block}
{if !$nbProducts}
{/if}
{/block}

2
themes/leo_gstore/assets/css/dr_materac.css
View File

File diff suppressed because one or more lines are too long

2
themes/leo_gstore/assets/css/dr_materac.css.map
View File

File diff suppressed because one or more lines are too long

103
themes/leo_gstore/assets/css/dr_materac.scss
View File

@@ -115,7 +115,7 @@ body {
} }
.header-nav { .header-nav {
margin-top: 0 !important; margin-top: -1px !important;
} }
.header-nav .topnav { .header-nav .topnav {
@@ -403,7 +403,7 @@ body {
.content.tab_links_container { .content.tab_links_container {
display: grid; display: grid;
grid-template-columns: repeat(8, 1fr); grid-template-columns: repeat(7, 1fr);
text-align: center; text-align: center;
grid-gap: 30px 5px; grid-gap: 30px 5px;
} }
@@ -1310,7 +1310,12 @@ article.product-miniature:hover {
} }
.manufacturers_block { .manufacturers_block {
padding-top: 104px; padding-top: 50px;
margin-bottom: 80px !important;
}
.box-ekomi-widget {
margin-top: 50px;
margin-bottom: 70px !important; margin-bottom: 70px !important;
} }
@@ -2590,7 +2595,9 @@ body#checkout #order-summary-content .order-confirmation-table {
} }
.bottomnav { .bottomnav {
padding-top: 10px; padding-top: 11px;
padding-bottom: 10px;
background: #34d6ad;
} }
#order-confirmation #order-details { #order-confirmation #order-details {
@@ -3652,7 +3659,7 @@ body#checkout .modal-content li {
} }
.bottomnav { .bottomnav {
margin-top: 10px; // margin-top: 10px;
} }
.col-cart #cart-block { .col-cart #cart-block {
@@ -3693,15 +3700,15 @@ body#checkout .modal-content li {
border-radius: 5px; border-radius: 5px;
} }
#findTab li:first-child, // #findTab li:first-child,
#findTab li:first-child a { // #findTab li:first-child a {
border-radius: 5px 5px 0 0 !important; // border-radius: 5px 5px 0 0 !important;
} // }
#findTab li:last-child, // #findTab li:last-child,
#findTab li:last-child a { // #findTab li:last-child a {
border-radius: 0px 0px 5px 5px !important; // border-radius: 0px 0px 5px 5px !important;
} // }
#recomended_container .col-lg-3 { #recomended_container .col-lg-3 {
width: 50%; width: 50%;
@@ -3829,7 +3836,7 @@ body#checkout .modal-content li {
.bottomnav .ApHtml { .bottomnav .ApHtml {
text-align: center; text-align: center;
background: #fff !important; background: #34d6ad !important;
} }
.my_box_container p { .my_box_container p {
@@ -4398,7 +4405,7 @@ body#checkout .modal-content li {
font-size: 18px; font-size: 18px;
color: #1a1a1a; color: #1a1a1a;
padding-bottom: 5px; padding-bottom: 5px;
border-bottom: 2px solid #24b28c; // border-bottom: 2px solid #24b28c;
} }
.cms-id-23 .block_newsletter h5 { .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;
}
}
}
}

1560
themes/leo_gstore/assets/js/custom.js
View File

File diff suppressed because it is too large Load Diff

68
themes/leo_gstore/modules/appagebuilder/views/templates/front/products/product_thumbnail.tpl
View File

@@ -6,45 +6,33 @@
* @description: ApPageBuilder is module help you can build content for your shop * @description: ApPageBuilder is module help you can build content for your shop
*} *}
{block name='product_thumbnail'} {block name='product_thumbnail'}
{if isset($cfg_product_list_image) && $cfg_product_list_image} {if isset($cfg_product_list_image) && $cfg_product_list_image}
<div class="leo-more-info" data-idproduct="{$product.id_product}"></div> <div class="leo-more-info" data-idproduct="{$product.id_product}"></div>
{/if} {/if}
{if $product.cover} {if $product.cover}
{if isset($formAtts) && isset($formAtts.lazyload) && $formAtts.lazyload} {if isset($formAtts) && isset($formAtts.lazyload) && $formAtts.lazyload}
{* ENABLE LAZY LOAD OWL_CAROUSEL *} {* ENABLE LAZY LOAD OWL_CAROUSEL *}
<a href="{$product.url}" class="thumbnail product-thumbnail"> <a href="{$product.url}" class="thumbnail product-thumbnail 1">
<img <img class="img-fluid lazyOwl" src="" data-src="{$product.cover.bySize.home_default.url}" alt="{$product.name}"
class="img-fluid lazyOwl" data-full-size-image-url="{$product.cover.large.url}">
src = "" {if isset($cfg_product_one_img) && $cfg_product_one_img}
data-src = "{$product.cover.bySize.home_default.url}" <span class="product-additional" data-idproduct="{$product.id_product}"></span>
alt = "{$product.name}" {/if}
data-full-size-image-url = "{$product.cover.large.url}" </a>
> {else}
{if isset($cfg_product_one_img) && $cfg_product_one_img} <a href="{$product.url}" class="thumbnail product-thumbnail 2">
<span class="product-additional" data-idproduct="{$product.id_product}"></span> <img class="img-fluid" src="{$product.cover.bySize.home_default.url}" alt="{$product.name}"
{/if} data-full-size-image-url="{$product.cover.large.url}">
</a> {if isset($cfg_product_one_img) && $cfg_product_one_img}
{else} <span class="product-additional" data-idproduct="{$product.id_product}"></span>
<a href="{$product.url}" class="thumbnail product-thumbnail"> {/if}
<img </a>
class="img-fluid" {/if}
src = "{$product.cover.bySize.home_default.url}" {else}
alt = "{$product.name}" <a href="{$product.url}" class="thumbnail product-thumbnail 3 leo-noimage">
data-full-size-image-url = "{$product.cover.large.url}" <img src="{$urls.no_picture_image.bySize.home_default.url}">
> </a>
{if isset($cfg_product_one_img) && $cfg_product_one_img} {/if}
<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}
{/block}

13
themes/leo_gstore/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl
View File

@@ -26,12 +26,17 @@
<h2 class="h2 products-section-title text-uppercase title_block"> <h2 class="h2 products-section-title text-uppercase title_block">
{l s='Popular Products' d='Shop.Theme.Catalog'} {l s='Popular Products' d='Shop.Theme.Catalog'}
</h2> </h2>
<div class="block_content"> <div class="block_content 1">
<div class="products"> <div class="products featured-products-c_box">
{include file="catalog/_partials/miniatures/leo_col_products.tpl" products=$products} {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> </div>
<a class="all-product-link float-xs-left float-md-right btn btn-outline" href="{$allProductsLink}"> <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">&#xE315;</i> {l s='All products' d='Shop.Theme.Catalog'}<i class="material-icons">&#xE315;</i>
</a> </a>
</div> </div>
</section> </section>

89
themes/leo_gstore/templates/_partials/head.tpl
View File

@@ -42,9 +42,9 @@
<link rel="canonical" href="{$page.canonical}"> <link rel="canonical" href="{$page.canonical}">
{/if} {/if}
{block name='head_hreflang'} {block name='head_hreflang'}
{foreach from=$urls.alternative_langs item=pageUrl key=code} {foreach from=$urls.alternative_langs item=pageUrl key=code}
<link rel="alternate" href="{$pageUrl}" hreflang="{$code}"> <link rel="alternate" href="{$pageUrl}" hreflang="{$code}">
{/foreach} {/foreach}
{/block} {/block}
{/block} {/block}
@@ -66,21 +66,21 @@
{* LEO - Load Css With Prestashop Standard *} {* LEO - Load Css With Prestashop Standard *}
{if isset($LOAD_CSS_TYPE) && !$LOAD_CSS_TYPE} {if isset($LOAD_CSS_TYPE) && !$LOAD_CSS_TYPE}
{if isset($LEO_CSS)} {if isset($LEO_CSS)}
{foreach from=$LEO_CSS key=css_uri item=media} {foreach from=$LEO_CSS key=css_uri item=media}
<link rel="stylesheet" href="{$css_uri}" type="text/css" media="{$media}" /> <link rel="stylesheet" href="{$css_uri}" type="text/css" media="{$media}" />
{/foreach} {/foreach}
{/if} {/if}
{if isset($LEO_SKIN_CSS)} {if isset($LEO_SKIN_CSS)}
{foreach from=$LEO_SKIN_CSS item=linkCss} {foreach from=$LEO_SKIN_CSS item=linkCss}
{$linkCss nofilter} {$linkCss nofilter}
{/foreach} {/foreach}
{/if} {/if}
{/if} {/if}
{* LEO LAYOUT *} {* LEO LAYOUT *}
{if isset($LAYOUT_WIDTH)} {if isset($LAYOUT_WIDTH)}
{$LAYOUT_WIDTH nofilter} {$LAYOUT_WIDTH nofilter}
{/if} {/if}
{block name='javascript_head'} {block name='javascript_head'}
@@ -95,32 +95,45 @@
<meta name="google-site-verification" content="8G-1wC5-UH1p5dBFzc5EILEBw8N8CdNglyFTh4nKq6g" /> <meta name="google-site-verification" content="8G-1wC5-UH1p5dBFzc5EILEBw8N8CdNglyFTh4nKq6g" />
{literal} {literal}
<!-- Smartsupp Live Chat script --> <!-- Smartsupp Live Chat script -->
<script type="text/javascript"> <script type="text/javascript">
var _smartsupp = _smartsupp || {}; var _smartsupp = _smartsupp || {};
_smartsupp.key = '0d334d3fee8a20124724fb0e40e42cb00d98a537'; _smartsupp.key = '0d334d3fee8a20124724fb0e40e42cb00d98a537';
window.smartsupp||(function(d) { window.smartsupp || (function(d) {
var s,c,o=smartsupp=function(){ o._.push(arguments)};o._=[]; var s, c, o = smartsupp = function() { o._.push(arguments) };
s=d.getElementsByTagName('script')[0];c=d.createElement('script'); o._ = [];
c.type='text/javascript';c.charset='utf-8';c.async=true; s = d.getElementsByTagName('script')[0];
c.src='https://www.smartsuppchat.com/loader.js?';s.parentNode.insertBefore(c,s); c = d.createElement('script');
})(document); c.type = 'text/javascript';
</script> c.charset = 'utf-8';
<noscript> Powered by <a href=“https://www.smartsupp.com” target=“_blank”>Smartsupp</a></noscript> c.async = true;
<script> 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 = { dlApi = {
cmd: [] cmd: []
}; };
</script> </script>
<script src="https://lib.onet.pl/s.csr/build/dlApi/minit.boot.min.js" async></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/configs/drmaterac.pl.js"></script>
<script async src="https://cdn.eye-able.com/public/js/eyeAble.js"></script> <script async src="https://cdn.eye-able.com/public/js/eyeAble.js"></script>
{literal}
<!-- Google Tag Manager --> <!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': <script>
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= new Date().getTime(), event: 'gtm.js'
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); });
})(window,document,'script','dataLayer','GTM-MJDZPHD');</script> 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 --> <!-- End Google Tag Manager -->
{/literal}
{/literal} {/literal}

4
themes/leo_gstore/templates/catalog/_partials/miniatures/leo_col_products.tpl
View File

@@ -45,8 +45,8 @@
{assign var="categoryLayout" value={hook h="pagebuilderConfig" configName="categoryLayout"}} {assign var="categoryLayout" value={hook h="pagebuilderConfig" configName="categoryLayout"}}
{assign var="classCategoryLayout" value={hook h="pagebuilderConfig" configName="classCategoryLayout"}} {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 {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"> <div class="row 111">
{foreach from=$products item=product name=products} {foreach from=$products item=product name=products}
{math equation="(total%perLine)" total=$products|count perLine=$nbItemsPerLine assign=totModulo} {math equation="(total%perLine)" total=$products|count perLine=$nbItemsPerLine assign=totModulo}
{math equation="(total%perLineT)" total=$products|count perLineT=$nbItemsPerLineTablet assign=totModuloTablet} {math equation="(total%perLineT)" total=$products|count perLineT=$nbItemsPerLineTablet assign=totModuloTablet}

227
themes/leo_gstore/templates/catalog/_partials/miniatures/product.tpl
View File

@@ -23,124 +23,119 @@
* International Registered Trademark & Property of PrestaShop SA * International Registered Trademark & Property of PrestaShop SA
*} *}
{block name='product_miniature_item'} {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"> <article class="product-miniature js-product-miniature 111" data-id-product="{$product.id_product}"
<div class="thumbnail-container"> data-id-product-attribute="{$product.id_product_attribute}" itemscope itemtype="http://schema.org/Product">
<div class="product-image"> <div class="thumbnail-container">
{block name='product_thumbnail'} <div class="product-image">
{if isset($cfg_product_list_image) && $cfg_product_list_image} {block name='product_thumbnail'}
<div class="leo-more-info" data-idproduct="{$product.id_product}"></div> {if isset($cfg_product_list_image) && $cfg_product_list_image}
{/if} <div class="leo-more-info" data-idproduct="{$product.id_product}"></div>
{if $product.cover} {/if}
<a href="{$product.url}" class="thumbnail product-thumbnail"> {if $product.cover}
{hook h='displayProductListStickers' pro=$product} <a href="{$product.url}" class="thumbnail product-thumbnail 4">
<img {hook h='displayProductListStickers' pro=$product}
class="img-fluid" <img class="img-fluid" src="{$product.cover.bySize.home_default.url}"
src = "{$product.cover.bySize.home_default.url}" alt="{if !empty($product.cover.legend)}{$product.cover.legend}{else}{$product.name|truncate:30:'...'}{/if}"
alt = "{if !empty($product.cover.legend)}{$product.cover.legend}{else}{$product.name|truncate:30:'...'}{/if}" data-full-size-image-url="{$product.cover.large.url}">
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 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">&#xE417;</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}
{/if} {/if}
</a>
{hook h='displayProductPriceBlock' product=$product type="before_price"} {else}
<a href="{$product.url}" class="thumbnail product-thumbnail 5">
<span class="sr-only">{l s='Price' d='Shop.Theme.Catalog'}</span> <img src="{$urls.no_picture_image.bySize.home_default.url}">
<span itemprop="price" class="price">{$product.price}</span> {if isset($cfg_product_one_img) && $cfg_product_one_img}
<span class="product-additional" data-idproduct="{$product.id_product}"></span>
{hook h='displayProductPriceBlock' product=$product type='unit_price'} {/if}
</a>
{hook h='displayProductPriceBlock' product=$product type='weight'} {/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">&#xE417;</i>
<span class="name-btn-product">{l s='Quick view' d='Shop.Theme.Actions'}</span>
</span>
</a>
</div> </div>
{/if} {/block}
{/block} {hook h='displayLeoCompareButton' product=$product}
{hook h='displayLeoWishlistButton' product=$product}
{block name='product_description_short'} {hook h='displayLeoCartButton' product=$product}
<div class="product-description-short" itemprop="description">{$product.description_short|truncate:150:'...' nofilter}</div> </div>
{/block}
</div> </div>
<div class="highlighted-informations{if !$product.main_variants} no-variants{/if} hidden-sm-down"> <div class="product-meta">
{block name='product_variants'} <div class="product-description">
{if $product.main_variants}
{include file='catalog/_partials/variant-links.tpl' variants=$product.main_variants} {block name='product_name'}
{/if} {if $page.page_name == 'index'}
{/block} <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> </div>
{hook h='displayLeoCartAttribute' product=$product}
{hook h='displayLeoCartQuantity' product=$product}
</div> </div>
</div> </article>
</article> {/block}
{/block}