templates/product/show.html.twig line 1

Open in your IDE?
  1. {# {% extends 'base.html.twig' %}
  3. {% block title %}
  4.     {{ product.name }}
  5. {% endblock %}
  7. {% block content %}
  9. <h1 class="text-center">{{ product.name}}</h1>
  10. <div class="row"> 
  11.     <div class="col-lg-2 col-sm-12 container d-flex flex-column justify-content-center text-center">
  12.         <div class=" mt-5 actiGal">
  13.             <img src="/uploads/{{ product.gallery }}" alt="{{ product.name }}" class="img-fluid">
  14.         </div>
  15.         <div class="mt-5 actiGal">
  16.             <img src="/uploads/{{ product.gallery2 }}" alt="{{ product.name }}" class="img-fluid">
  17.         </div>
  18.         <div class="mt-5 actiGal">
  19.             <img src="/uploads/{{ product.gallery3 }}" alt="{{ product.name }}" class="img-fluid">
  20.         </div>
  21.     </div>
  23.     <div class="col-lg-8 col-sm-12 mt-5">
  24.  <p>{{ product.subtitle }}</p>
  25.         <div class="col-12 mt-5 text-center">
  26.             <img src="/uploads/{{ product.illustration }}" alt="{{ product.name }}" class="img-fluid">
  27.         </div>
  28.         <div class="col-12 my-auto">
  29.             
  30.             
  31.             <hr>
  32.             <p>{{ product.description|nl2br|raw }}
  33.             </p>
  34.         </div>
  35.         <div class="container">
  36.             <p class="actiTitle">Tarif :
  37.             </p>
  38.             <p>
  39.                 {{ product.rate|nl2br|raw }}
  40.             </p>
  41.         </div>
  42.         <div class="container">
  43.             <p class="actiTitle">Age :
  44.             </p>
  45.             <p>
  46.                 {{ product.age|nl2br|raw }}
  47.             </p>
  48.         </div>
  49.         <div class="container">
  50.             <p class="actiTitle">Lieu :
  51.             </p>
  52.             <p>
  53.                 {{ product.place|nl2br|raw }}
  54.             </p>
  55.         </div>
  57.     </div>
  58.     <div class="col-lg-2 col-sm-12 container d-flex flex-column justify-content-center text-center">
  59.         <div class=" mt-5 actiGal">
  60.             <img src="/uploads/{{ product.gallery4 }}" alt="{{ product.name }}" class="img-fluid">
  61.         </div>
  62.         <div class="mt-5 actiGal">
  63.             <img src="/uploads/{{ product.gallery5 }}" alt="{{ product.name }}" class="img-fluid">
  64.         </div>
  65.         <div class="mt-5 actiGal">
  66.             <img src="/uploads/{{ product.gallery6 }}" alt="{{ product.name }}" class="img-fluid">
  67.         </div>
  68.     </div>
  69. </div>
  71. {% endblock %} #}
  72. {% extends 'base.html.twig' %}
  74. {% block title %}{{ product.name}}{% endblock %}
  76. {% block content %}
  77. <h1 class="text-center">{{ product.name}}</h1>
  78.     <div class="row d-flex flex-row justify-content-center">
  80. <div class="col-lg-8 col-sm-12 mt-5">
  81.  <p>{{ product.subtitle }}</p>
  82.         <div class="col-12 mt-5 text-center ">
  83.             <img src="/uploads/{{ product.illustration }}" alt="{{ product.name }}" class="img-fluid  rounded">
  84.         </div>
  85.         <div class="col-12 my-auto">
  86.             
  87.             
  88.             <hr>
  89.             <p>{{ product.description|nl2br|raw }}
  90.             </p>
  91.         </div>
  92.         <div class="container">
  93.             <p class="actiTitle">Tarif :
  94.             </p>
  95.             <p>
  96.                 {{ product.rate|nl2br|raw }}
  97.             </p>
  98.         </div>
  99.         <div class="container">
  100.             <p class="actiTitle">Age :
  101.             </p>
  102.             <p>
  103.                 {{ product.age|nl2br|raw }}
  104.             </p>
  105.         </div>
  106.         <div class="container">
  107.             <p class="actiTitle">Lieu :
  108.             </p>
  109.             <p>
  110.                 {{ product.place|nl2br|raw }}
  111.             </p>
  112.         </div>
  114.     </div>
  116.         <div class="col-lg-2 col-sm-6 col-6 text-center d-flex flex-column ">
  117.             <div class="mt-5 ">
  118.                 <img src="/uploads/{{ product.gallery }}" alt="{{ product.name }}" class="img-fluid rounded">
  119.             </div>
  120.             <div class="mt-5">
  121.                 <img src="/uploads/{{ product.gallery2 }}" alt="{{ product.name }}" class="img-fluid rounded">
  122.             </div>
  123.             <div class="mt-5">
  124.                 <img src="/uploads/{{ product.gallery3 }}" alt="{{ product.name }}" class="img-fluid rounded">
  125.             </div>
  126.         </div>
  128.         <div class="col-lg-2 col-sm-6 col-6 text-center d-flex flex-column">
  129.             <div class="mt-5">
  130.                 <img src="/uploads/{{ product.gallery4 }}" alt="{{ product.name }}" class="img-fluid rounded">
  131.             </div>
  132.             <div class="mt-5">
  133.                 <img src="/uploads/{{ product.gallery5 }}" alt="{{ product.name }}" class="img-fluid rounded">
  134.             </div>
  135.             <div class="mt-5">
  136.                 <img src="/uploads/{{ product.gallery6 }}" alt="{{ product.name }}" class="img-fluid rounded">
  137.             </div>
  138.         </div>
  140.     </div>
  142. {% if commentsByProduct|length > 0 %}
  143.  <h1 class="text-center mt-5">Commentaires</h1>
  144.     <div class="d-flex text-center justify-content-center flex-wrap">
  145.         {% for comments in commentsByProduct %}
  146.             {% if comments[0] == product.id %}
  147.                 {% for comment in comments[1] %}
  148.                     <div class="text-center justify-content-center row  border-bottom pb-2">
  149.                         <h3 class="text-center col-12 fw-bolder mt-5" id="top-{{ product.id }}-top">{{ comment[1].author }}</h3>
  150.                         <img src="/uploads/comments/{{ comment[1].illustration }}" class="mb-4 img-fluid col-md-2 col-12 m-auto pt-5 pb-5" alt="test3" loading="lazy">
  151.                         <div class="text-center col-md-10 col-12 m-auto">{{ comment[1].comment }}</div>
  152.                     </div>
  153.                     
  154.                 {% endfor %}
  155.             {% endif %}
  156.         {% endfor %}
  157.     </div>
  158. {% endif %}
  160. {% endblock %}