refactor: update product add to cart template

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>