{{#partial "page"}}
<div class="myAccount-container">

    <div class="myAccount-heading">
    	<div class="page-header_container banner-header">
            {{> components/common/breadcrumbs breadcrumbs=breadcrumbs}}
            <h2 class="page-heading">{{lang 'account.recent_items.heading' }}</h2>
        </div>
    </div>
    <div class="myAccount-nav">
        {{> components/account/navigation account_page='recent_items'}}
    </div>
    <div class="myAccount-body">
        <div class="myAccount-content container">
        {{#unless customer.recently_viewed_products.items}}
            {{> components/common/alert/alert-info (lang 'account.recent_items.no_items')}}
        {{/unless}}

        
            {{> components/products/grid products=customer.recently_viewed_products.items show_compare=customer.recently_viewed_products.show_compare}}
        
        </div>
    </div>
</div>
{{/partial}}
{{> layout/account}}
<script>
    jQuery(document).ready(function($){
        $('body').addClass('recently-viewed-page-template')
    })
</script>