diff --git a/templates/checkout/_partials/cart-summary-product-line.tpl b/templates/checkout/_partials/cart-summary-product-line.tpl index 258522b..0badf81 100644 --- a/templates/checkout/_partials/cart-summary-product-line.tpl +++ b/templates/checkout/_partials/cart-summary-product-line.tpl @@ -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> diff --git a/templates/checkout/_partials/cart-summary.tpl b/templates/checkout/_partials/cart-summary.tpl index bdd1f12..fb127ed 100644 --- a/templates/checkout/_partials/cart-summary.tpl +++ b/templates/checkout/_partials/cart-summary.tpl @@ -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>