From fd550d0e201bfaa870ae8e960e511dc52fda7e81 Mon Sep 17 00:00:00 2001
From: abhisheks <abhisheks@consultbop.com>
Date: Wed, 22 Nov 2023 16:21:01 +0530
Subject: [PATCH] refactor: udpate product details styles

---
 .../catalog/_partials/product-details.tpl     | 80 ++-----------------
 1 file changed, 7 insertions(+), 73 deletions(-)

diff --git a/templates/catalog/_partials/product-details.tpl b/templates/catalog/_partials/product-details.tpl
index b30b4fa..4273fb3 100644
--- a/templates/catalog/_partials/product-details.tpl
+++ b/templates/catalog/_partials/product-details.tpl
@@ -1,81 +1,15 @@
-<div class="tab-pane hidden fade{if !$product.description} in active{/if}"
-     id="product-details"
-     data-product="{$product.embedded_attributes|json_encode}"
-     role="tabpanel"
-  >
-  {block name='product_reference'}
-    {if isset($product_manufacturer->id)}
-      <div class="product-manufacturer">
-        {if isset($manufacturer_image_url)}
-          <a href="{$product_brand_url}">
-            <img src="{$manufacturer_image_url}" class="img img-thumbnail manufacturer-logo" alt="{$product_manufacturer->name}">
-          </a>
-        {else}
-          <label class="label">{l s='Brand' d='Shop.Theme.Catalog'}</label>
-          <span>
-            <a href="{$product_brand_url}">{$product_manufacturer->name}</a>
-          </span>
-        {/if}
-      </div>
-    {/if}
-    {if isset($product.reference_to_display) && $product.reference_to_display neq ''}
-      <div class="product-reference">
-        <label class="label">{l s='Reference' d='Shop.Theme.Catalog'} </label>
-        <span itemprop="sku">{$product.reference_to_display}</span>
-      </div>
-    {/if}
-  {/block}
-
-  {block name='product_quantities'}
-    {if $product.show_quantities}
-      <div class="product-quantities">
-        <label class="label">{l s='In stock' d='Shop.Theme.Catalog'}</label>
-        <span data-stock="{$product.quantity}" data-allow-oosp="{$product.allow_oosp}">{$product.quantity} {$product.quantity_label}</span>
-      </div>
-    {/if}
-  {/block}
-
-  {block name='product_availability_date'}
-    {if $product.availability_date}
-      <div class="product-availability-date">
-        <label>{l s='Availability date:' d='Shop.Theme.Catalog'} </label>
-        <span>{$product.availability_date}</span>
-      </div>
-    {/if}
-  {/block}
-
-  {block name='product_out_of_stock'}
-    <div class="product-out-of-stock">
-      {hook h='actionProductOutOfStock' product=$product}
-    </div>
-  {/block}
+<div class="w-full" id="product-details">
 
   {block name='product_features'}
     {if $product.grouped_features}
-      <section class="product-features">
-        <p class="h6">{l s='Data sheet' d='Shop.Theme.Catalog'}</p>
-        <dl class="data-sheet">
+      <ul class="product-features list-[square] w-full">
           {foreach from=$product.grouped_features item=feature}
-            <dt class="name">{$feature.name}</dt>
-            <dd class="value">{$feature.value|escape:'htmlall'|nl2br nofilter}</dd>
+            <li>
+              <span class="name inline-flex w-16 font-semibold">{$feature.name}</span>
+              <span class="value">{$feature.value|escape:'htmlall'|nl2br nofilter}</span>
+            </li>
           {/foreach}
-        </dl>
-      </section>
-    {/if}
-  {/block}
-
-  {* if product have specific references, a table will be added to product details section *}
-  {block name='product_specific_references'}
-    {if !empty($product.specific_references)}
-      <section class="product-features">
-        <p class="h6">{l s='Specific References' d='Shop.Theme.Catalog'}</p>
-          <dl class="data-sheet">
-            {foreach from=$product.specific_references item=reference key=key}
-              <dt class="name">{$key}</dt>
-              <dd class="value">{$reference}</dd>
-            {/foreach}
-          </dl>
-      </section>
+      </ul>
     {/if}
   {/block}