templates/article/article.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Article | Webshop{% endblock %}
  4. {% block body %}
  5.     <div class="container-fluid">
  6.         <div class="row">
  7.             {% include 'sideBar.html.twig' %}
  8.             <div class="col-lg-9 borderPoint ml-3">
  9.                 <div class="row mt-3">
  10.                     <div class="col-md-4">
  11.                         <div class="card h-100 borderWebshop">
  12.                             {% if article.image %}
  13.                                 <img class="img-fluid rounded" src="/image/article/{{ article.image }}"
  14.                                      alt="article{{ article.id }}">
  15.                             {% else %}
  16.                                 <img class="img-fluid rounded" src="{{ asset('image/article/default.jpg') }}"
  17.                                      alt="article{{ article.id }}">
  18.                             {% endif %}
  19.                         </div>
  20.                     </div>
  21.                     <div class="col-md-8">
  22.                         <div class="row">
  23.                             <div class="col-12">
  24.                                 <h1>{{ article.name|capitalize }}</h1>
  25.                                 <div class="underline"></div>
  26.                             </div>
  27.                         </div>
  28.                         <div class="row">
  29.                             <div class="col-12">
  30.                                 <p class="bodyText pt-3">
  31.                                     {{ article.description }}
  32.                                 </p>
  33.                             </div>
  34.                         </div>
  35.                     </div>
  36.                 </div>
  37.                 {% if app.user %}
  38.                     <div class="container">
  39.                         <div class="row mt-5 text-center">
  40.                             <div class="col-md-4 borderWebshop" style="height: 5rem;">
  41.                                 <div class="mt-4">
  42.                                     {% if article.price.salePrice is defined %}
  43.                                         {% if article.price.salePrice > article.price.salePricePromo %}
  44.                                             <h4 class="text-center textPrice">
  45.                                                 <span class="promo">{{ article.price.salePrice|number_format(2) }}€</span>
  46.                                                 <span style="color:green">{{ article.price.salePricePromo|number_format(2) }}€ {% if article.isVaryingWeight %} /kg {% endif %}</span>
  47.                                             </h4>
  48.                                         {% else %}
  49.                                             <h4 class="text-center textPrice">{{ article.price.salePricePromo|number_format(2) }}
  50.                                                 € {% if article.isVaryingWeight %} /kg {% endif %}</h4>
  51.                                         {% endif %}
  52.                                     {% else %}
  53.                                         <h4 class="text-center textPrice">{{ article.price|number_format(2) }} €
  54.                                             {% if article.isVaryingWeight %} /kg {% endif %}</h4>
  55.                                     {% endif %}
  56.                                 </div>
  57.                             </div>
  58.                             {% if app.user %}
  59.                                 <div class="col-md-3 mt-4">
  60.                                     <button style="border: none; width: 110px;background-color: #fdeded; margin-top: -10px">
  61.                                         <div style="display: table-cell;vertical-align: middle;height: 50px;border: 1px solid #fdeded;">
  62.                                             <input type="number" id="qty{{ article.id }}"
  63.                                                    onchange="checkMaxQty({{ article.id }}, {{ article.maxQty }})"
  64.                                                    min="1"
  65.                                                    max="99"
  66.                                                    value="1">
  67.                                             <span> pcs &nbsp;</span>
  68.                                         </div>
  69.                                     </button>
  70.                                 </div>
  71.                                 <div class="col-md-2 pt-2 text-center" style="background-color: #fdeded">
  72.                                     <button class="btn icon-cart-red-big"
  73.                                             data-toggle="popover" data-trigger="hover"
  74.                                             data-content="{{ "article.addArticle" | trans }}"
  75.                                             onclick="addOrderArticle({{ article.id }})">
  76.                                     </button>
  77.                                 </div>
  78.                                 {% if article.technicalData %}
  79.                                     <div class="col-md-3">
  80.                                         <div class="row">
  81.                                             <div class="col">
  82.                                                 <a class="btn icon-document" target="_blank"
  83.                                                    href="{{ path('technicalData', {'id': article.id }) }}"
  84.                                                    data-toggle="popover" data-trigger="hover"></a>
  85.                                                 <p>Télécharger la fiche produit</p>
  86.                                             </div>
  87.                                         </div>
  88.                                     </div>
  89.                                 {% endif %}
  90.                             {% endif %}
  91.                         </div>
  92.                     </div>
  93.                 {% endif %}
  94.                 <div class="row mt-5">
  95.                     <div class="col-md-6 pt-2">
  96.                         <h3>Infos produits</h3>
  97.                         <div class="underline"></div>
  98.                         <div class="bodyTextRegular mt-3">
  99.                             {% if article.articleNumber or article.deliveryMin or article.weightAverage or article.packaging or article.availability %}
  100.                                 {% if article.articleNumber %}<p class="noSpacing"><span class="font-weight-bold">Numéro d'article:</span> {{ article.articleNumber }}
  101.                                     </p> {% endif %}
  102.                                 {% if article.deliveryMin %}<p class="noSpacing">DLC min. à la
  103.                                     livraison: {{ article.deliveryMin }} jours</p>{% endif %}
  104.                                 {% if article.weightAverage %}<p class="noSpacing">Poids
  105.                                     moyen: {{ article.weightAverage }} kg</p> {% endif %}
  106.                                 {% if article.packaging %}<p class="noSpacing">
  107.                                     Conditionnement: {{ article.packaging }}</p>{% endif %}<br>
  108.                                 {% if article.availability %}<p class="noSpacing">Disponibilité: sur
  109.                                     commande</p>{% endif %}
  110.                             {% else %}
  111.                                 <p class="bodyText noSpacing text-center mt-5">Aucune information sur ce produit</p>
  112.                             {% endif %}
  113.                         </div>
  114.                     </div>
  115.                     <div class="col-md-6 pt-2">
  116.                         <h3>Compositions</h3>
  117.                         <div class="underline"></div>
  118.                         <p class="mt-3">
  119.                             {% if article.ingredient %}
  120.                             {{ article.ingredient }}
  121.                             {% else %}
  122.                         <p class="noSpacing text-center mt-5">Aucune information sur ce produit</p>
  124.                         {% endif %}
  125.                         </p>
  126.                     </div>
  127.                 </div>
  128.                 {% if article.isIGP %}
  129.                     <div class="row mt-5">
  130.                         <div class="col-md-12">
  131.                             <h3>Produit certifié</h3>
  132.                             <div class="underline"></div>
  133.                             <div class="certifImg mt-3">
  134.                                 <img class="img-fluid rounded" src="{{ asset('design/images/certifIGP.svg') }}"
  135.                                      alt="certifIgp">
  136.                             </div>
  137.                         </div>
  138.                     </div>
  139.                 {% endif %}
  140.                 {% include('article/carousel.html.twig') %}
  141.             </div>
  142.         </div>
  143.     </div>
  144. {% endblock %}
  146. {% block javascripts %}
  147.     {{ parent() }}
  148.     <script src="{{ asset('js/entity/order/home.js') }}"></script>
  149. {% endblock %}