<h3>{{ heading_title }}</h3>
<div class="row">
 {% for product in products %}
  <div class="product-layout col-lg-3 col-md-3 col-sm-6 col-xs-12">
    <div class="product-thumb transition">
							  
				{# start owc_core_productpageenhanced_hooks_twig.xml #}
				<div class="owc_stock label-image-list-page-container">
				{# HOOK_PRODUCTPAGEENHANCED_LIST_TOP_OVER_IMAGE #}		
				</div>
				<div class="owc_stock label-image-list-page-container2">
				{# HOOK_PRODUCTPAGEENHANCED_LIST_TOP_OVER_IMAGE2 #}			
				</div>	
				{# end owc_core_productpageenhanced_hooks_twig.xml #}
				
      <div class="image"><a href="{{ product.href }}"><img src="{{ product.thumb }}" alt="{{ product.name }}" title="{{ product.name }}" class="img-responsive" /></a></div>
							  
				{# start owc_core_productpageenhanced_hooks_twig.xml #}
				{# HOOK_PRODUCTPAGEENHANCED_LIST_TOP #}				
				{# HOOK_PRODUCTPAGEENHANCED_LIST_TOP_DIV #}
				{# end owc_core_productpageenhanced_hooks_twig.xml #}
				
      <div class="caption">
        <h4><a href="{{ product.href }}">{{ product.name }}</a></h4>

				{# start owc_core_productpageenhanced_hooks_twig.xml #}	
				{# HOOK_PRODUCTPAGEENHANCED_LIST_AFTER_TITLE #}
				{# end owc_core_productpageenhanced_hooks_twig.xml #}	
				
        
				{# start owc_core_productpageenhanced_hooks_twig.xml #}				
				{% if product.short_description is not null %}
          {# HOOK_PRODUCTPAGEENHANCED_LIST_REPLACE_DESCRIPTION #}

				{# OWC start owc_productpageenhanced_short_description_twig.xml #}
				{% if product.short_description is not null %}
					{{ product.short_description }}
				{% else %}
					 <div>{{ product.description }}</div>
				{% endif %} 				
				{# OWC end owc_productpageenhanced_short_description_twig.xml #}
				
        {% else %}
          <p>{{  product.description }}</p>
        {% endif %}
        {# end owc_core_productpageenhanced_hooks_twig.xml #}
				
        {% if product.rating %}
        <div class="rating">
          {% for i in 1..5 %}
          {% if product.rating < i %}
          <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span>
          {% else %}
          <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i><i class="fa fa-star-o fa-stack-2x"></i></span>
          {% endif %}
          {% endfor %}
        </div>
        {% endif %}

				{# start owc_core_productpageenhanced_hooks_twig.xml #}
				{# HOOK_PRODUCTPAGEENHANCED_LIST_BEFORE_PRICE #}
				{# end owc_core_productpageenhanced_hooks_twig.xml #}
				
        {% if product.price %}
        <p class="price">
          {% if not product.special %}
          {{ product.price }}
          {% else %}
          <span class="price-new">{{ product.special }}</span> <span class="price-old">{{ product.price }}</span>
          {% endif %}
          {% if product.tax %}
          <span class="price-tax">{{ text_tax }} {{ product.tax }}</span>
          {% endif %}
        </p>
        {% endif %}

			  {# start owc_core_productpageenhanced_hooks_twig.xml #}
				{# HOOK_PRODUCTPAGEENHANCED_LIST_AFTER_PRICE #}
				{# end owc_core_productpageenhanced_hooks_twig.xml #}				
				
      </div>
      <div class="button-group">

  		  {# start owc_core_productpageenhanced_hooks_twig.xml #}	
        {# HOOK_PRODUCTPAGEENHANCED_PRODUCT_LIST_ADD_TO_CART_BEFORE #}
        {# end owc_core_productpageenhanced_hooks_twig.xml #}
      
        <button type="button" onclick="cart.add('{{ product.product_id }}');"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md">{{ button_cart }}</span></button>

  		  {# start owc_core_productpageenhanced_hooks_twig.xml #}	
        {# HOOK_PRODUCTPAGEENHANCED_PRODUCT_LIST_ADD_TO_CART_AFTER #}
				{# end owc_core_productpageenhanced_hooks_twig.xml #}
      
        <button type="button" data-toggle="tooltip" title="{{ button_wishlist }}" onclick="wishlist.add('{{ product.product_id }}');"><i class="fa fa-heart"></i></button>
        <button type="button" data-toggle="tooltip" title="{{ button_compare }}" onclick="compare.add('{{ product.product_id }}');"><i class="fa fa-exchange"></i></button>
      </div>
    </div>
  </div>
  {% endfor %}
</div>
