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

Merge pull request 'refactor: update styles for checkout cart summary' (#18) from abhisheks/theme-elegance:main into main 

Reviewed-on: brooksbingham/theme-elegance#18
staging
abhisheks 2023-12-11 13:57:24 +00:00
parent 7dbebfb260 9a75069ebe
commit ce4daa4401
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 * International Registered Trademark & Property of PrestaShop SA
*} *}
{block name='cart_summary_product_line'} {block name='cart_summary_product_line'}
<div class="media-left"> <div class="flex max-md:justify-center">
<a href="{$product.url}" title="{$product.name}"> <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> </a>
</div> </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> <span class="product-name md:text-lg font-medium">{$product.name}</span>
<div class="flex items-center gap-2 max-md:mt-2"> <div class="flex items-center gap-2 max-md:mt-2">
<span class="product-price font-semibold md:font-bold">{$product.price}</span> <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'} {block name='cart_summary_product_list'}
<div class="th-accordion-item-content p-4 border border-gray-200" id="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} {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} {/foreach}
</ul> </ul>
</div> </div>