refactor: add bg color for the product card

dev
Dinesh Salunke 2023-11-02 16:47:55 +05:30
parent b2ea66cee5
commit 7f8f6c0de6
1 changed files with 2 additions and 2 deletions

View File

@ -23,11 +23,11 @@
* 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 flex flex-col shrink-0" 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 flex flex-col shrink-0 gap-4" data-id-product="{$product.id_product}" data-id-product-attribute="{$product.id_product_attribute}" itemscope itemtype="http://schema.org/Product">
<div class="thumbnail-container flex flex-col"> <div class="thumbnail-container flex flex-col">
{block name='product_thumbnail'} {block name='product_thumbnail'}
{if $product.cover} {if $product.cover}
<a href="{$product.url}" class="thumbnail product-thumbnail w-full aspect-[342/513]"> <a href="{$product.url}" class="thumbnail product-thumbnail w-full aspect-[342/513] bg-gray-100">
<img <img
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}"