<div class="petluna-module petluna-module--products">
  {% if heading_title %}
  <div class="petluna-module__head text-center">
    <h3>{{ heading_title }}</h3>
  </div>
  {% endif %}
  <div class="row row-eq-height">
    {% for product in products %}
    <div class="product-layout col-xs-6 col-sm-6 col-md-3 col-lg-3">
      <div class="product-thumb petluna-product-card transition">
        <div class="petluna-product-card__top">
          {% 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>
        <div class="caption">
          <h4><a href="{{ product.href }}">{{ product.name }}</a></h4>
          {% if product.price %}
          <div class="price-wrap">
            {% if not product.special %}
            <div class="price">{{ product.price }}</div>
            {% else %}
            <div class="price">
              <span class="price-new">{{ product.special }}</span>
              <span class="price-old">{{ product.price }}</span>
            </div>
          {% endif %}
          </div>
          {% endif %}
        </div>
        <div class="button-group">
          <button type="button" onclick="cart.add('{{ product.product_id }}');"><span>Sepete Ekle</span></button>
        </div>
      </div>
    </div>
    {% endfor %}
  </div>
</div>
