Change product card img. Fix styles

This commit is contained in:
Roman Pyrih
2026-01-09 14:19:32 +01:00
parent a721018f35
commit 011f6108eb
7 changed files with 117 additions and 15 deletions

View File

@@ -21,7 +21,7 @@
<div class="product-list-images-mobile">
<div>
{/if}
<a href="{$product.url}" class="thumbnail product-thumbnail">
<a href="{$product.url}" class="thumbnail product-thumbnail 1">
<img
class="img-fluid lazyOwl"
src = ""
@@ -38,7 +38,7 @@
{foreach from=$product.images item=image}
{if $product.cover.bySize.home_default.url != $image.bySize.home_default.url}
<div>
<a href="{$product.url}" class="thumbnail product-thumbnail">
<a href="{$product.url}" class="thumbnail product-thumbnail 2">
<img
class="img-fluid thumb js-thumb {if $image.id_image == $product.cover.id_image} selected {/if}{if $aplazyload} lazy{/if}"
data-src="{$image.bySize.home_default.url}"
@@ -57,10 +57,11 @@
<div class="product-list-images-mobile">
<div>
{/if}
<a href="{$product.url}" class="thumbnail product-thumbnail">
<a href="{$product.url}" class="thumbnail product-thumbnail 3">
<img
class="img-fluid"
src = "{$product.cover.bySize.home_default.url}"
src = "{$product.cover.large.url}"
{* src = "{$product.cover.bySize.home_default.url}" *}
alt = "{$product.cover.legend}"
data-full-size-image-url = "{$product.cover.large.url}"
>
@@ -74,7 +75,7 @@
{foreach from=$product.images item=image}
{if $product.cover.bySize.home_default.url != $image.bySize.home_default.url}
<div>
<a href="{$product.url}" class="thumbnail product-thumbnail">
<a href="{$product.url}" class="thumbnail product-thumbnail 4">
<img
class="thumb js-thumb img-fluid {if $image.id_image == $product.cover.id_image} selected {/if}"
src="{$image.bySize.home_default.url}"
@@ -90,7 +91,7 @@
{/if}
{/if}
{else}
<a href="{$product.url}" class="thumbnail product-thumbnail leo-noimage">
<a href="{$product.url}" class="thumbnail product-thumbnail 5 leo-noimage">
<img
{if $aplazyload}class="lazy" data-src{else}src{/if} = "{$urls.no_picture_image.bySize.home_default.url}"
>