templates/main/content/_short_product.html.twig line 1

Open in your IDE?
  1. <a href="{{ path('produits-entretien-show', {'id':product.id }) }}">
  2.     <div class="product row fond-white border-gray-200 mb-10 pa-10 pb-20 pt-20">
  4.         <div class="medium-w-25">
  5.             {# MAIN IMAGE or NOT #}
  6.             {% set mainImage = false %}
  7.             {% for image in product.productImages %}
  8.                 {% if image.isMain and mainImage == false %}
  9.                         <img class="fl mr-2" src="{{ asset('/upload/products/' ~ product.id ~ '/' ~ image.name) }}" alt="image" width="200">
  10.                     {% set mainImage = true %}
  11.                 {% endif %}
  12.             {% endfor %}
  13.             {% if not mainImage %}
  14.                 <img class="fl" src="{{ asset('/upload/products/no_main_image.png') }}" title="aucune image pour ce produit"  alt="aucune image pour ce produit" width="200">
  15.             {% endif %}
  17.             {# nb images de galeries (excepté main image #}
  18.             {% set countImages = product.productImages|length %}
  19.             {% if mainImage %} {# on enlève la main image au compteur #}
  20.                 {% set countImages = countImages - 1 %}
  21.             {% endif %}
  23.             {# GALERIES D'IMAGES > 2 thumbs max + nb images suppl. #}
  24.             {% set g = 0 %}
  25.             {% for image in product.productImages %}
  26.                 {% if not image.isMain and g < 2 %}
  27.                     <img class="fl mr-2 mb-2" src="{{ asset('/upload/products/' ~ product.id ~ '/' ~ image.name) }}" alt="image" width="50">
  28.                     {% set g = g + 1 %}
  29.                 {% endif %}
  30.             {% endfor %}
  31.             {% if countImages > 2 %}
  32.                 {% set moreImages = countImages - 2 %}
  33.                 <div class="fl mr-2 mb-2 width-50 height-40 fond-gray-900 typo-white text-center pt-7">+ {{ moreImages }}</div>
  34.             {% endif %}
  36.         </div>
  37.         <div class="medium-w-75">
  38.             <div class="fr">
  39.                 {% if product.action | length > 0 %}
  40.                     {% for action in product.action %}
  41.                         <span class="badge badge-gray-900 typo-60 majuscule rounded-pill pr-5">{{ action.name }}</span>
  42.                     {% endfor %}
  43.                 {% endif %}
  44.                 {% if product.category | length > 0 %}
  45.                     {% for category in product.category %}
  46.                         <span class="badge badge-perso-bleu-clair typo-60 majuscule rounded-pill pr-5">{{ category.name }}</span>
  47.                     {% endfor %}
  48.                 {% endif %}
  49.             </div>
  50.             <h2 class="typo-150 mt-30 mb-10">{{ product.title }}</h2>
  51.             {% if product.shortContent %}
  52.                 <h3>{{ product.shortContent }}</h3>
  53.             {% else %}
  54.                 <h3>{{ product.subtitle }}</h3>
  55.             {% endif %}
  56.         </div>
  57.     </div>
  58. </a>