forked from brooksbingham/theme-elegance
Merge pull request 'refactor: udpate new products,my-accounts, order history and addresses page' (#6) from abhisheks/theme-elegance:main into main
Reviewed-on: brooksbingham/theme-elegance#6pagebuilder
commit
4e88488ba2
|
|
@ -0,0 +1,26 @@
|
|||
|
||||
{**
|
||||
* Copyright since 2007 PrestaShop SA and Contributors
|
||||
* PrestaShop is an International Registered Trademark & Property of PrestaShop SA
|
||||
*
|
||||
* NOTICE OF LICENSE
|
||||
*
|
||||
* This source file is subject to the Academic Free License version 3.0
|
||||
* that is bundled with this package in the file LICENSE.md.
|
||||
* It is also available through the world-wide-web at this URL:
|
||||
* https://opensource.org/licenses/AFL-3.0
|
||||
* If you did not receive a copy of the license and are unable to
|
||||
* obtain it through the world-wide-web, please send an email
|
||||
* to license@prestashop.com so we can send you a copy immediately.
|
||||
*
|
||||
* @author PrestaShop SA and Contributors <contact@prestashop.com>
|
||||
* @copyright Since 2007 PrestaShop SA and Contributors
|
||||
* @license https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
|
||||
*}
|
||||
|
||||
<a class="w-full md:w-1/3 lg:w-1/5 flex flex-col p-4 border-gray-500" id="wishlist-link" href="{$url}">
|
||||
<span class="flex flex-col items-center font-semibolds text-lg">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-heart" width="32" height="32" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
|
||||
{$wishlistsTitlePage}
|
||||
</span>
|
||||
</a>
|
||||
|
|
@ -22,18 +22,17 @@
|
|||
* @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 class="h2 products-section-title text-uppercase">
|
||||
<section class="featured-products flex flex-col gap-8">
|
||||
<h2 class="products-section-title text-2xl font-bold">
|
||||
{l s='New products' d='Shop.Theme.Catalog'}
|
||||
</h2>
|
||||
<div class="products">
|
||||
<div class="products flex flex-wrap">
|
||||
{foreach from=$products item="product"}
|
||||
{include file="catalog/_partials/miniatures/product.tpl" product=$product}
|
||||
{/foreach}
|
||||
</div>
|
||||
<a class="all-product-link float-xs-left float-md-right h4" href="{$allNewProductsLink}">
|
||||
{l s='All new products' d='Shop.Theme.Catalog'}<i class="material-icons"></i>
|
||||
<a class="all-product-link text-2xl font-bold" href="{$allNewProductsLink}">
|
||||
{l s='All new products' d='Shop.Theme.Catalog'}
|
||||
</a>
|
||||
</section>
|
||||
|
||||
|
|
|
|||
|
|
@ -22,15 +22,15 @@
|
|||
* @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
|
||||
* International Registered Trademark & Property of PrestaShop SA
|
||||
*}
|
||||
<div class="images-container flex flex-row-reverse justify-center gap-6 flex-wrap lg:flex-nowrap">
|
||||
<div class="images-container flex w-full flex-row-reverse justify-center gap-6 flex-wrap lg:flex-nowrap">
|
||||
{block name='product_cover'}
|
||||
<div class="product-cover">
|
||||
<img class="js-qv-product-cover max-w-2xl bg-gray-100" src="{$product.cover.bySize.large_default.url}" alt="{$product.cover.legend}" title="{$product.cover.legend}" style="width:100%;" itemprop="image">
|
||||
<div class="product-cover w-full">
|
||||
<img class="js-qv-product-cover w-full bg-gray-100" src="{$product.cover.bySize.large_default.url}" alt="{$product.cover.legend}" title="{$product.cover.legend}" itemprop="image">
|
||||
</div>
|
||||
{/block}
|
||||
|
||||
{block name='product_images'}
|
||||
<div class="js-qv-mask mask"" >
|
||||
<div class="js-qv-mask mask" >
|
||||
<ul class="product-images js-qv-product-images flex flex-row lg:flex-col gap-6">
|
||||
{foreach from=$product.images item=image}
|
||||
<li class="thumb-container w-14 md:w-24">
|
||||
|
|
|
|||
|
|
@ -23,23 +23,21 @@
|
|||
* International Registered Trademark & Property of PrestaShop SA
|
||||
*}
|
||||
{block name='address_block_item'}
|
||||
<article id="address-{$address.id}" class="address" data-id-address="{$address.id}">
|
||||
<div id="address-{$address.id}" class="flex items-center gap-8" data-id-address="{$address.id}">
|
||||
<div class="address-body">
|
||||
<h4>{$address.alias}</h4>
|
||||
<h4 class="font-semibold text-lg">{$address.alias}</h4>
|
||||
<address>{$address.formatted nofilter}</address>
|
||||
</div>
|
||||
|
||||
{block name='address_block_item_actions'}
|
||||
<div class="address-footer">
|
||||
<a href="{url entity=address id=$address.id}" data-link-action="edit-address">
|
||||
<i class="material-icons"></i>
|
||||
<span>{l s='Update' d='Shop.Theme.Actions'}</span>
|
||||
<div class="address-footer flex gap-2">
|
||||
<a href="{url entity=address id=$address.id}" data-link-action="edit-address" >
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-pencil" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 20h4l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4" /><path d="M13.5 6.5l4 4" /></svg>
|
||||
</a>
|
||||
<a href="{url entity=address id=$address.id params=['delete' => 1, 'token' => $token]}" data-link-action="delete-address">
|
||||
<i class="material-icons"></i>
|
||||
<span>{l s='Delete' d='Shop.Theme.Actions'}</span>
|
||||
<a href="{url entity=address id=$address.id params=['delete' => 1, 'token' => $token]}" data-link-action="delete-address" >
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-trash" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 7l16 0" /><path d="M10 11l0 6" /><path d="M14 11l0 6" /><path d="M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12" /><path d="M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3" /></svg>
|
||||
</a>
|
||||
</div>
|
||||
{/block}
|
||||
</article>
|
||||
</div>
|
||||
{/block}
|
||||
|
|
|
|||
|
|
@ -23,12 +23,14 @@
|
|||
* International Registered Trademark & Property of PrestaShop SA
|
||||
*}
|
||||
{block name='my_account_links'}
|
||||
<a href="{$urls.pages.my_account}" class="account-link">
|
||||
<i class="material-icons"></i>
|
||||
<div class='flex gap-8 my-8 items-center'>
|
||||
<a href="{$urls.pages.my_account}" class="flex gap-2 items-center">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrow-left" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M5 12l6 6" /><path d="M5 12l6 -6" /></svg>
|
||||
<span>{l s='Back to your account' d='Shop.Theme.Customeraccount'}</span>
|
||||
</a>
|
||||
<a href="{$urls.pages.index}" class="account-link">
|
||||
<i class="material-icons"></i>
|
||||
<a href="{$urls.pages.index}" class="flex gap-2 items-center">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-home" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l-2 0l9 -9l9 9l-2 0" /><path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" /><path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" /></svg>
|
||||
<span>{l s='Home' d='Shop.Theme.Global'}</span>
|
||||
</a>
|
||||
</div>
|
||||
{/block}
|
||||
|
|
|
|||
|
|
@ -25,21 +25,25 @@
|
|||
{extends file='customer/page.tpl'}
|
||||
|
||||
{block name='page_title'}
|
||||
<h2 class="products-section-title text-2xl font-bold mb-8">
|
||||
{l s='Your addresses' d='Shop.Theme.Customeraccount'}
|
||||
</h2>
|
||||
{/block}
|
||||
|
||||
{block name='page_content'}
|
||||
<div class="flex w-full flex-wrap">
|
||||
{foreach $customer.addresses as $address}
|
||||
<div class="col-lg-4 col-md-6 col-sm-6">
|
||||
<div class="w-full md:w-1/2 lg:w-1/4">
|
||||
{block name='customer_address'}
|
||||
{include file='customer/_partials/block-address.tpl' address=$address}
|
||||
{/block}
|
||||
</div>
|
||||
{/foreach}
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
<div class="addresses-footer">
|
||||
<a href="{$urls.pages.address}" data-link-action="add-address">
|
||||
<i class="material-icons"></i>
|
||||
<a href="{$urls.pages.address}" data-link-action="add-address" class="flex flex-col items-center">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-pencil-plus" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 20h4l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4" /><path d="M13.5 6.5l4 4" /><path d="M16 19h6" /><path d="M19 16v6" /></svg>
|
||||
<span>{l s='Create new address' d='Shop.Theme.Actions'}</span>
|
||||
</a>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -25,95 +25,69 @@
|
|||
{extends file='customer/page.tpl'}
|
||||
|
||||
{block name='page_title'}
|
||||
<h2 class="text-2xl font-bold mb-8">
|
||||
{l s='Order history' d='Shop.Theme.Customeraccount'}
|
||||
</h2>
|
||||
{/block}
|
||||
|
||||
{block name='page_content'}
|
||||
<h6>{l s='Here are the orders you\'ve placed since your account was created.' d='Shop.Theme.Customeraccount'}</h6>
|
||||
<h6 class='text-lg'>{l s='Here are the orders you\'ve placed since your account was created.' d='Shop.Theme.Customeraccount'}</h6>
|
||||
|
||||
{if $orders}
|
||||
<table class="table table-striped table-bordered table-labeled hidden-sm-down">
|
||||
<table class="mt-2 w-full">
|
||||
<thead class="thead-default">
|
||||
<tr>
|
||||
<th>{l s='Order reference' d='Shop.Theme.Checkout'}</th>
|
||||
<th>{l s='Date' d='Shop.Theme.Checkout'}</th>
|
||||
<th>{l s='Total price' d='Shop.Theme.Checkout'}</th>
|
||||
<th class="hidden-md-down">{l s='Payment' d='Shop.Theme.Checkout'}</th>
|
||||
<th class="hidden-md-down">{l s='Status' d='Shop.Theme.Checkout'}</th>
|
||||
<th>{l s='Invoice' d='Shop.Theme.Checkout'}</th>
|
||||
<th class="max-md:hidden">{l s='Payment' d='Shop.Theme.Checkout'}</th>
|
||||
<th>{l s='Status' d='Shop.Theme.Checkout'}</th>
|
||||
<th class="max-md:hidden">{l s='Invoice' d='Shop.Theme.Checkout'}</th>
|
||||
<th> </th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{foreach from=$orders item=order}
|
||||
<tr>
|
||||
<th scope="row">{$order.details.reference}</th>
|
||||
<td>{$order.details.order_date}</td>
|
||||
<td class="text-xs-right">{$order.totals.total.value}</td>
|
||||
<td class="hidden-md-down">{$order.details.payment}</td>
|
||||
<td>
|
||||
<span
|
||||
class="label label-pill {$order.history.current.contrast}"
|
||||
style="background-color:{$order.history.current.color}"
|
||||
>
|
||||
<tr class="even:bg-gray-200 text-sm md:text-base">
|
||||
<td class="text-center">{$order.details.reference}</th>
|
||||
<td class="text-center">{$order.details.order_date}</td>
|
||||
<td class="text-center">{$order.totals.total.value}</td>
|
||||
<td class="text-center max-md:hidden">{$order.details.payment}</td>
|
||||
<td class="text-center max-md:px-2">
|
||||
{$order.history.current.ostate_name}
|
||||
</span>
|
||||
</td>
|
||||
<td class="text-sm-center hidden-md-down">
|
||||
<td class="text-center max-md:hidden">
|
||||
{if $order.details.invoice_url}
|
||||
<a href="{$order.details.invoice_url}"><i class="material-icons"></i></a>
|
||||
<a href="{$order.details.invoice_url}">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-file-download mx-auto" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><path d="M12 17v-6" /><path d="M9.5 14.5l2.5 2.5l2.5 -2.5" /></svg>
|
||||
</a>
|
||||
{else}
|
||||
-
|
||||
{/if}
|
||||
</td>
|
||||
<td class="text-sm-center order-actions">
|
||||
<td class="text-center md:flex gap-2 items-center justify-center">
|
||||
<a href="{$order.details.details_url}" data-link-action="view-order-details">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="md:hidden icon icon-tabler icon-tabler-file-description" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><path d="M9 17h6" /><path d="M9 13h6" /></svg>
|
||||
<h2 class="text-sm md:text-base max-md:hidden">
|
||||
{l s='Details' d='Shop.Theme.Customeraccount'}
|
||||
</h2>
|
||||
</a>
|
||||
{if $order.details.reorder_url}
|
||||
<a href="{$order.details.reorder_url}">{l s='Reorder' d='Shop.Theme.Actions'}</a>
|
||||
<a href="{$order.details.reorder_url}">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="md:hidden icon icon-tabler icon-tabler-reorder" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 15m0 1a1 1 0 0 1 1 -1h2a1 1 0 0 1 1 1v2a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1z" /><path d="M10 15m0 1a1 1 0 0 1 1 -1h2a1 1 0 0 1 1 1v2a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1z" /><path d="M17 15m0 1a1 1 0 0 1 1 -1h2a1 1 0 0 1 1 1v2a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1z" /><path d="M5 11v-3a3 3 0 0 1 3 -3h8a3 3 0 0 1 3 3v3" /><path d="M16.5 8.5l2.5 2.5l2.5 -2.5" /></svg>
|
||||
<h2 class="text-sm md:text-sm max-md:hidden">
|
||||
{l s='Reorder' d='Shop.Theme.Actions'}
|
||||
</h2>
|
||||
</a>
|
||||
{/if}
|
||||
</td>
|
||||
</tr>
|
||||
{/foreach}
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<div class="orders hidden-md-up">
|
||||
{foreach from=$orders item=order}
|
||||
<div class="order">
|
||||
<div class="row">
|
||||
<div class="col-xs-10">
|
||||
<a href="{$order.details.details_url}"><h3>{$order.details.reference}</h3></a>
|
||||
<div class="date">{$order.details.order_date}</div>
|
||||
<div class="total">{$order.totals.total.value}</div>
|
||||
<div class="status">
|
||||
<span
|
||||
class="label label-pill {$order.history.current.contrast}"
|
||||
style="background-color:{$order.history.current.color}"
|
||||
>
|
||||
{$order.history.current.ostate_name}
|
||||
</span>
|
||||
{else}
|
||||
<div class='w-full mt-2 p-2 bg-red-100 border border-red-300'>
|
||||
<span>You have not placed any orders yet !</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-2 text-xs-right">
|
||||
<div>
|
||||
<a href="{$order.details.details_url}" data-link-action="view-order-details" title="{l s='Details' d='Shop.Theme.Customeraccount'}">
|
||||
<i class="material-icons"></i>
|
||||
</a>
|
||||
</div>
|
||||
{if $order.details.reorder_url}
|
||||
<div>
|
||||
<a href="{$order.details.reorder_url}" title="{l s='Reorder' d='Shop.Theme.Actions'}">
|
||||
<i class="material-icons"></i>
|
||||
</a>
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/foreach}
|
||||
</div>
|
||||
|
||||
{/if}
|
||||
{/block}
|
||||
|
|
|
|||
|
|
@ -25,67 +25,71 @@
|
|||
{extends file='customer/page.tpl'}
|
||||
|
||||
{block name='page_title'}
|
||||
<h2 class="products-section-title text-2xl font-bold">
|
||||
{l s='Your account' d='Shop.Theme.Customeraccount'}
|
||||
</h2>
|
||||
{/block}
|
||||
|
||||
{block name='page_content'}
|
||||
<div class="row">
|
||||
<div class="links">
|
||||
<div class="w-full my-8">
|
||||
<div class="links flex justify-center flex-wrap py-4">
|
||||
|
||||
<a class="col-lg-4 col-md-6 col-sm-6 col-xs-12" id="identity-link" href="{$urls.pages.identity}">
|
||||
<span class="link-item">
|
||||
<i class="material-icons"></i>
|
||||
<a class="w-full md:w-1/3 lg:w-1/4 flex flex-col p-4 border-gray-500" id="identity-link" href="{$urls.pages.identity}">
|
||||
<span class="flex flex-col items-center font-semibolds text-lg">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon text-gray-950 icon-tabler icon-tabler-user-edit" width="32" height="32" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0" /><path d="M6 21v-2a4 4 0 0 1 4 -4h3.5" /><path d="M18.42 15.61a2.1 2.1 0 0 1 2.97 2.97l-3.39 3.42h-3v-3l3.42 -3.39z" /></svg>
|
||||
{l s='Information' d='Shop.Theme.Customeraccount'}
|
||||
</span>
|
||||
</a>
|
||||
|
||||
{if $customer.addresses|count}
|
||||
<a class="col-lg-4 col-md-6 col-sm-6 col-xs-12" id="addresses-link" href="{$urls.pages.addresses}">
|
||||
<span class="link-item">
|
||||
<i class="material-icons"></i>
|
||||
<a class="w-full md:w-1/3 lg:w-1/4 flex flex-col p-4 border-gray-500" id="addresses-link" href="{$urls.pages.addresses}">
|
||||
<span class="flex flex-col items-center font-semibolds text-lg">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-map" width="32" height="32" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 7l6 -3l6 3l6 -3v13l-6 3l-6 -3l-6 3v-13" /><path d="M9 4v13" /><path d="M15 7v13" /></svg>
|
||||
{l s='Addresses' d='Shop.Theme.Customeraccount'}
|
||||
</span>
|
||||
</a>
|
||||
{else}
|
||||
<a class="col-lg-4 col-md-6 col-sm-6 col-xs-12" id="address-link" href="{$urls.pages.address}">
|
||||
<span class="link-item">
|
||||
<i class="material-icons"></i>
|
||||
<a class="w-full md:w-1/3 lg:w-1/4 flex flex-col p-4 border-gray-500" id="address-link" href="{$urls.pages.address}">
|
||||
<span class="flex flex-col items-center font-semibolds text-lg">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-map-2" width="32" height="32" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 18.5l-3 -1.5l-6 3v-13l6 -3l6 3l6 -3v7.5" /><path d="M9 4v13" /><path d="M15 7v5.5" /><path d="M21.121 20.121a3 3 0 1 0 -4.242 0c.418 .419 1.125 1.045 2.121 1.879c1.051 -.89 1.759 -1.516 2.121 -1.879z" /><path d="M19 18v.01" /></svg>
|
||||
{l s='Add first address' d='Shop.Theme.Customeraccount'}
|
||||
</span>
|
||||
</a>
|
||||
{/if}
|
||||
|
||||
{if !$configuration.is_catalog}
|
||||
<a class="col-lg-4 col-md-6 col-sm-6 col-xs-12" id="history-link" href="{$urls.pages.history}">
|
||||
<span class="link-item">
|
||||
<i class="material-icons"></i>
|
||||
<a class="w-full md:w-1/3 lg:w-1/4 flex flex-col p-4 border-gray-500" id="history-link" href="{$urls.pages.history}">
|
||||
<span class="flex flex-col items-center font-semibolds text-lg">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-history" width="32" height="32" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 8l0 4l2 2" /><path d="M3.05 11a9 9 0 1 1 .5 4m-.5 5v-5h5" /></svg>
|
||||
{l s='Order history and details' d='Shop.Theme.Customeraccount'}
|
||||
</span>
|
||||
</a>
|
||||
{/if}
|
||||
|
||||
{if !$configuration.is_catalog}
|
||||
<a class="col-lg-4 col-md-6 col-sm-6 col-xs-12" id="order-slips-link" href="{$urls.pages.order_slip}">
|
||||
<span class="link-item">
|
||||
<i class="material-icons"></i>
|
||||
{**
|
||||
<a class="w-full md:w-1/3 lg:w-1/4 flex flex-col p-4 border-gray-500" id="order-slips-link" href="{$urls.pages.order_slip}">
|
||||
<span class="flex flex-col items-center font-semibolds text-lg">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-credit-card" width="32" height="32" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 5m0 3a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v8a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3z" /><path d="M3 10l18 0" /><path d="M7 15l.01 0" /><path d="M11 15l2 0" /></svg>
|
||||
{l s='Credit slips' d='Shop.Theme.Customeraccount'}
|
||||
</span>
|
||||
</a>
|
||||
*}
|
||||
{/if}
|
||||
|
||||
{if $configuration.voucher_enabled && !$configuration.is_catalog}
|
||||
<a class="col-lg-4 col-md-6 col-sm-6 col-xs-12" id="discounts-link" href="{$urls.pages.discount}">
|
||||
<span class="link-item">
|
||||
<i class="material-icons"></i>
|
||||
<a class="w-full md:w-1/3 lg:w-1/4 flex flex-col p-4" id="discounts-link" href="{$urls.pages.discount}">
|
||||
<span class="flex flex-col items-center font-semibolds text-lg">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-ticket" width="32" height="32" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 5l0 2" /><path d="M15 11l0 2" /><path d="M15 17l0 2" /><path d="M5 5h14a2 2 0 0 1 2 2v3a2 2 0 0 0 0 4v3a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-3a2 2 0 0 0 0 -4v-3a2 2 0 0 1 2 -2" /></svg>
|
||||
{l s='Vouchers' d='Shop.Theme.Customeraccount'}
|
||||
</span>
|
||||
</a>
|
||||
{/if}
|
||||
|
||||
{if $configuration.return_enabled && !$configuration.is_catalog}
|
||||
<a class="col-lg-4 col-md-6 col-sm-6 col-xs-12" id="returns-link" href="{$urls.pages.order_follow}">
|
||||
<span class="link-item">
|
||||
<i class="material-icons"></i>
|
||||
<a class="w-full md:w-1/3 lg:w-1/4 flex flex-col p-4" id="returns-link" href="{$urls.pages.order_follow}">
|
||||
<span class="flex flex-col items-center font-semibolds text-lg">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-truck-return" width="32" height="32" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 17m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" /><path d="M17 17m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" /><path d="M5 17h-2v-11a1 1 0 0 1 1 -1h9v6h-5l2 2m0 -4l-2 2" /><path d="M9 17l6 0" /><path d="M13 6h5l3 5v6h-2" /></svg>
|
||||
{l s='Merchandise returns' d='Shop.Theme.Customeraccount'}
|
||||
</span>
|
||||
</a>
|
||||
|
|
@ -102,8 +106,8 @@
|
|||
|
||||
{block name='page_footer'}
|
||||
{block name='my_account_links'}
|
||||
<div class="text-sm-center">
|
||||
<a href="{$logout_url}" >
|
||||
<div class="flex justify-center">
|
||||
<a href="{$logout_url}" class=" hover:text-white hover:no-underline px-6 py-2 bg-blue-950 disabled:bg-gray-700 text-white text-base font-light" >
|
||||
{l s='Sign out' d='Shop.Theme.Actions'}
|
||||
</a>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue