<script id="CatelogGridTemplate" type="text/x-jsrender" >
           <li class="col-12 col-sm-6 col-md-4 col-lg-6 col-xl-4 p-0"  rel="product_[[>productID]]" uniqueID="[[>uniqueID]]" >
        <div class="imageBox bg-white mb-sm-0 mb-3 text-left h-100 d-flex flex-column position-relative">
            <div class="image-thumb position-relative px-3 py-2">
                <figure class="position-relative mb-0">
                    {html->anchor href="[[>requestPath]]" class="d-inline-block w-100" title=$language.lblViewDetails content="<img class='lazy img-fluid' data-original='{$view_public_path}/uploads/catalog/vehicles/thumb/[[>productImage]]' src='{$view_images}/loader-small.gif' alt='[[>showTitle]]'>"}
                </figure>
            </div>
            <div class="deatils product-info-block px-md-4 px-3 pb-3">
            [[if financeDesc!='']]
                <div class="advantage-label bg-secondary text-white font-xsmall px-lg-4 px-3 py-1 mb-3 text-center">
                <span class="font-family-secondary">[[>financeDesc]]</span></div>
            [[/if]]
                <h5 class="productTitle font-weight-semibold mb-3">{html->anchor href="[[>requestPath]]" class="slip text-secondary" content=" [[>~truncate(showTitle,45)]]"}</h5>
            [[if productOptionRegularPrice>=0]]
           <div class="font-normal text-muted">
            {$language.lblPriceStartingFrom} <br><span class="font-weight-semibold h5 text-dark">[[>~getFormattedCurrency(productOptionRegularPrice,'')]]</span></div>
             [[/if]]
                <div class="pt-3 link-block align-items-center">
                        {html->anchor href="[[>requestPath]]" class="font-weight-bold font-small viewDetail d-flex align-items-center py-1" title=$language.lblViewDetails content="<i class='bg-dark font-weight-bold font-xsmall icon-plus mr-2 rounded-circle text-center text-white'></i>{$language.lblViewDetails}"}
                    
                </div>
            </div>
        </div>
    </li>
</script>

