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

refactor: replace grid with flex

pagebuilder
Dinesh Salunke 2023-11-07 12:03:47 +05:30
parent e1335d23eb
commit aae3c415fc
4 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
modules/ps_categoryproducts/views/templates/hook/ps_categoryproducts.tpl
View File

@ -22,15 +22,15 @@
* @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
*} *}
<section class="featured-products clearfix mt-3"> <section class="flex flex-col mt-16">
<h2> <span class="text-lg mt-16 font-medium">
{if $products|@count == 1} {if $products|@count == 1}
{l s='%s other product in the same category:' sprintf=[$products|@count] d='Shop.Theme.Catalog'} {l s='%s other product in the same category:' sprintf=[$products|@count] d='Shop.Theme.Catalog'}
{else} {else}
{l s='%s other products in the same category:' sprintf=[$products|@count] d='Shop.Theme.Catalog'} {l s='%s other products in the same category:' sprintf=[$products|@count] d='Shop.Theme.Catalog'}
{/if} {/if}
</h2> </span>
<div class="products"> <div class="products flex flex-wrap">
{foreach from=$products item="product"} {foreach from=$products item="product"}
{include file="catalog/_partials/miniatures/product.tpl" product=$product} {include file="catalog/_partials/miniatures/product.tpl" product=$product}
{/foreach} {/foreach}

2
modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl
View File

@ -26,7 +26,7 @@
<h2 class="products-section-title text-2xl font-bold"> <h2 class="products-section-title text-2xl font-bold">
{l s='Popular Products' d='Shop.Theme.Catalog'} {l s='Popular Products' d='Shop.Theme.Catalog'}
</h2> </h2>
<div class="products grid grid-cols-1 md:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-8"> <div class="products flex flex-wrap">
{foreach from=$products item="product"} {foreach from=$products item="product"}
{include file="catalog/_partials/miniatures/product.tpl" product=$product} {include file="catalog/_partials/miniatures/product.tpl" product=$product}
{/foreach} {/foreach}

4
templates/catalog/_partials/miniatures/product.tpl
View File

@ -23,7 +23,7 @@
* International Registered Trademark & Property of PrestaShop SA * International Registered Trademark & Property of PrestaShop SA
*} *}
{block name='product_miniature_item'} {block name='product_miniature_item'}
<a href="{$product.url}" class="group w-full flex flex-col"> <a href="{$product.url}" class="group w-full md:w-1/2 lg:w-1/3 xl:w-1/4 flex flex-col p-4">
{block name='product_thumbnail'} {block name='product_thumbnail'}
{if $product.cover} {if $product.cover}
<div class="thumbnail product-thumbnail w-full aspect-[342/513] bg-gray-100"> <div class="thumbnail product-thumbnail w-full aspect-[342/513] bg-gray-100">
@ -52,7 +52,7 @@
</div> </div>
{/block} {/block}
{block name='product_name'} {block name='product_name'}
<span class="text-xl font-medium" itemprop="name">{$product.name|truncate:30:'...'}</span> <span class="text-lg font-light" itemprop="name">{$product.name|truncate:30:'...'}</span>
{/block} {/block}
</div> </div>
</a> </a>

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

@ -23,7 +23,7 @@
* International Registered Trademark & Property of PrestaShop SA * International Registered Trademark & Property of PrestaShop SA
*} *}
<div id="js-product-list flex flex-col"> <div id="js-product-list flex flex-col">
<div class="products grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8"> <div class="products flex flex-wrap">
{foreach from=$listing.products item="product"} {foreach from=$listing.products item="product"}
{block name='product_miniature'} {block name='product_miniature'}
{include file='catalog/_partials/miniatures/product.tpl' product=$product} {include file='catalog/_partials/miniatures/product.tpl' product=$product}