{% if products is defined and products %}
<div class="petluna-module-grid">
  <div class="section-head"><h3>{{ heading_title }}</h3></div>
  <div class="row">{% for product in products %}
    <div class="product-layout col-xs-6 col-sm-4 col-md-3 col-lg-{{ products|length > 4 ? '2' : '3' }}">
      <div class="product-thumb petluna-product-card transition">
        {% if product.thumb %}<div class="image"><a href="{{ product.href }}"><img src="{{ product.thumb }}" alt="{{ product.name }}" title="{{ product.name }}" class="img-responsive" /></a></div>{% endif %}
        <div class="caption"><h4><a href="{{ product.href }}">{{ product.name }}</a></h4>{% if product.price %}<div class="price">{% if not product.special %}{{ product.price }}{% else %}<span class="price-new">{{ product.special }}</span> <span class="price-old">{{ product.price }}</span>{% endif %}</div>{% endif %}</div>
        <div class="button-group"><button type="button" onclick="cart.add('{{ product.product_id }}');"><span>{{ button_cart|default('Sepete Ekle') }}</span></button></div>
      </div>
    </div>
  {% endfor %}</div>
</div>
{% endif %}
