Merge pull request 'refactor: update product'page, footer and pagination styles' (#12) from abhisheks/theme-elegance:main into main

Reviewed-on: brooksbingham/theme-elegance#12
staging
abhisheks 2023-12-08 11:22:04 +00:00
commit b404359d9d
8 changed files with 27 additions and 24 deletions

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
*}
<section class="flex flex-col mt-16">
<span class="text-lg mt-16 font-medium">
<section class="flex flex-col gap-8 mt-24">
<span class="text-2xl font-bold">
{if $products|@count == 1}
{l s='%s other product in the same category:' sprintf=[$products|@count] d='Shop.Theme.Catalog'}
{else}

View File

@ -23,23 +23,20 @@
* International Registered Trademark & Property of PrestaShop SA
*}
<div id="block_myaccount_infos" class="col-md-3 links wrapper">
<p class="font-bold">
<a class="text-uppercase" href="{$urls.pages.my_account}" rel="nofollow">
{l s='Your account' d='Shop.Theme.Customeraccount'}
</a>
</p>
<div class="title clearfix hidden-md-up" data-target="#footer_account_list" data-toggle="collapse">
<span class="text-base">{l s='Your account' d='Shop.Theme.Customeraccount'}</span>
<div id="block_myaccount_infos" class="flex flex-col gap-4">
<div class="title clearfix" data-target="#footer_account_list" data-toggle="collapse">
<span class="font-bold">{l s='Your account' d='Shop.Theme.Customeraccount'}</span>
</div>
<ul class="account-list collapse" id="footer_account_list">
<ul class="account-list" id="footer_account_list">
{foreach from=$my_account_urls item=my_account_url}
<li>
<a href="{$my_account_url.url}" title="{$my_account_url.title}" rel="nofollow">
{$my_account_url.title}
<li class="flex">
<a href="{$my_account_url.url}" class="text-sm font-normal leading-6" title="{$my_account_url.title}" rel="nofollow">
{$my_account_url["title"]}
</a>
</li>
{/foreach}
{hook h='displayMyAccountBlock'}
<a href="{$logout_url}" class="text-sm font-normal leading-6" title="logout" rel="nofollow">
Sign out
</a>
</ul>
</div>

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
*}
<section class="featured-products clearfix mt-3">
<h2>{l s='Viewed products' d='Shop.Theme.Catalog'}</h2>
<section class="featured-products w-full flex flex-col gap-8 mt-24">
<h2 class="text-2xl font-bold">{l s='Viewed products' d='Shop.Theme.Catalog'}</h2>
<div class="products flex flex-wrap">
{foreach from=$products item="product"}
{include file="catalog/_partials/miniatures/product.tpl" product=$product}

View File

@ -0,0 +1,3 @@
<a href="{$configure_link}" class="uppercase py-2 flex-1 text-center border border-blue-950 hover:text-blue-900 hover:border-blue-900 hover:no-underline text-blue-950 font-medium max-h-[40px]">
Customize in 3D
</a>

View File

@ -38,10 +38,13 @@
<a
rel="{if $page.type === 'previous'}prev{elseif $page.type === 'next'}next{else}nofollow{/if}"
href="{$page.url}"
class="flex items-center {if $page.type === 'previous'}previous {elseif $page.type === 'next'}next {/if}{['disabled' => !$page.clickable, 'js-search-link' => true]|classnames}"
disabled
class="flex items-center {if $page.type === 'previous'}previous {elseif $page.type === 'next'}next {/if}{['disabled' => !$page.clickable, 'js-search-link' => true]|classnames} {if $page.type == 'spacer'} pointer-events-none{/if}"
>
{if $page.type === 'previous'}
{l s='Previous' d='Shop.Theme.Actions'}
{elseif $page.type === 'spacer'}
...
{elseif $page.type === 'next'}
{l s='Next' d='Shop.Theme.Actions'}
{else}

View File

@ -65,7 +65,7 @@
<div class="flex w-full flex-col gap-4">
<div class="add">
<button
class="add-to-cart w-full h-12 bg-blue-950 disabled:bg-gray-700 text-white text-base font-light"
class="add-to-cart w-full uppercase py-2 font-medium text-center bg-blue-950 text-gray-50 hover:text-gray-50 hover:bg-blue-900"
data-button-action="add-to-cart"
type="submit"
{if !$product.add_to_cart_url}

View File

@ -1,7 +1,7 @@
{block name='product_features'}
{if $product.grouped_features}
<div class='w-full flex items-center flex-col'>
<h1 class='text-base font-semibold text-gray-600'>
<div class='w-full flex items-center flex-col gap-3'>
<h1 class='text-lg font-bold text-gray-600'>
Description
</h1>
<ul class="product-features list-[square] w-full">

View File

@ -66,10 +66,10 @@
{/block}
</section>
{/block}
<div class="flex flex-col w-full gap-2">
<div class="flex flex-col w-full gap-3">
{block name='page_header_container'}
{block name='page_header'}
<div class='flex flex-col'>
<div class='flex flex-col gap-2'>
<h1 class="text-2xl font-normal" itemprop="name">{block name='page_title'}{$product.name}{/block}</h1>
{if $product.description_short}
<span class='text-sm'>{$product.description_short nofilter}</span>
@ -150,7 +150,7 @@
{if $accessories}
<section class="product-accessories flex flex-col gap-8 mt-24">
<p class="text-2xl font-bold">{l s='Related Products' d='Shop.Theme.Catalog'}</p>
<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=$accessories item="product_accessory"}
{block name='product_miniature'}
{include file='catalog/_partials/miniatures/product.tpl' product=$product_accessory}