From 0a732ef6e436db06256f4a0f2360425006779437 Mon Sep 17 00:00:00 2001
From: abhisheks <abhisheks@consultbop.com>
Date: Fri, 3 Nov 2023 17:43:36 +0530
Subject: [PATCH 1/7] refactor: add custom hook to add actions on product page

---
 config/theme.yml | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/config/theme.yml b/config/theme.yml
index f0bf5bf..246e5f9 100644
--- a/config/theme.yml
+++ b/config/theme.yml
@@ -56,6 +56,9 @@ global_settings:
       - name: displayAfterWrapper
         title: Display after wrapper
         description: Display after wrapper
+      - name: displayCustomProductActions
+        title: Display Actions below Add to Cart
+        description: Display actions below product's add to cart button
     modules_to_hook:
       displayMainMenu:
         - ps_mainmenu
@@ -76,10 +79,6 @@ global_settings:
         - ps_facetedsearch
       displaySearch:
         - ps_searchbar
-      displayProductAdditionalInfo:
-        - ps_sharebuttons
-      displayReassurance:
-        - blockreassurance
       displayOrderConfirmation2:
         - ps_featuredproducts
       displayCrossSellingShoppingCart:

From 03d5f057ec7c6bf25c93de485800a7e3fac57bbe Mon Sep 17 00:00:00 2001
From: abhisheks <abhisheks@consultbop.com>
Date: Fri, 3 Nov 2023 17:43:54 +0530
Subject: [PATCH 2/7] refactor: update product price styles

---
 templates/catalog/_partials/product-prices.tpl | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/templates/catalog/_partials/product-prices.tpl b/templates/catalog/_partials/product-prices.tpl
index 7b6c0b5..e37ca13 100644
--- a/templates/catalog/_partials/product-prices.tpl
+++ b/templates/catalog/_partials/product-prices.tpl
@@ -28,7 +28,7 @@
       {if $product.has_discount}
         <div class="product-discount">
           {hook h='displayProductPriceBlock' product=$product type="old_price"}
-          <span class="regular-price">{$product.regular_price}</span>
+          <span class="regular-price ">{$product.regular_price}</span>
         </div>
       {/if}
     {/block}
@@ -44,7 +44,7 @@
         <meta itemprop="priceCurrency" content="{$currency.iso_code}">
 
         <div class="current-price">
-          <span itemprop="price" content="{$product.price_amount}">{$product.price}</span>
+          <span itemprop="price" class="text-2xl font-normal" content="{$product.price_amount}">{$product.price}</span>
 
           {if $product.has_discount}
             {if $product.discount_type === 'percentage'}
@@ -92,8 +92,6 @@
     <div class="tax-shipping-delivery-label">
       {if !$configuration.taxes_enabled}
         {l s='No tax' d='Shop.Theme.Catalog'}
-      {elseif $configuration.display_taxes_label}
-        {$product.labels.tax_long}
       {/if}
       {hook h='displayProductPriceBlock' product=$product type="price"}
       {hook h='displayProductPriceBlock' product=$product type="after_price"}

From b5f236857c0d3442d109370f2dde74ca2dbee4ff Mon Sep 17 00:00:00 2001
From: abhisheks <abhisheks@consultbop.com>
Date: Fri, 3 Nov 2023 17:44:55 +0530
Subject: [PATCH 3/7] refactor: update product images preview styles

---
 .../_partials/product-cover-thumbnails.tpl     | 18 +++++-------------
 1 file changed, 5 insertions(+), 13 deletions(-)

diff --git a/templates/catalog/_partials/product-cover-thumbnails.tpl b/templates/catalog/_partials/product-cover-thumbnails.tpl
index b6553cd..aaf8111 100644
--- a/templates/catalog/_partials/product-cover-thumbnails.tpl
+++ b/templates/catalog/_partials/product-cover-thumbnails.tpl
@@ -22,25 +22,18 @@
  * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
  * International Registered Trademark & Property of PrestaShop SA
  *}
-<div class="images-container">
+<div class="images-container flex flex-row-reverse justify-center gap-6 flex-wrap lg:flex-nowrap">
   {block name='product_cover'}
     <div class="product-cover">
-      {if $product.cover}
-        <img class="js-qv-product-cover" src="{$product.cover.bySize.large_default.url}" alt="{$product.cover.legend}" title="{$product.cover.legend}" style="width:100%;" itemprop="image">
-        <div class="layer hidden-sm-down" data-toggle="modal" data-target="#product-modal">
-          <i class="material-icons zoom-in">&#xE8FF;</i>
-        </div>
-      {else}
-        <img src="{$urls.no_picture_image.bySize.large_default.url}" style="width:100%;">
-      {/if}
+        <img class="js-qv-product-cover max-w-2xl bg-gray-100" src="{$product.cover.bySize.large_default.url}" alt="{$product.cover.legend}" title="{$product.cover.legend}" style="width:100%;" itemprop="image">
     </div>
   {/block}
 
   {block name='product_images'}
-    <div class="js-qv-mask mask">
-      <ul class="product-images js-qv-product-images">
+    <div class="js-qv-mask mask"" >
+      <ul class="product-images js-qv-product-images flex flex-row lg:flex-col gap-6">
         {foreach from=$product.images item=image}
-          <li class="thumb-container">
+          <li class="thumb-container w-14 md:w-24">
             <img
               class="thumb js-thumb {if $image.id_image == $product.cover.id_image} selected {/if}"
               data-image-medium-src="{$image.bySize.medium_default.url}"
@@ -48,7 +41,6 @@
               src="{$image.bySize.home_default.url}"
               alt="{$image.legend}"
               title="{$image.legend}"
-              width="100"
               itemprop="image"
             >
           </li>

From 7056019bcc0b5598e66619aa68ccb42ed4010e29 Mon Sep 17 00:00:00 2001
From: abhisheks <abhisheks@consultbop.com>
Date: Fri, 3 Nov 2023 17:45:44 +0530
Subject: [PATCH 4/7] refactor: update product add to cart template

---
 .../catalog/_partials/product-add-to-cart.tpl | 30 ++++++++-----------
 1 file changed, 13 insertions(+), 17 deletions(-)

diff --git a/templates/catalog/_partials/product-add-to-cart.tpl b/templates/catalog/_partials/product-add-to-cart.tpl
index 279e700..a86cef7 100644
--- a/templates/catalog/_partials/product-add-to-cart.tpl
+++ b/templates/catalog/_partials/product-add-to-cart.tpl
@@ -24,33 +24,29 @@
  *}
 <div class="product-add-to-cart">
   {if !$configuration.is_catalog}
-    <span class="control-label">{l s='Quantity' d='Shop.Theme.Catalog'}</span>
 
     {block name='product_quantity'}
-      <div class="product-quantity clearfix">
-        <div class="qty">
-          <input
-            type="number"
-            name="qty"
-            id="quantity_wanted"
-            value="{$product.quantity_wanted}"
-            class="input-group"
-            min="{$product.minimal_quantity}"
-            aria-label="{l s='Quantity' d='Shop.Theme.Actions'}"
-          >
-        </div>
-
+      <div class="flex flex-col gap-4 my-12">
         <div class="add">
           <button
-            class="btn btn-primary add-to-cart"
+            class="add-to-cart w-full h-12 bg-blue-950 text-white text-base font-light"
             data-button-action="add-to-cart"
             type="submit"
             {if !$product.add_to_cart_url}
               disabled
             {/if}
           >
-            <i class="material-icons shopping-cart">&#xE547;</i>
-            {l s='Add to cart' d='Shop.Theme.Actions'}
+            {l s='ADD TO CART' d='Shop.Theme.Actions'}
+          </button>
+        </div>
+
+        {hook h='displayCustomProductActions'}
+
+        <div class='customize'>
+          <button
+            class="w-full h-12 border border-blue-950 text-blue-950 text-base font-normal"
+          >
+            CUSTOMIZE
           </button>
         </div>
 

From 7be614b92ac43f7238db4a6cb4241db908785764 Mon Sep 17 00:00:00 2001
From: abhisheks <abhisheks@consultbop.com>
Date: Fri, 3 Nov 2023 18:11:53 +0530
Subject: [PATCH 5/7] refactor: show only one product detail tab content for
 now

---
 templates/catalog/_partials/product-details.tpl | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/templates/catalog/_partials/product-details.tpl b/templates/catalog/_partials/product-details.tpl
index 0e5b62d..b30b4fa 100644
--- a/templates/catalog/_partials/product-details.tpl
+++ b/templates/catalog/_partials/product-details.tpl
@@ -1,4 +1,4 @@
-<div class="tab-pane fade{if !$product.description} in active{/if}"
+<div class="tab-pane hidden fade{if !$product.description} in active{/if}"
      id="product-details"
      data-product="{$product.embedded_attributes|json_encode}"
      role="tabpanel"

From 85edb09ac38f223017b16a95fb8e9c672675724d Mon Sep 17 00:00:00 2001
From: abhisheks <abhisheks@consultbop.com>
Date: Fri, 3 Nov 2023 18:12:06 +0530
Subject: [PATCH 6/7] refactor: update product template

---
 templates/catalog/product.tpl | 36 +++++++++++------------------------
 1 file changed, 11 insertions(+), 25 deletions(-)

diff --git a/templates/catalog/product.tpl b/templates/catalog/product.tpl
index 7d374a4..69bbf25 100644
--- a/templates/catalog/product.tpl
+++ b/templates/catalog/product.tpl
@@ -52,36 +52,24 @@
   <section id="main" itemscope itemtype="https://schema.org/Product">
     <meta itemprop="url" content="{$product.url}">
 
-    <div class="row product-container">
-      <div class="col-md-6">
+    <div class="flex gap-8 flex-wrap lg:flex-nowrap">
         {block name='page_content_container'}
-          <section class="page-content" id="content">
+          <section class="flex w-full" id="content">
             {block name='page_content'}
               <!-- @todo: use include file='catalog/_partials/product-flags.tpl'} -->
               {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}
 
               {block name='product_cover_thumbnails'}
                 {include file='catalog/_partials/product-cover-thumbnails.tpl'}
               {/block}
-              <div class="scroll-box-arrows">
-                <i class="material-icons left">&#xE314;</i>
-                <i class="material-icons right">&#xE315;</i>
-              </div>
-
             {/block}
           </section>
         {/block}
-        </div>
-        <div class="col-md-6">
+        <div class="flex flex-col w-full">
           {block name='page_header_container'}
             {block name='page_header'}
-              <h1 class="h1" itemprop="name">{block name='page_title'}{$product.name}{/block}</h1>
+              <h1 class="text-2xl font-normal" itemprop="name">{block name='page_title'}{$product.name}{/block}</h1>
             {/block}
           {/block}
           {block name='product_prices'}
@@ -90,7 +78,6 @@
 
           <div class="product-information">
             {block name='product_description_short'}
-              <div id="product-description-short-{$product.id}" itemprop="description">{$product.description_short nofilter}</div>
             {/block}
 
             {if $product.is_customizable && count($product.customizations.fields)}
@@ -147,10 +134,10 @@
             {/block}
 
             {block name='product_tabs'}
-              <div class="tabs">
-                <ul class="nav nav-tabs" role="tablist">
+              <div class="tabs flex flex-col gap-4 mt-16 lg:mt-36">
+                <ul class="nav nav-tabs flex justify-around" role="tablist">
                   {if $product.description}
-                    <li class="nav-item">
+                    <li class="nav-item text-lg font-bold text-blue-950">
                        <a
                          class="nav-link{if $product.description} active{/if}"
                          data-toggle="tab"
@@ -160,7 +147,7 @@
                          {if $product.description} aria-selected="true"{/if}>{l s='Description' d='Shop.Theme.Catalog'}</a>
                     </li>
                   {/if}
-                  <li class="nav-item">
+                  <li class="nav-item text-lg font-bold text-gray-500">
                     <a
                       class="nav-link{if !$product.description} active{/if}"
                       data-toggle="tab"
@@ -235,9 +222,9 @@
 
     {block name='product_accessories'}
       {if $accessories}
-        <section class="product-accessories clearfix">
-          <p class="h5 text-uppercase">{l s='You might also like' d='Shop.Theme.Catalog'}</p>
-          <div class="products">
+        <section class="product-accessories mt-24">
+          <p class="text-2xl font-bold">{l s='Related Products' d='Shop.Theme.Catalog'}</p>
+          <div class="products grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
             {foreach from=$accessories item="product_accessory"}
               {block name='product_miniature'}
                 {include file='catalog/_partials/miniatures/product.tpl' product=$product_accessory}
@@ -253,7 +240,6 @@
     {/block}
 
     {block name='product_images_modal'}
-      {include file='catalog/_partials/product-images-modal.tpl'}
     {/block}
 
     {block name='page_footer_container'}

From 6b2ec4a5c89c6ff681ca4e70bf05d707abf13143 Mon Sep 17 00:00:00 2001
From: abhisheks <abhisheks@consultbop.com>
Date: Fri, 3 Nov 2023 18:16:31 +0530
Subject: [PATCH 7/7] refactor: update products details tabs trigger

---
 templates/catalog/product.tpl | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/templates/catalog/product.tpl b/templates/catalog/product.tpl
index 69bbf25..579f704 100644
--- a/templates/catalog/product.tpl
+++ b/templates/catalog/product.tpl
@@ -137,7 +137,7 @@
               <div class="tabs flex flex-col gap-4 mt-16 lg:mt-36">
                 <ul class="nav nav-tabs flex justify-around" role="tablist">
                   {if $product.description}
-                    <li class="nav-item text-lg font-bold text-blue-950">
+                    <li class="nav-item text-base font-semibold text-blue-950">
                        <a
                          class="nav-link{if $product.description} active{/if}"
                          data-toggle="tab"
@@ -147,7 +147,7 @@
                          {if $product.description} aria-selected="true"{/if}>{l s='Description' d='Shop.Theme.Catalog'}</a>
                     </li>
                   {/if}
-                  <li class="nav-item text-lg font-bold text-gray-500">
+                  <li class="nav-item text-base font-semibold text-gray-500">
                     <a
                       class="nav-link{if !$product.description} active{/if}"
                       data-toggle="tab"