templates/main/page-produits-entretien-show.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  4. {% block title %}
  5.     {{ product.title }} - Produits d'entretien - {{ parent() }}  {# prepend #}
  6. {% endblock %}
  8. {% block body %}
  10. <div class="page">
  12.     {# retour #}
  13.     <div class="full-container fond-color-site">
  14.         <div class="container pa-20 mt-40">
  15.             <a href="{{ go_back }}" class="btn btn-border majuscule"><i class="icon icon-chevron-left"></i> Retour </a>
  16.         </div>
  17.     </div>
  19.     <div class="full-container">
  20.         <div class="container pa-20">
  21.             <div class="row fond-white border-gray-200 pa-20">
  23.                 <div class="medium-w-60 medium-pr-30">
  24.                     <h1>{{ product.title }}</h1>
  25.                     <div class="">
  26.                         {% if product.action | length > 0 %}
  27.                             {% for action in product.action %}
  28.                                 <span class="badge badge-gray-900 typo-60 majuscule rounded-pill pr-5">{{ action.name }}</span>
  29.                             {% endfor %}
  30.                         {% endif %}
  31.                         {% if product.category | length > 0 %}
  32.                             {% for category in product.category %}
  33.                                 <span class="badge badge-perso-bleu-clair typo-60 majuscule rounded-pill pr-5">{{ category.name }}</span>
  34.                             {% endfor %}
  35.                         {% endif %}
  36.                     </div>
  38.                     <h2 class="mt-30 typo-150">{{ product.subtitle }}</h2>
  40.                     {% if is_mobile %}
  41.                         <div class="separation-10"></div>
  42.                         {# MAIN IMAGE or NOT #}
  43.                         {% set mainImage = false %}{# utiliser pour déterminer le nb d'images dans la galerie #}
  44.                         {% for image in product.productImages %}
  45.                             {% if image.isMain %}
  46.                                 <img class="w-100" src="{{ asset('/upload/products/' ~ product.id ~ '/' ~ image.name) }}" alt="image">
  47.                                 {% set mainImage = true %}
  48.                             {% endif %}
  49.                         {% endfor %}
  50.                         <div class="separation-10"></div>
  51.                     {% endif %}
  53.                     <p class="">
  54.                         {{ product.shortContent }}
  55.                     </p>
  57.                     <p class="">
  58.                         {{ product.longContent|raw }}
  59.                     </p>
  61.                     <div class="separation-30"></div>
  63.                     {% if product.instructions %}
  64.                         <h3 class="typo-color-site-3">Instructions d'utilisation</h3>
  65.                         <p>
  66.                             {{ product.instructions|raw }}
  67.                         </p>
  68.                     {% endif %}
  69.                 </div>
  70.                 <div class="medium-w-40">
  71.                     {% if not is_mobile %}
  72.                         {# MAIN IMAGE or NOT #}
  73.                         {% set mainImage = false %}{# utiliser pour déterminer le nb d'images dans la galerie #}
  74.                         {% for image in product.productImages %}
  75.                             {% if image.isMain %}
  76.                                 <img class="w-100" src="{{ asset('/upload/products/' ~ product.id ~ '/' ~ image.name) }}" alt="image">
  77.                                 {% set mainImage = true %}
  78.                             {% endif %}
  79.                         {% endfor %}
  80.                     {% endif %}
  81.                 </div>
  82.             </div>
  83.         </div>
  84.     </div>
  86.     {# Galerie photos #}
  87.     {% set images = product.productImages %}
  88.     {% include 'main/content/galerie-photos-produits-entretien.html.twig' %}
  90. </div>
  91. {% endblock %}