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

refactor: add some padding on smaller screens for the products sections

dev
Dinesh Salunke 2023-11-03 11:15:12 +05:30
parent df5fd7a621
commit 992c0d04fc
1 changed files with 3 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
templates/catalog/_partials/products.tpl
View File

@ -22,8 +22,8 @@
* @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
* International Registered Trademark & Property of PrestaShop SA
*}
<div id="js-product-list">
<div class="products grid grid-cols-4 gap-4">
<div id="js-product-list flex flex-col">
<div class="products grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
{foreach from=$listing.products item="product"}
{block name='product_miniature'}
{include file='catalog/_partials/miniatures/product.tpl' product=$product}
@ -35,10 +35,9 @@
{include file='_partials/pagination.tpl' pagination=$listing.pagination}
{/block}
<div class="hidden-md-up text-xs-right up">
<div class="flex justify-center md:hidden my-4">
<a href="#header" class="btn btn-secondary">
{l s='Back to top' d='Shop.Theme.Actions'}
<i class="material-icons">&#xE316;</i>
</a>
</div>
</div>