templates/front/component/products.html.twig line 1

Open in your IDE?
  1. {% if category.products|length > 0 %}
  2.     {% for product in category.products %}
  3.         {% if product.active and product.translate.price > 0 %}
  4.             <div class="col-lg-3 col-md-6 col-12 mb-4">
  5.                 <div class="category__item" data-kod-zb="{{ product.id }}">
  6.                     <a href="{{ product|trans_path }}">
  7.                         <div class="category__tag {% if product.newProduct != 0 %} is-new{% endif %}">{{ 'Novinka'|trans }}</div>
  8.                         <div class="category__content">
  9.                             <div class="category__img">
  10.                                 {% if product.file is defined and product.file is not empty %}
  11.                                     <span style="background-image: url('{{ (path_media ~ '/' ~ product.file.directoryName ~ '/' ~ product.file.media) | imagine_filter('media_thumbnail') }}')">
  12.                                         <img src="{{ (path_media ~ '/' ~ product.file.directoryName ~ '/' ~ product.file.media) | imagine_filter('media_thumbnail') }}" alt="{{ product.file.alt|default() }}">
  13.                                     </span>
  14.                                 {% endif %}
  15.                             </div>
  16.                             <h2 class="category__name">
  17.                                 {{ product.translate.name }}
  18.                             </h2>
  19.                             <p class="category__quantity">
  20.                                 {{ product.translate.units }}
  21.                             </p>
  22.                             <p class="category__price">
  23.                                 {{ product.price|number_format(0, '.', ' ') }} {{ 'Kč'|trans }}
  24.                             </p>
  25.                             <div class="category__other">
  26.                                 {% if not product.soldOut %}
  27.                                     <div class="category__row">
  28.                                         <div class="category__counter">
  29.                                             <div class="counter">
  30.                                                 <div class="counter__row">
  31.                                                     <div class="counter__minus js-counter-minus">
  32.                                                         <div class="icon icon--minus"></div>
  33.                                                     </div>
  34.                                                     <div class="counter__input">
  35.                                                         <input type="text" value="1" class="js-counter-input">
  36.                                                         <span>{{ 'ks'|trans }}</span>
  37.                                                     </div>
  38.                                                     <div class="counter__plus js-counter-plus">
  39.                                                         <div class="icon icon--plus"></div>
  40.                                                     </div>
  41.                                                 </div>
  42.                                             </div>
  43.                                         </div>
  44.                                         <div class="category__btn js-add-to-cart" data-path="{{ path('cart_add', {_locale: category.currentLocale, id: 0, amount: 0}) }}">
  45.                                             <span class="button button--item button--category">{{ 'Do košíku'|trans }}</span>
  46.                                         </div>
  47.                                     </div>
  48.                                 {% else %}
  49.                                     <div class="category__row category__row--sold justify-content-center">{{ 'Vyprodáno'|trans }}</div>
  50.                                 {% endif %}
  51.                             </div>
  52.                         </div>
  53.                         {% if not product.soldOut %}
  54.                             <div class="category__item__add"><div class="category__item__add__icon"></div><div class="category__item__add__text"></div></div>
  55.                         {% endif %}
  56.                     </a>
  57.                 </div>
  58.             </div>
  59.         {% endif %}
  60.     {% endfor %}
  61. {% endif %}