{{#if products.length}}
<section class="y-section y-home-products">
    <div class="y-container">
        <div class="y-section__head">
            <h2 class="y-section__title">{{#if theme_settings.yamshi_products_title}}{{theme_settings.yamshi_products_title}}{{else}}{{lang 'yamshi.products.title'}}{{/if}}</h2>
            {{#unless theme_settings.yamshi_products_more_hide}}
                <a class="y-link-arrow" href="{{#if theme_settings.yamshi_products_more_url}}{{theme_settings.yamshi_products_more_url}}{{else}}{{theme_settings.yamshi_shop_url}}{{/if}}">{{#if theme_settings.yamshi_products_more}}{{theme_settings.yamshi_products_more}}{{else}}{{lang 'yamshi.products.more'}}{{/if}} {{> components/yamshi/icon name='arrow-right' size=16}}</a>
            {{/unless}}
        </div>
        <ul class="productGrid y-products" data-product-type="{{theme_settings.yamshi_products_source}}" data-list-name="Homepage Products">
            {{#each products}}
                <li class="product">
                    {{> components/products/card settings=../settings theme_settings=../theme_settings customer=../customer event="list" position=(add @index 1) hide_product_quick_view=true}}
                </li>
            {{/each}}
        </ul>
    </div>
</section>
{{/if}}