<div class="catalog-outer">
   <div class="catalog">
      {calc_product_discount product=$product assign='discount'}

      <a href="{url s=product IDproduct=$product.id TITLE=$product.title}" class="product-link">
         <div class="img">
            <img src="{get_photo photo=$product.image size='product_catalog'}"
                 width="{$cfg.Photo.types.product_catalog.size[0]}" height="{$cfg.Photo.types.product_catalog.size[1]}"
                 class="img-responsive" alt="{$product.title}">
         </div>

         <div class="catalog-flags flags">
            {block "catalog-flags"}
               {if $discount.discount->asFloat() >= 1}
                  <span class="flag flag-discount">-{$discount.discount->asFloat()|round} %</span>
               {/if}
            {/block}
         </div>

         <h3 class="heading-reset title">
            {$product.title nofilter}
         </h3>

         <p class="price">
            {if $discount.priceOriginal}
               <del class="strike-price">{$discount.priceOriginal|format_price}</del>
            {/if}
            <strong>
               {$product.productPrice|format_price}
            </strong>
         </p>
      </a>
   </div>
</div>
