templates/article/articleCard.html.twig line 1

Open in your IDE?
  1. <div class="card h-100 borderWebshop">
  2.     <a class="text-center" href="{{ articlePath|replace({'article.id': article.id})  }}">
  3.         {% if article.image %}
  4.             <img class="imgArticle" src="/image/article/{{ article.image }}"
  5.                  alt="article{{ article.id }}">
  6.         {% else %}
  7.             <img class="imgArticle" src="{{ asset('image/article/default.jpg') }}"
  8.                  alt="article{{ article.id }}">
  9.         {% endif %}
  10.     </a>
  11.     <div class="card-body">
  12.         <div class="row">
  13.             <div class="col-12">
  14.                 <h4 class="card-title regularSubtitle text-center">
  15.                     <a href="{{ articlePath|replace({'article.id': article.id})  }}">{{ article.name }}</a>
  16.                 </h4>
  17.                 {% if article.prePackaged is defined %}
  18.                         <p class="text-center">{{ article.prePackaged }}</p>
  19.                 {% endif %}
  20.                 <hr>
  21.             </div>
  22.         </div>
  23.         <div class="bodyText text-center">
  24.             <p>{{ article.description }}</p>
  25.         </div>
  26.         <div class="row align-items-center align-middle">
  27.             {% if app.user %}
  28.                 <div class="col-6 text-center">
  29.                     <a class="btn icon-add" href="{{ articlePath|replace({'article.id': article.id})  }}"></a>
  30.                 </div>
  31.                 <div class="col-6">
  32.                     <div class="d-inline">
  34.                         <input type="number" id="qty{{ article.id }}"
  35.                                onchange="checkMaxQty({{ article.id }}, {{ article.maxQty }})" min="1" max="99"
  36.                                value="1">
  37.                         <span> pcs &nbsp;</span>
  38.                     </div>
  39.                     <div class="d-inline">
  40.                         <button class="btn icon-cart-red"
  41.                                 data-toggle="popover" data-trigger="hover"
  42.                                 data-content="{{ "article.addArticle" | trans }}"
  43.                                 onclick="addOrderArticle({{ article.id }})">
  44.                         </button>
  45.                     </div>
  46.                 </div>
  47.             {% else %}
  48.                 <div class="col-12 text-center">
  49.                     <a class="btn icon-add" href="{{ articlePath|replace({'article.id': article.id})  }}"></a>
  50.                 </div>
  51.             {% endif %}
  52.         </div>
  53.         {% if app.user %}
  54.             <div class="row">
  55.                 <hr class="hrDark">
  56.                 <div class="col-12">
  57.                     {% if article.price.salePrice is defined %}
  58.                         {% if article.price.salePrice > article.price.salePricePromo %}
  59.                             <h4 class="text-center textPrice">
  60.                                 <span class="promo">{{ article.price.salePrice|number_format(2) }}€</span>
  61.                                 <span style="color:green">{{ article.price.salePricePromo|number_format(2) }}€{% if article.isVaryingWeight %} /kg {% endif %}</span>
  62.                             </h4>
  63.                         {% else %}
  64.                             <h4 class="text-center textPrice">{{ article.price.salePricePromo|number_format(2) }}
  65.                                 € {% if article.isVaryingWeight %} /kg {% endif %}</h4>
  66.                         {% endif %}
  67.                     {% else %}
  68.                         <h4 class="text-center textPrice ">{{ article.price|number_format(2) }} €
  69.                             {% if article.isVaryingWeight %} /kg {% endif %}</h4>
  70.                     {% endif %}
  71.                 </div>
  72.             </div>
  73.         {% endif %}
  74.     </div>
  75. </div>