{{!-- 
    List of product tiles in the used product finder
    
    Related JS module(s): productFinderModuleNew.js
--}}
{{#each this}}
    <div class="product-tile product-tile--thirdparty product-tile--lazyloaded" data-product-id="{{id}}">

        {{!-- WRAPPER FOR THE LHS IMAGE --}}
        <div class="product-tile__image-wrapper">
            <a class="product-image" href="{{detailPageUrl}}">
                <div class="image-wrapper image-wrapper-1x1">
                    {{#if productImageName}}
                        <img src="{{productImageName}}" title="{{productName}}" alt="{{productName}}"/>
                    {{/if}}
                </div>
            </a>
        </div>
        {{!-- /WRAPPER FOR THE LHS IMAGE --}}

        {{!-- WRAPPER FOR THE LHS DETAILS --}}
        <div class="product-tile__details-wrapper">

            <a class="btn__link" href="#">
                <div class="btn btn--icon no-background"><span class="icon icon-LMHIconsaddpinblack"></span></div>
            </a>
            <h3 class="small" title="{{productName}}">
                <a href="{{detailPageUrl}}" class="textlink">{{productName}}</a>
            </h3>

        </div>
        {{!-- /WRAPPER FOR THE LHS DETAILS --}}
    </div>
{{/each}}