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

refactor: update styles for checkout cart summary

staging
abhisheks 2023-12-11 19:27:01 +05:30
parent 45bd4a3288
commit 5b55367824
2 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
templates/checkout/_partials/cart-summary-product-line.tpl
View File

@ -23,12 +23,12 @@
* International Registered Trademark & Property of PrestaShop SA
*}
{block name='cart_summary_product_line'}
<div class="media-left">
<div class="flex max-md:justify-center">
<a href="{$product.url}" title="{$product.name}">
<img class="media-object" src="{$product.cover.small.url}" alt="{$product.name}">
<img class="media-object max-w-[100px]" src="{$product.cover.small.url}" alt="{$product.name}">
</a>
</div>
<div class="media-body">
<div class="flex flex-col max-md:items-center pt-4">
<span class="product-name md:text-lg font-medium">{$product.name}</span>
<div class="flex items-center gap-2 max-md:mt-2">
<span class="product-price font-semibold md:font-bold">{$product.price}</span>

5
templates/checkout/_partials/cart-summary.tpl
View File

@ -43,9 +43,10 @@
{block name='cart_summary_product_list'}
<div class="th-accordion-item-content p-4 border border-gray-200" id="cart-summary-product-list">
<ul class="media-list w-full flex flex-col gap-4 ">
<ul class="media-list w-full flex flex-col">
{foreach from=$cart.products item=product}
<li class="media w-full flex gap-4">{include file='checkout/_partials/cart-summary-product-line.tpl' product=$product}</li>
<li class="media w-full flex max-md:flex-col max-md:items-center md:gap-4">{include file='checkout/_partials/cart-summary-product-line.tpl' product=$product}</li>
<hr class="last:hidden my-2"/>
{/foreach}
</ul>
</div>