From 83a427381da2ac4c26ac5fb87d3e0060bc857cb9 Mon Sep 17 00:00:00 2001
From: Dinesh Salunke <dineshsalunke@consultbop.com>
Date: Fri, 3 Nov 2023 18:28:36 +0530
Subject: [PATCH] refactor: simplify the product card
---
.../catalog/_partials/miniatures/product.tpl | 39 ++++++++++++++++++-
1 file changed, 38 insertions(+), 1 deletion(-)
diff --git a/templates/catalog/_partials/miniatures/product.tpl b/templates/catalog/_partials/miniatures/product.tpl
index bc9c2ca..600a5f4 100644
--- a/templates/catalog/_partials/miniatures/product.tpl
+++ b/templates/catalog/_partials/miniatures/product.tpl
@@ -23,6 +23,43 @@
* International Registered Trademark & Property of PrestaShop SA
*}
{block name='product_miniature_item'}
+<a href="{$product.url}" class="group w-full flex flex-col">
+ {block name='product_thumbnail'}
+ {if $product.cover}
+ <div class="thumbnail product-thumbnail w-full aspect-[342/513] bg-gray-100">
+ <img
+ 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}"
+ class="object-cover w-full h-full"
+ />
+ </div>
+ {else}
+ <div class="thumbnail product-thumbnail w-full aspect-[342/513]">
+ <img class="object-fit w-full h-full" src="{$urls.no_picture_image.bySize.home_default.url}" />
+ </div>
+ {/if}
+ {/block}
+ <div class="product-description flex flex-col pt-4 group-hover:text-gray-950 gap-1">
+ {block name='product_price_and_shipping'}
+ <div class="flex w-full justify-between items-center">
+ {if $product.has_discount}
+ <span class="regular-price line-through text-red-700/50 leading-none">{$product.regular_price}</span>
+ {/if}
+ <div class="font-semibold text-lg">
+ <span>{$product.price}</span>
+ </div>
+ </div>
+ {/block}
+ {block name='product_name'}
+ <span class="text-xl" itemprop="name">{$product.name|truncate:30:'...'}</span>
+ {/block}
+ </div>
+</a>
+{/block}
+
+{**
+
<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">
<div class="thumbnail-container flex flex-col gap-4">
{block name='product_thumbnail'}
@@ -89,4 +126,4 @@
</div>
</div>
</article>
-{/block}
+*}