Latest Arrivals

🚧

Please be aware that you will need to request from your Aurora Commerce Account Manager to enable Latest Arrivals for your store first.

Template

To display a latest arrivals block, you will have to create a template in your templates folder, products sub-folder. You should name this template latest-arrivals.tpl.html.

A sample of the latest arrivals template:

{strip}
{view_composer name="Product_NewArrivals"}
    <h2 class="fp-column-full fp-section-title">
        LATEST ARRIVALS
    </h2>
    <ul class="fp-product-list" data-view="grid">
        {foreach from=$new_arrivals key=count item=product}
            <li class="fp-column-quarter">
                <div class="fp-product-thumb">
                    <a href="{if $language_iso}/{$language_iso}{/if}{$product.product_filename}">
                        <img src="{product_image_uri product=$product width=320 height=248}" alt="{$product.product_name}" width="320" height="248" data-id="{$product.id}" />
                    </a>
                    <div class="fp-product-thumb-overlay">
                        <a href="{if $language_iso}/{$language_iso}{/if}{$product.product_filename}" class="fp-product-thumb-link" manual_cm_re="Content-_-Latest-Arrivals-_-{$product.id}">
                            <h4 class="fp-product-thumb-title">{$product.brand} <br> <span>{$product.product_name}</span></h4>
                            <h4 class="fp-product-thumb-price">
                                {if $product.product_price_rrp > $product.my_price}
                                {site_text page="Global" part="Product Box Label: Was"} <span class="price-was">{$product.product_price_rrp|displayPrice}</span>
                                {site_text page="Global" part="Product Box Label: Now"} {$product.my_price|displayPrice}
                                {else}
                                {$product.my_price|displayPrice}
                                {/if}
                            </h4>
                            {if $product.product_stock > 0}
                            {elseif $product.product_stock == '0' AND (strtotime($product.restock_date) > 0 OR $product.normal_restock_days)}
                                <h4>Pre-order Now</h4>
                            {else}
                                <h4>Out Of Stock{if $product.restock_date|strtotime > 0} - Due In {$product.restock_date|strtotime|date:"jS M"}{/if}</h4>
                            {/if}
                        </a>
                        <a href="{if $language_iso}/{$language_iso}{/if}{$product.product_filename}" class="quicklook fp-product-thumb-quicklook" data-id="{$product.id}">
                            <span>Quickview</span>
                        </a>
                    </div>
                </div>
            </li>
        {/foreach}
    </ul>
{/strip}

Including latest arrivals block

To include it within your desired page, just add the following into your template:

{include_esi file="products/latest-arrivals.tpl.html"}

❗️

Please note, that if you already have latest arrivals displayed in your store using the include function like:

{include file="products/latest-arrivals.tpl.html"}

you will have to change it to the sample above which uses include_esi function as this implementation has a caching issue.