mohitj
/
theme-elegance
forked from brooksbingham/theme-elegance
1
0
Fork 0
Code Pull Requests Activity

refactor: move product availability section above add to cart action

pagebuilder
abhisheks 2023-11-04 22:32:13 +05:30
parent 75824cc24a
commit 9825bb64b6
1 changed files with 30 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
templates/catalog/_partials/product-add-to-cart.tpl
View File

@ -22,38 +22,9 @@
* @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0) * @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
* International Registered Trademark & Property of PrestaShop SA * International Registered Trademark & Property of PrestaShop SA
*} *}
<div class="product-add-to-cart flex flex-col gap-8 my-12"> <div class="product-add-to-cart flex flex-col gap-4 my-12">
{if !$configuration.is_catalog} {if !$configuration.is_catalog}
{block name='product_quantity'}
<div class="flex w-full flex-col gap-4">
<div class="add">
<button
class="add-to-cart w-full h-12 bg-blue-950 disabled:bg-gray-700 text-white text-base font-light"
data-button-action="add-to-cart"
type="submit"
{if !$product.add_to_cart_url}
disabled
{/if}
>
{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>
{hook h='displayProductActions' product=$product}
</div>
{/block}
{block name='product_availability'} {block name='product_availability'}
<span id="product-availability" class='flex w-full justify-center items-center gap-1 text-xl'> <span id="product-availability" class='flex w-full justify-center items-center gap-1 text-xl'>
{if $product.show_availability && $product.availability_message} {if $product.show_availability && $product.availability_message}
@ -90,6 +61,35 @@
</span> </span>
{/block} {/block}
{block name='product_quantity'}
<div class="flex w-full flex-col gap-4">
<div class="add">
<button
class="add-to-cart w-full h-12 bg-blue-950 disabled:bg-gray-700 text-white text-base font-light"
data-button-action="add-to-cart"
type="submit"
{if !$product.add_to_cart_url}
disabled
{/if}
>
{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>
{hook h='displayProductActions' product=$product}
</div>
{/block}
{block name='product_minimal_quantity'} {block name='product_minimal_quantity'}
<p class="product-minimal-quantity"> <p class="product-minimal-quantity">
{if $product.minimal_quantity > 1} {if $product.minimal_quantity > 1}