templates/front/product/product_single.html.twig line 1

Open in your IDE?
  1. {% extends 'base_front.html.twig' %}
  3. {% block body %}
  5.     <section id="products" class="accessories">
  6.         <div class="container-right container-video position-relative bg-black-transparent p-5">
  7.             <h2 class="black mb-3">{{ productPage.subCategory.name }}</h2>
  9.             <div class="row mt-5">
  10.                 <div class="col-lg-12 col-xl-5">
  11.                     <div class="description bg-white p-4">
  12.                         <h3 class="black mb-0">{{ productPage.name }}</h3>
  13.                         <h4 class="subtitle blue-light">Description</h4>
  14.                         <div class="detail mt-3">
  15.                             <p>{{ productPage.description|raw }}</p>
  16.                         </div>
  17.                         {% if productPage.document %}
  18.                             <div class="download-link">
  19.                                 <a href="{{ asset('upload/content/' ~ productPage.document) }}" target="_blank" class="black">Download the data sheet <img class="ml-1" src="{{ asset('img/icons/download.svg') }}"></a>
  20.                             </div>
  21.                         {% endif %}
  22.                     </div>
  23.                     <h6 class="font-weight-bold mt-5 text-center title-sub-desc">More informations about this product?</h6>
  24.                     <div class="col-md-6 m-auto pt-4">
  25.                         <a href="#" class="blue-link"><span>Send us a message</span></a>
  26.                     </div>
  27.                 </div>
  28.                 <div class="col-lg-12 col-xl-4">
  29.                     <div class="description">
  30.                         <h4 class="subtitle blue-light">Benefits</h4>
  31.                         <div class="detail mt-3">
  32.                             {{ productPage.benefit|raw }}
  33.                         </div>
  34.                     </div>
  35.                 </div>
  36.                 <div class="col-lg-12 col-xl-3 gallery-accessories">
  37.                     <h4 class="subtitle blue-light">Gallery</h4>
  38.                     <div class="flex-column">
  39.                         {% for image in productPage.images %}
  40.                             <div class="col-lg-3 col-xl-12 p-0">
  41.                                 <img src="{{ asset('upload/content/' ~ image.name) }}" alt="" class="mt-3">
  42.                             </div>
  43.                         {% endfor %}
  44.                     </div>
  46.                 </div>
  47.             </div>
  49.             <div class="col-md-12 row justify-content-between links-return">
  50.                 <a href="{{ path('front_product_list', {'category_slug' : productPage.subcategory.category.slug, 'subcategory_slug': productPage.subCategory.slug}) }}">All products</a>
  51.                 {% if nextProductPage %}
  52.                     <a href="{{ path('front_product_page', {'category_slug' : productPage.subcategory.category.slug, 'subcategory_slug': productPage.subcategory.slug, 'slug_page': nextProductPage.slug}) }}">Next product</a>
  53.                 {% endif %}
  54.             </div>
  55.         </div>
  56.     </section>
  58. {% endblock %}