templates/product/public/_show.html.twig line 1

Open in your IDE?
  1. <section class="{{ productConfig.design.section_class_show }}">
  2.   <div class="grid grid-col-3 col-gap-4 row-gap-4 p-2 w-100" data-desktop="grid grid-col-3 col-gap-4 row-gap-4 p-2 w-100" data-tablet="column-reverse p-2" data-mobil="column-reverse p-1">
  3.     <div class="col-span-1">
  4.       {% if productConfig.design.gallery_model == 'model1' %}
  5.         {% include 'product/public/_gallery_model1.html.twig' %}
  6.       {% endif %}
  7.       {% if productConfig.design.gallery_model == 'model2' %}
  8.         {% include 'product/public/_gallery_model2.html.twig' %}
  9.       {% endif %}
  10.       {% if productConfig.design.gallery_model == 'model3' %}
  11.         {% include 'product/public/_gallery_model3.html.twig' %}
  12.       {% endif %}
  13.       {% if productConfig.design.gallery_model == 'model4' %}
  14.         {% include 'product/public/_gallery_model4.html.twig' %}
  15.       {% endif %}
  16.     </div>
  17.     <div class="{{ productConfig.design.column_information_show }} col-span-2" data-desktop="{{ productConfig.design.column_information_show }} col-span-2" data-tablet="{{ productConfig.design.column_information_show }}" data-mobil="{{ productConfig.design.column_information_show }}">
  18.       <h1 class="{{ productConfig.design.title_class_show }}">{{ product.name }}</h1>
  19.       {% if productConfig.design.is_reference_show == true %}
  20.         {% if product.reference %}
  21.           <div class="">
  22.             <p class="{{ productConfig.design.reference_class_show }}">Référence : {{ product.reference }}</p>
  23.           </div>
  24.         {% endif %}
  25.       {% endif %}
  26.       {% if productConfig.design.is_price_show == true %}
  27.         {% if product.price %}
  28.           <span class="{{ productConfig.design.price_class_show }}">{{ product.price|number_format(2, ',', ' ') }} €</span>
  29.         {% endif %}
  30.       {% endif %}
  31.       {% if productConfig.design.is_description_show == true %}
  32.         {% if product.preview %}
  33.           <p class="{{ productConfig.design.description_class_show }}">{{ product.preview|nl2br }}</p>
  34.         {% endif %}
  35.       {% endif %}
  36.       {% if productConfig.design.is_category_show == true %}
  37.         <div class="flex-row p-1 wrap">
  38.           {% for cat in categories %}
  39.             <div class="{{ productConfig.design.category_class_show }}">{{ cat.name }}</div>
  40.           {% endfor %}
  41.         </div>
  42.       {% endif %}
  43.       {% if productConfig.design.is_brand_show == true %}
  44.         {% if product.brand %}
  45.           <p class="{{ productConfig.design.brand_class_show }}">Marque : {{ product.brand.name }}</p>
  46.           {% if product.brand.logo %}
  47.             <div class="">
  48.               <img style="height: 60px;" src="{{ product.brand.logo }}" alt="{{ product.brand.name }}" />
  49.             </div>
  50.           {% endif %}
  51.         {% endif %}
  52.       {% endif %}
  53.       {% if productConfig.design.is_attribute_show == true %}
  54.         {% if product.productAttributeValues %}
  55.           <div class="grid grid-col-2 p-1">
  56.             {% for attribute in product.productAttributeValues %}
  57.               <div class="{{ productConfig.design.attribute_class_show }}">
  58.                 {% if attribute.attribute.icon is not null %}
  59.                   <div class="svg-100 m-r-1" style="width: 32px;">{{ attribute.attribute.icon|raw }}</div>
  60.                 {% else %}
  62.                 {% endif %}
  63.                 {{ attribute.attribute.name }} : {{ attribute.value }}
  64.               </div>
  65.             {% endfor %}
  66.           </div>
  67.         {% endif %}
  68.       {% endif %}
  69.       {% if productConfig.design.is_pdf_show == true %}
  70.         {% if product.pdfName is not empty %}
  71.           <div class="w-100 flex-row">
  72.             <a data-parent="" class="{{ productConfig.design.pdf_class_show }}" target="_blank" href="/uploads/documents/{{ product.pdfName }}">{{ productConfig.design.pdf_text }}</a>
  73.           </div>
  74.         {% endif %}
  75.       {% endif %}
  76.     </div>
  77.   </div>
  78. </section>
  79. {{ product.content|raw }}
  80. {% if productConfig.design.is_similar_show == true %}
  81.   {% if product.similarProducts == null %}
  83.   {% else %}
  84.     <div class="w-max-l p-1 x-auto">
  85.       <h5 class="p-1 txt-m2">Produits similaires</h5>
  86.       <section class="{{ productConfig.listClass }}" data-desktop="{{ productConfig.listClass }}" data-mobil="{{ productConfig.listClassMobile }}" data-tablet="{{ productConfig.listClassTablet }}">
  87.         {% if productConfig.template == 'Classic' %}
  88.           {% for product in products %}
  89.             {% include 'product/templates/_classic.html.twig' %}
  90.           {% endfor %}
  91.         {% endif %}
  92.         {% if productConfig.template == 'Card' %}
  93.           {% for product in products %}
  94.             {% include 'product/templates/_card.html.twig' %}
  95.           {% endfor %}
  96.         {% endif %}
  97.         {% if productConfig.template == 'Banner' %}
  98.           {% for product in products %}
  99.             {% include 'product/templates/_banner.html.twig' %}
  100.           {% endfor %}
  101.         {% endif %}
  102.       </section>
  103.     </div>
  104.   {% endif %}
  105. {% endif %}