templates/modules/app/shopping/product.html.twig line 1

Open in your IDE?
  1. {#
  2.         Affichage d'un produit de la boutique
  3. #}
  5. {% extends '@app/base.html.twig' %}
  7. {% block page_title %}{% if product.seoTitle|striptags != '' %}{{ product.seoTitle|striptags }}{% else %}{{ product.designation|striptags }}{% endif %}{% endblock %}
  8. {% block page_description %}{{ product.seoDescription|striptags }}{% endblock %}
  9. {% block page_keywords %}{{ product.seoKeywords|striptags }}{% endblock %}
  11. {% block twitter_title %}{% if product.snTitle|striptags != '' %}{{ product.snTitle|striptags }}{% else %}{{ product.designation|striptags }}{% endif %}{% endblock %}
  12. {% block twitter_description %}{{ product.snDescription|striptags }}{% endblock %}
  13. {% block twitter_image %}{{ uri.protocol ~ uri.host ~  'assets/media/images/uploads/' ~ product.facebook|striptags }}{% endblock %}
  15. {% block facebook_title %}{% if product.snTitle|striptags != '' %}{{ product.snTitle|striptags }}{% else %}{{ product.designation|striptags }}{% endif %}{% endblock %}
  16. {% block facebook_description %}{{ product.snDescription|striptags }}{% endblock %}
  17. {% block facebook_image %}{{ uri.protocol ~ uri.host ~  'assets/media/images/uploads/' ~ product.facebook|striptags }}{% endblock %}
  19. {% block stylesheets %}
  20.     {{ encore_entry_link_tags('shop_product') }}
  21. {% endblock %}
  23. {% block content %}
  24.     <div class="page page-product" data-page="product">
  25.         <meta itemprop="productID" content="{{ product.reference }}"/>
  27.         {# NAVIGATION #}
  28.         {% include '@app/includes/page_navigation.html.twig' %}
  30.         {# BREADCRUMB #}
  31.         {% set breadcrumbs = pages.list.page_default_5fc90f9575cd0.breadcrumbs %}
  33.         {% for item in product.parentsCategory|reverse %}
  34.             {% set breadcrumbs = breadcrumbs|merge([
  35.                 { 'label' : item.thumbTitle|striptags, 'url' : item.slug }
  36.             ]) %}
  37.         {% endfor %}
  39.         {% if pages.active.breadcrumbs|length <= 0 %}
  40.             {% set breadcrumbs = breadcrumbs|merge([
  41.                 { 'label' : product.designation|striptags, 'url' : '' }
  42.             ]) %}
  44.         {% else %}
  45.             {% set breadcrumbs = pages.active.breadcrumbs %}
  46.         {% endif %}
  48.         {% include '@app/includes/page_breadcrumb.html.twig' with {
  49.             'breadcrumb' : breadcrumbs
  50.         } %}
  52.         <div id="product" class="product" data-id="{{ product_manager.product.id }}"
  53.              data-reference="{{ product_manager.product.reference }}" itemscope itemtype="https://schema.org/Product">
  54.             <meta itemprop="url" content="{{ uri.full }}">
  56.             <div class="product-container">
  58.                 <div class="block block-overview">
  60.                     <div class="product-covers" data-aos="fade" data-aos-delay="500" data-aos-anchor="#product"
  61.                          data-aos-anchor-placement="top-bottom" data-count="{{ product.images|length }}">
  63.                         <ul id="product-thumbnails" class="product-thumbnails cS-hidden">
  65.                             {% if configuration.useFiligrane == 1 %}
  66.                                 {% set filters = 'filigrane' %}
  67.                             {% else %}
  68.                                 {% set filters = 'thumbnail' %}
  69.                             {% endif %}
  71.                             {% set sourceConfiguration = {"thumbnail": {"size": [2920, 2080], "mode" : "outbound" }} %}
  72.                             {% set thumbConfiguration = {"thumbnail": {"size": [150, 150], "mode" : "outbound" }} %}
  74.                             <li style="background-image:url({{ product.cover|imagine_filter(filters,sourceConfiguration ) }})"
  75.                                 data-thumb="{{ product.cover|imagine_filter(filters,thumbConfiguration ) }}"
  76.                                 data-src="{{ product.cover|imagine_filter(filters,sourceConfiguration ) }}">
  77.                                 <img src="{{ product.cover|imagine_filter(filters,sourceConfiguration ) }}" alt="">
  78.                             </li>
  80.                                 {% for item in product.images %}
  81.                                     <li style="background-image:url({{ item.image|imagine_filter(filters,sourceConfiguration ) }})"
  82.                                         data-thumb="{{ item.image|imagine_filter(filters,thumbConfiguration ) }}"
  83.                                         data-src="{{ item.image|imagine_filter(filters,sourceConfiguration ) }}">
  84.                                         <img src="{{ item.image|imagine_filter(filters,sourceConfiguration ) }}" alt="">
  85.                                     </li>
  86.                                 {% endfor %}
  88.                         </ul>
  90.                     </div> {# /.product-covers #}
  92.                     <div id="product-informations" class="product-informations">
  93.                         {% include '@app/shopping/includes/product/informations.html.twig' %}
  94.                     </div> {# /.product-overview #}
  95.                 </div> {# /.row #}
  97.                 <div class="block block-asides">
  99.                     <div class="column column-description">
  100.                         {% if product.description|striptags != '' %}
  101.                             <div class="block" data-aos="fade" data-aos-delay="1250" data-aos-anchor="#product"
  102.                              data-aos-anchor-placement="top-center">
  103.                             <p class="block-title">description</p>
  104.                             <div class="block-text">
  105.                                 {% if product.description|striptags != '' %}
  106.                                     {{ product.description|raw }}
  107.                                 {% else %}
  108.                                     <p>Description indisponible</p>
  109.                                 {% endif %}
  110.                             </div>
  111.                         </div>
  112.                         {% endif %}
  114.                         {% if product.utilisation|striptags != '' %}
  115.                             <div class="block" data-aos="fade" data-aos-delay="1400" data-aos-anchor="#product"
  116.                                  data-aos-anchor-placement="top-center">
  117.                                 <p class="block-title">Conseils d'utilisation</p>
  118.                                 <div class="block-text">
  119.                                     {% if product.utilisation|striptags != '' %}
  120.                                         {{ product.utilisation|raw }}
  121.                                     {% else %}
  122.                                         <p>Description indisponible</p>
  123.                                     {% endif %}
  124.                                 </div>
  125.                             </div>
  126.                         {% endif %}
  127.                     </div>
  128.                     <div class="column column-technique">
  129.                         {#                        <div class="block">#}
  130.                         {#                            <p class="block-title">informations techniques</p>#}
  131.                         {#                            <ul class="block-list">#}
  132.                         {#                                {% if product.features|length > 0 %}#}
  133.                         {#                                    {% for item in product.features %}#}
  134.                         {#                                        <li class="block-item">#}
  135.                         {#                                            {{ item.group.designation|striptags }} : {{ item.featureValue|striptags }}#}
  136.                         {#                                        </li>#}
  137.                         {#                                    {% endfor %}#}
  138.                         {#                                {% endif %}#}
  139.                         {#                            </ul>#}
  140.                         {#                            {% if product.features|length <= 0 %}#}
  141.                         {#                                <div class="block-empty">#}
  142.                         {#                                    <p>Aucune information technique disponible</p>#}
  143.                         {#                                </div>#}
  144.                         {#                            {% endif %}#}
  145.                         {#                        </div>#}
  146.                         {% if product.ingredients|striptags != '' %}
  147.                             <div class="block" data-aos="fade" data-aos-delay="1550" data-aos-anchor="#product"
  148.                                  data-aos-anchor-placement="top-center">
  149.                                 <p class="block-title">ingrédients</p>
  150.                                 <div class="block-text">
  151.                                     {% if product.ingredients|striptags != '' %}
  152.                                         {{ product.ingredients|raw }}
  153.                                     {% else %}
  154.                                         <p>Description indisponible</p>
  155.                                     {% endif %}
  156.                                 </div>
  157.                             </div>
  158.                         {% endif %}
  160.                         {% if product.indication|striptags != '' %}
  161.                             <div class="block" data-aos="fade" data-aos-delay="1700" data-aos-anchor="#product"
  162.                                  data-aos-anchor-placement="top-center">
  163.                                 <p class="block-title">indication</p>
  164.                                 <div class="block-text">
  165.                                     {% if product.indication|striptags != '' %}
  166.                                         {{ product.indication|raw }}
  167.                                     {% else %}
  168.                                         <p>Description indisponible</p>
  169.                                     {% endif %}
  170.                                 </div>
  171.                             </div>
  172.                         {% endif %}
  174.                     </div>
  175.                 </div>
  177.             </div> {# /.product-container #}
  178.         </div> {# /.product #}
  180.         {# PRODUCTS #}
  181.         {% include '@app/shopping/includes/products/slider.html.twig' with {
  182.             "title" : "Produits similaires" ,
  183.             "description" : "",
  184.             "products" : slider_products,
  185.         } %}
  188.         {# FOOTER #}
  189.         {% include '@app/includes/page_footer.html.twig' %}
  191.     </div> {# /.page-product #}
  192. {% endblock %}
  194. {% block javascripts %}
  196.     <script src="{{ asset('assets/vendor/lightslider-1.1.6/js/lightslider.min.js') }}"></script>
  197.     <script src="{{ asset('assets/vendor/lightgallery-1.6.11/js/lightgallery.min.js') }}"></script>
  199.     <script>
  200.         let page_variables = {
  201.             'url': {
  202.                 'cart_product_add': "{{ path('shopping_cart_product_add') }}",
  203.                 'product_devis': "{{ path('shopping_product_devis') }}",
  204.                 'product_shop': "{{ path('shopping_product_shop') }}",
  205.                 'product_stock_rupture': "{{ path('shopping_product_stock_rupture') }}",
  206.                 'search_products_availiables': "{{ path('shopping_products_availiables') }}",
  207.             },
  208.             'product': {
  209.                 'id': "{{ product.id|striptags }}"
  210.             },
  211.             'messages': {
  212.                 'cart_button_add': "Ajouter au panier",
  214.                 'product_button_devis': "Envoyer",
  215.                 'product_button_shop': "Envoyer",
  216.                 'product_button_stock_rutpure': "Envoyer",
  218.                 'product_devis_sent': "Demande de devis envoyée !",
  219.                 'product_shop_sent': "Demande d'informations envoyée !",
  220.                 'product_stock_rupture_sent': "Demande d'informations envoyée !",
  222.                 'product_devis_error_fire': "Une erreur est survenue",
  223.                 'product_shop_error_fire': "Une erreur est survenue",
  224.                 'product_stock_rupture_error_fire': "Une erreur est survenue",
  226.                 'cart_button_error_fire': "Une erreur est survenue",
  227.             }
  228.         };
  229.     </script>
  231.     {{ encore_entry_script_tags('shop_product') }}
  232. {% endblock %}