themes/BootstrapTheme/templates/bundles/SyliusShopBundle/Product/show.html.twig line 88

Open in your IDE?
  1. {% set block = app_get_blocks('num_telephone', sylius.channel.code )  %}
  2. {% set block_h = app_get_blocks('horaires_magasin', sylius.channel.code )  %}
  3. {% extends '@SyliusShop/layout.html.twig' %}
  5. {% block title_no_tag %}
  6.     {{ sylius_template_event('dedi_sylius_seo_plugin.title', { resource: product ?? sylius.channel })  }}
  7. {% endblock %}
  9. {% block metatags %}
  10.     {{ parent() }}
  11.     {% if product.metaKeywords is not empty %}
  12.         <meta name="keywords" content="{{ product.metaKeywords }}" />
  13.     {% endif %}
  14. {% endblock %}
  16. {% block content %}
  17.  <section class="art-bg">
  18.     <div class="article-top">
  19.         <div class="contenuArticle">
  20.              <div class="max-container-5 p-0">
  21.                 <div class="position-relative px-md-0 px-2">
  22.                     {% include '@SyliusShop/Product/Show/_breadcrumb.html.twig' %}
  23.                 </div>
  24.             </div>
  25.             <div class="max-container-5   p-0">
  27.                 
  28.                 <div class="art-detail d-md-flex">
  29.                     <div class="article-left">
  30.                         <div class="px-lg-0 px-2 ">
  31.                             <div class="art-top-desc ">
  32.                                 {% include '@SyliusShop/Product/Show/_header.html.twig' %}
  33.                             </div>
  34.                         </div>
  35.                        {{ sylius_template_event('sylius.shop.product.show.left_sidebar', _context) }}
  36.                         <div class="av-article pt-4 px-0 pb-md-0 pb-2 d-lg-block d-none">
  37.                             <div class="row mx-n1 justify-content-between">
  38.                                 <div class="col mb-3 text-center   px-1">
  39.                                     <a href="" class="box-av text-center" title="{{'app.footer.reinsurance5'|trans}}">
  40.                                         <strong class="d-block"><img src="{{asset('images/av5.svg')}}" alt=""></strong>
  41.                                         <span class="pt-2 mx-xl-n2">{{'app.footer.reinsurance5_br'|trans|raw}}</span>
  42.                                     </a>
  43.                                 </div>
  44.                                 <div class="col mb-3 text-center  px-1">
  45.                                     <a href="" class="box-av text-center" title="{{'app.footer.reinsurance3'|trans}}">
  46.                                         <strong class="d-block"><img src="{{asset('images/av3.svg')}}" alt=""></strong>
  47.                                         <span class="pt-2">{{'app.footer.reinsurance3_br'|trans|raw}}</span>
  48.                                     </a>
  49.                                 </div>
  51.                                 <div class="col mb-3 text-center  px-1">
  52.                                     <a href="" class="box-av text-center"  title="{{'app.footer.reinsurance6'|trans}}">
  53.                                         <strong class="d-block"><img src="{{asset('images/av6.svg')}}" alt=""></strong>
  54.                                         <span class="pt-2">{{'app.footer.reinsurance6_br'|trans|raw}}</span>
  55.                                     </a>
  56.                                 </div>
  57.                                 <div class="col mb-3 text-center   px-1">
  58.                                     <a href="" class="box-av text-center" title="{{'app.footer.reinsurance1'|trans}}">
  59.                                         <strong class="d-block"><img src="{{asset('images/av1.svg')}}" alt=""></strong>
  60.                                         <span class="pt-2">{{'app.footer.reinsurance1_br'|trans|raw}}</span>
  61.                                     </a>
  62.                                 </div>
  63.                                 <div class="col mb-3 text-center   px-1">
  64.                                     <a href="" class="box-av text-center" title="{{'app.footer.reinsurance4'|trans}}">
  65.                                         <strong class="d-block"><img src="{{asset('images/av4.svg')}}" alt=""></strong>
  66.                                         <span class="pt-2">{{'app.footer.reinsurance4_br'|trans|raw}}</span>
  67.                                     </a>
  68.                                 </div>
  69.                                 <div class="col mb-3 text-center px-lg-2 px-1">
  70.                                     <a href="" class="box-av text-center" title="{{'app.footer.reinsurance2'|trans}}">
  71.                                         <strong class="d-block"><img src="{{asset('images/av2.svg')}}" alt=""></strong>
  72.                                         <span class="pt-2">{{'app.footer.reinsurance2_br'|trans|raw}}</span>
  73.                                     </a>
  74.                                 </div>
  75.                             </div>
  76.                         </div>
  77.                         <div class="picto-list">
  78.                             {% for picto in product.pictograms %}
  79.                                 <div class="picto-container">
  80.                                     <img src="{{ asset(picto.path|imagine_filter('sylius_shop_product_tiny_thumbnail')) }}" class="product-picto">
  81.                                     <span>{{ picto.translation.text }}</span>
  82.                                 </div>
  83.                             {% endfor %}
  84.                         </div>
  85.                     </div>
  86.                     <div class="article-right">
  87.                         <div class="max-art-desc_ pl-xl-4 pl-md-3">
  88.                             {{ sylius_template_event('sylius.shop.product.show.right_sidebar', _context) }}
  89.                             
  90.                         </div>
  91.                     </div>
  93.                 </div>
  94.             </div>
  95.         </div>
  96.     </div>
  97.     <div class="px-md-2 px-0">
  98.         {{ sylius_template_event('sylius.shop.product.show.tab_details', _context) }}
  99.         <div class="article-bottom pt-md-5 pt-4 mt-md-3 mt-2 pb-md-1 ">
  100.             <div class="max-container-5  px-lg-4 px-0">
  101.                 {{ sylius_template_event('sylius.shop.product.show.content', _context) }}
  102.             </div>
  103.         </div>
  104.     </div>
  105. </section>
  107. {% endblock %}
  108. {% block javascripts %}
  110. {{ parent() }}
  111. <script>
  113.     $("body").on("click", '.qte-moins', function (event) {
  115.         var inputQuantity = $(this).closest('.sylius-quantity').find('input[type="number"]');
  116.         var currentVal = parseInt(inputQuantity.val());
  117.         if(currentVal > 0){
  118.             inputQuantity.val(currentVal - 1);
  119.             inputQuantity.trigger('change');
  120.         }
  122.     });
  123.     $("body").on("click", '.qte-plus', function (event) {
  125.         var inputQuantity = $(this).closest('.sylius-quantity').find('input[type="number"]');
  126.         var currentVal = parseInt(inputQuantity.val());
  127.         inputQuantity.val(currentVal + 1);
  128.         inputQuantity.trigger('change');
  129.     });
  130. </script>
  132. {% endblock %}