177 lines
6.6 KiB
Smarty
177 lines
6.6 KiB
Smarty
|
{**
|
||
|
|
* For the full copyright and license information, please view the LICENSE
|
||
|
|
* file that was distributed with this source code.
|
||
|
|
*}
|
||
|
|
{extends file='customer/page.tpl'}
|
||
|
|
|
||
|
|
{block name='page_title'}
|
||
|
|
{l s='Order details' d='Shop.Theme.Customeraccount'}
|
||
|
|
{/block}
|
||
|
|
|
||
|
|
{block name='page_content'}
|
||
|
|
{block name='order_infos'}
|
||
|
|
<section class="order-infos">
|
||
|
|
<div class="order-infos__summary">
|
||
|
|
<p class="order-infos__reference">
|
||
|
|
{l
|
||
|
|
s='Order Reference: %reference% - placed on %date%'
|
||
|
|
d='Shop.Theme.Customeraccount'
|
||
|
|
sprintf=['%reference%' => $order.details.reference, '%date%' => $order.details.order_date]
|
||
|
|
}
|
||
|
|
</p>
|
||
|
|
|
||
|
|
{if not $order.shipments && $order.carrier.name}
|
||
|
|
<p class="order-infos__carrier">
|
||
|
|
{l s='Carrier: %carrier_name%' sprintf=['%carrier_name%' => $order.carrier.name] d='Shop.Theme.Catalog'}
|
||
|
|
</p>
|
||
|
|
{/if}
|
||
|
|
|
||
|
|
<p class="order-infos__payment">
|
||
|
|
{l s='Payment method: %payment_method%' sprintf=['%payment_method%' => $order.details.payment] d='Shop.Theme.Catalog'}
|
||
|
|
</p>
|
||
|
|
|
||
|
|
{if $order.details.recyclable}
|
||
|
|
<p class="order-infos__recyclable">
|
||
|
|
{l s='You have given permission to receive your order in recycled packaging.' d='Shop.Theme.Customeraccount'}
|
||
|
|
</p>
|
||
|
|
{/if}
|
||
|
|
|
||
|
|
{if $order.details.gift_message}
|
||
|
|
<div class="order-infos__gift-message">
|
||
|
|
<p>{l s='You have requested gift wrapping for this order.' d='Shop.Theme.Customeraccount'}</p>
|
||
|
|
<p>{l s='Message:' d='Shop.Theme.Customeraccount'} {$order.details.gift_message nofilter}</p>
|
||
|
|
</div>
|
||
|
|
{/if}
|
||
|
|
|
||
|
|
{if $order.details.invoice_url || $order.details.reorder_url}
|
||
|
|
<div class="order-infos__actions buttons-wrapper {if !$order.details.invoice_url && $order.details.reorder_url}buttons-wrapper--end{else}buttons-wrapper--split{/if}">
|
||
|
|
{if $order.details.invoice_url}
|
||
|
|
<a class="btn btn-link px-0" href="{$order.details.invoice_url}">
|
||
|
|
<i class="material-icons" aria-hidden="true"></i>
|
||
|
|
{l s='Download your invoice as a PDF file.' d='Shop.Theme.Customeraccount'}
|
||
|
|
</a>
|
||
|
|
{/if}
|
||
|
|
|
||
|
|
{if $order.details.reorder_url}
|
||
|
|
<a href="{$order.details.reorder_url}" class="btn btn-outline-primary">
|
||
|
|
{l s='Reorder' d='Shop.Theme.Actions'}
|
||
|
|
</a>
|
||
|
|
{/if}
|
||
|
|
</div>
|
||
|
|
{/if}
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
{/block}
|
||
|
|
|
||
|
|
<hr class="order-separator">
|
||
|
|
|
||
|
|
{block name='order_status'}
|
||
|
|
<section class="order-status">
|
||
|
|
<h2 class="h3" id="order_status_heading">{l s='Follow your order\'s status step-by-step' d='Shop.Theme.Customeraccount'}</h2>
|
||
|
|
|
||
|
|
<div class="order-status__table grid-table grid-table--collapse" role="table" aria-label="{l s='Order status' d='Shop.Theme.Customeraccount'}" aria-describedby="order_status_heading">
|
||
|
|
<div class="grid-table__inner grid-table__inner--2" role="rowgroup">
|
||
|
|
<div class="grid-table__header" role="row">
|
||
|
|
<span class="grid-table__cell" role="columnheader">{l s='Date' d='Shop.Theme.Global'}</span>
|
||
|
|
<span class="grid-table__cell" role="columnheader">{l s='Status' d='Shop.Theme.Global'}</span>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
{foreach from=$order.history item=state}
|
||
|
|
<div class="grid-table__row" role="row">
|
||
|
|
<span class="grid-table__cell" role="cell" data-ps-label="{l s='Date' d='Shop.Theme.Global'}">
|
||
|
|
{$state.history_date}
|
||
|
|
</span>
|
||
|
|
<span class="grid-table__cell" role="cell" data-ps-label="{l s='Status' d='Shop.Theme.Global'}">
|
||
|
|
<span class="order-status__badge order-status__badge--{$state.contrast} badge" style="background-color:{$state.color}">
|
||
|
|
{$state.ostate_name}
|
||
|
|
</span>
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
{/foreach}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
{/block}
|
||
|
|
|
||
|
|
<hr class="order-separator">
|
||
|
|
|
||
|
|
{block name='order_carriers'}
|
||
|
|
{if $order.shipping}
|
||
|
|
{if $order.shipments}
|
||
|
|
{include file='customer/_partials/order-shipments.tpl'}
|
||
|
|
{else}
|
||
|
|
{include file='customer/_partials/order-carrier.tpl'}
|
||
|
|
{/if}
|
||
|
|
{/if}
|
||
|
|
{/block}
|
||
|
|
|
||
|
|
<hr class="order-separator">
|
||
|
|
|
||
|
|
{block name='order_addresses'}
|
||
|
|
<section class="order-addresses">
|
||
|
|
<h3 class="h3">{l s='Addresses' d='Shop.Theme.Customeraccount'}</h3>
|
||
|
|
|
||
|
|
<div class="order-addresses__list">
|
||
|
|
{if $order.addresses.delivery}
|
||
|
|
<article id="delivery-address" class="address-card">
|
||
|
|
<div class="address-card__container">
|
||
|
|
<h4 class="address-card__alias">
|
||
|
|
{l s='Delivery address: %alias%' d='Shop.Theme.Checkout' sprintf=['%alias%' => $order.addresses.delivery.alias]}
|
||
|
|
</h4>
|
||
|
|
|
||
|
|
<address class="address-card__content mb-0">{$order.addresses.delivery.formatted nofilter}</address>
|
||
|
|
</div>
|
||
|
|
</article>
|
||
|
|
{/if}
|
||
|
|
|
||
|
|
<article id="invoice-address" class="address-card">
|
||
|
|
<div class="address-card__container">
|
||
|
|
<h4 class="address-card__alias">
|
||
|
|
{l s='Invoice address: %alias%' d='Shop.Theme.Checkout' sprintf=['%alias%' => $order.addresses.invoice.alias]}
|
||
|
|
</h4>
|
||
|
|
|
||
|
|
<address class="address-card__content mb-0">{$order.addresses.invoice.formatted nofilter}</address>
|
||
|
|
</div>
|
||
|
|
</article>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
{/block}
|
||
|
|
|
||
|
|
<hr class="order-separator">
|
||
|
|
|
||
|
|
{capture name='displayOrderDetail'}{hook h='displayOrderDetail'}{/capture}
|
||
|
|
{if $smarty.capture.displayOrderDetail}
|
||
|
|
{$smarty.capture.displayOrderDetail nofilter}
|
||
|
|
|
||
|
|
<hr class="order-separator">
|
||
|
|
{/if}
|
||
|
|
|
||
|
|
{block name='order_products'}
|
||
|
|
<section class="order-products">
|
||
|
|
<h3 class="h3" id="order_products_heading">{l s='Products details' d='Shop.Theme.Customeraccount'}</h3>
|
||
|
|
|
||
|
|
{block name='order_detail'}
|
||
|
|
{if $order.details.is_returnable}
|
||
|
|
{if $order.shipments}
|
||
|
|
{include file='customer/_partials/order-detail-return-multishipment.tpl'}
|
||
|
|
{else}
|
||
|
|
{include file='customer/_partials/order-detail-return.tpl'}
|
||
|
|
{/if}
|
||
|
|
{else}
|
||
|
|
{if $order.shipments}
|
||
|
|
{include file='customer/_partials/order-detail-no-return-multishipment.tpl'}
|
||
|
|
{else}
|
||
|
|
{include file='customer/_partials/order-detail-no-return.tpl'}
|
||
|
|
{/if}
|
||
|
|
{/if}
|
||
|
|
{/block}
|
||
|
|
</section>
|
||
|
|
{/block}
|
||
|
|
|
||
|
|
<hr class="order-separator">
|
||
|
|
|
||
|
|
{block name='order_messages'}
|
||
|
|
{include file='customer/_partials/order-messages.tpl'}
|
||
|
|
{/block}
|
||
|
|
{/block}
|