app/template/default/Product/detail.twig line 1

Open in your IDE?
  1. {% extends 'default_frame.twig' %}
  3. {% set body_class = 'product_detail_page' %}
  5. {% block stylesheet %}
  6. <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/style.css') }}" media="all" />
  7. <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/modal_style.css') }}" media="all" />
  8. <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/script/slick.css') }}" media="all" />
  9. <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/script/slick-theme.css') }}" media="all" />
  10. <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/script/scroll-hint.css') }}" media="all" />
  11. <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/base.css') }}" media="all" />
  12. <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/next.css') }}" media="all" />
  13. <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/add.css') }}" media="all" />
  15. <style>
  17.     .slick-slider {
  18.         margin-bottom: 30px;
  19.     }
  21.     .slick-dots {
  22.         position: absolute;
  23.         bottom: -45px;
  24.         display: block;
  25.         width: 100%;
  26.         padding: 0;
  27.         list-style: none;
  28.         text-align: center;
  29.     }
  31.     .slick-dots li {
  32.         position: relative;
  33.         display: inline-block;
  34.         width: 20px;
  35.         height: 20px;
  36.         margin: 0 5px;
  37.         padding: 0;
  39.         cursor: pointer;
  40.     }
  42.     .slick-dots li button {
  43.         font-size: 0;
  44.         line-height: 0;
  45.         display: block;
  46.         width: 20px;
  47.         height: 20px;
  48.         padding: 5px;
  49.         cursor: pointer;
  50.         color: transparent;
  51.         border: 0;
  52.         outline: none;
  53.         background: transparent;
  54.     }
  56.     .slick-dots li button:hover,
  57.     .slick-dots li button:focus {
  58.         outline: none;
  59.     }
  61.     .slick-dots li button:hover:before,
  62.     .slick-dots li button:focus:before {
  63.         opacity: 1;
  64.     }
  66.     .slick-dots li button:before {
  67.         content: " ";
  68.         line-height: 20px;
  69.         position: absolute;
  70.         top: 0;
  71.         left: 0;
  72.         width: 12px;
  73.         height: 12px;
  74.         text-align: center;
  75.         opacity: .25;
  76.         background-color: black;
  77.         border-radius: 50%;
  79.     }
  81.     .slick-dots li.slick-active button:before {
  82.         opacity: .75;
  83.         background-color: black;
  84.     }
  86.     .slick-dots li button.thumbnail img {
  87.         width: 0;
  88.         height: 0;
  89.     }
  90.     .heading-accessories{
  91.       color: #00848f;
  92.       font-size: 3rem;
  93.     }
  94. </style>
  95. {% endblock %}
  97. {% block javascript %}
  98. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  99. <script src="{{ asset('assets/js/jquery.easing.1.3.js') }}"></script>
  100. <script src="{{ asset('assets/js/jquery.smoothScroll.js') }}"></script>
  101. <script src="{{ asset('assets/js/jquery.magnific-popup.js') }}"></script>
  102. <script src="{{ asset('assets/js/emergence.min.js') }}"></script>
  103. <script src="{{ asset('assets/js/slick.min.js') }}"></script>
  104. <script src="{{ asset('assets/js/scroll-hint.min.js') }}"></script>
  105. <script src="{{ asset('assets/js/effects.js') }}"></script>
  106. <script>
  107.   $(function(){
  108.     slider = $('#slider').slick({
  109.       autoplay: false,
  110.       autoplaySpeed: 3000,
  111.       speed: 600,
  112.       arrows: true,
  113.       dots:false,
  114.       fade: false,
  115.       prevArrow: true,
  116.       nextArrow: true,
  117.     });
  118.     var i,index;
  119.     var nav = $(".slides-nav");
  120.     nav.find("li").eq(0).addClass('current');
  121.     nav.find("li").on("click",function(){
  122.       i = nav.find("li").index(this);
  123.       slider.slick("slickGoTo",parseInt(i));
  124.     });
  125.     slider.on("afterChange",function(event, slick, currentSlide){
  126.       index = $(slick.$slides.get(currentSlide)).attr('data-slick-index');
  127.       nav.find("li").removeClass("current");
  128.       nav.find("li").eq(index).addClass('current');
  129.     });
  130.     new ScrollHint('.js-scrollable');
  131.   });
  132. </script>
  133. {% endblock javascript %}
  134. {% block javascript2 %}
  135. <script>
  136.     eccube.classCategories = {{ class_categories_as_json(Product)|raw }};
  138.     // 規格2に選択肢を割り当てる。
  139.     function fnSetClassCategories(form, classcat_id2_selected) {
  140.         var $form = $(form);
  141.         var product_id = $form.find('input[name=product_id]').val();
  142.         var $sele1 = $form.find('select[name=classcategory_id1]');
  143.         var $sele2 = $form.find('select[name=classcategory_id2]');
  144.         eccube.setClassCategories($form, product_id, $sele1, $sele2, classcat_id2_selected);
  145.     }
  147.     {% if form.classcategory_id2 is defined %}
  148.     fnSetClassCategories(
  149.         $('#form1'), {{ form.classcategory_id2.vars.value|json_encode|raw }}
  150.     );
  151.     {% elseif form.classcategory_id1 is defined %}
  152.     eccube.checkStock($('#form1'), {{ Product.id }}, {{ form.classcategory_id1.vars.value|json_encode|raw }}, null);
  153.     {% endif %}
  154. </script>
  155. <script>
  156.     $(function() {
  157.         // bfcache無効化
  158.         $(window).bind('pageshow', function(event) {
  159.             if (event.originalEvent.persisted) {
  160.                 location.reload(true);
  161.             }
  162.         });
  164.         $('.item_visual').slick({
  165.             dots: false,
  166.             arrows: false,
  167.             responsive: [{
  168.                 breakpoint: 768,
  169.                 settings: {
  170.                     dots: true
  171.                 }
  172.             }]
  173.         });
  175.         $('.slideThumb').on('click', function() {
  176.             var index = $(this).attr('data-index');
  177.             $('.item_visual').slick('slickGoTo', index, false);
  178.         })
  179.     });
  180. </script>
  181. <script>
  182.     $(function() {
  183.         $('.add-cart').on('click', function(event) {
  184.             {% if form.classcategory_id1 is defined %}
  185.             // 規格1フォームの必須チェック
  186.             if ($('#classcategory_id1').val() == '__unselected' || $('#classcategory_id1').val() == '') {
  187.                 $('#classcategory_id1')[0].setCustomValidity('{{ '項目が選択されていません'|trans }}');
  188.                 return true;
  189.             } else {
  190.                 $('#classcategory_id1')[0].setCustomValidity('');
  191.             }
  192.             {% endif %}
  194.             {% if form.classcategory_id2 is defined %}
  195.             // 規格2フォームの必須チェック
  196.             if ($('#classcategory_id2').val() == '__unselected' || $('#classcategory_id2').val() == '') {
  197.                 $('#classcategory_id2')[0].setCustomValidity('{{ '項目が選択されていません'|trans }}');
  198.                 return true;
  199.             } else {
  200.                 $('#classcategory_id2')[0].setCustomValidity('');
  201.             }
  202.             {% endif %}
  204.             // 個数フォームのチェック
  205.             if ($('#quantity').val() < 1) {
  206.                 $('#quantity')[0].setCustomValidity('{{ '1以上で入力してください。'|trans }}');
  207.                 return true;
  208.             } else {
  209.                 $('#quantity')[0].setCustomValidity('');
  210.             }
  212.             event.preventDefault();
  213.             $form = $('#form1');
  214.             $.ajax({
  215.                 url: $form.attr('action'),
  216.                 type: $form.attr('method'),
  217.                 data: $form.serialize(),
  218.                 dataType: 'json',
  219.                 beforeSend: function(xhr, settings) {
  220.                     // Buttonを無効にする
  221.                     $('.add-cart').prop('disabled', true);
  222.                 }
  223.             }).done(function(data) {
  224.                 // レスポンス内のメッセージをalertで表示
  225.                 $.each(data.messages, function() {
  226.                     $('#ec-modal-header').html(this);
  227.                 });
  229.                 $('.ec-modal').show()
  231.                 // カートブロックを更新する
  232.                 $.ajax({
  233.                     url: "{{ url('block_cart') }}",
  234.                     type: 'GET',
  235.                     dataType: 'html'
  236.                 }).done(function(html) {
  237.                     $('.ec-headerRole__cart').html(html);
  238.                 });
  239.             }).fail(function(data) {
  240.                 alert('{{ 'カートへの追加に失敗しました。'|trans }}');
  241.             }).always(function(data) {
  242.                 // Buttonを有効にする
  243.                 $('.add-cart').prop('disabled', false);
  244.             });
  245.         });
  246.     });
  248.     $('.ec-modal-overlay, .ec-modal .ec-inlineBtn--cancel').on('click', function() {
  249.         $('.ec-modal').hide()
  250.     });
  251. </script>
  252. {% endblock javascript2 %}
  254. {% block main %}
  255. <div class="breadcrumb">
  256.   <ul>
  257.     <li><a href="{{ url('homepage') }}"><img src="{{ asset('assets/img/next/icon-home.svg') }}" alt="HOME">HOME</a></li>
  258.     <li><a href="{{ url('product_list') }}">製品情報</a></li>
  259.     <li>{{ Product.name }}</li>
  260.   </ul>
  261. </div>
  262. <main class="next">
  263.   <section id="products-detail-top">
  264.     <div class="s_content add-l_eng-title">
  265.       <div class="heading-lv03">
  266.           {% if Product.ProductCategories[0].Category.class_name is defined %}
  267.               {{ Product.ProductCategories[0].Category.class_name }}
  268.           {% endif %}
  269.       </div>
  271.       <h2 class="heading-lv02">{{ Product.name }}<span>{{ Product.code_min }}</span></h2>
  272.       <div class="products-summary">
  273.         <div class="item-img">
  274.           <ul id="slider">
  275.           
  276.             {% set listImages = Product.getListImages() %}
  277.             {% for i in 0..(listImages['length']-1)%}
  278.               {% set main_image = (listImages.images_pc[i] is defined) ? listImages.images_pc[i] : null %}
  279.               {% set mobile_image = (listImages.images_mb[i] is defined) ? listImages.images_mb[i] : null %}
  280.               <li><img src="{{ asset(main_image|no_image_product, 'save_image') }}" srcset="{{ asset(main_image|no_image_product, 'save_image') }} 1x, {{ asset(mobile_image|no_image_product, 'save_image') }} 2x" width="500" height="370"></li>
  281.             {% else %}
  282.               <li><img src="{{ asset(''|no_image_product, 'save_image') }}" width="500" height="370"></li>
  283.             {% endfor %}
  284.           </ul>
  285.           <ul class="slides-nav">
  286.             {% for i in 0..(listImages['length']-1)%}
  287.               {% set main_image = (listImages.images_pc[i] is defined) ? listImages.images_pc[i] : null %}
  288.               {% set mobile_image = (listImages.images_mb[i] is defined) ? listImages.images_mb[i] : null %}
  289.               <li><img src="{{ asset(main_image|no_image_product, 'save_image') }}" srcset="{{ asset(main_image|no_image_product, 'save_image') }} 1x, {{ asset(mobile_image|no_image_product, 'save_image') }} 2x" width="115" height="80"></li>
  290.             {% else %}
  291.               <li><img src="{{ asset(''|no_image_product, 'save_image') }}" width="115" height="80"></li>
  292.             {% endfor %}
  293.           </ul>
  294.         </div>
  295.         <div class="item-text">
  296.           <div class="post">
  297.             {{ Product.description_detail|raw|nl2br }}
  298.           </div>
  299.           <div class="link-box">
  300.             <div class="item-title">オープン価格</div>
  301.             <div class="item-btn">
  302.               <p><a href="#products-detail-cart" class="btn radius sml2 sml bg w200">シリウスストアで購入</a></p>
  303.             </div>
  304.           </div>
  305.         </div>
  306.       </div>
  307.       
  308.       <div class="products-features">
  309.         <div class="heading-lv07">製品特長</div>
  310.         <div class="products-block">
  311.           {% if Product.product_url_video %}
  312.           <div class="movie">
  313.               <iframe width="560" height="315" src="{{ videoUrl }}" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  314.           </div>
  315.           {% endif %}
  316.           <ul class="point-list">
  317.               {% for BlockFeatures in Product.BlockFeatures %}
  318.                 <li class="itemFreature">
  319.                   <div class="item-img">
  320.                     <img src="{{ asset(BlockFeatures.getFeatureImage()|no_image_product, 'save_features') }}" srcset="{{ asset(BlockFeatures.getFeatureImage()|no_image_product, 'save_features') }} 1x, {{ asset(BlockFeatures.getFeatureImage()|no_image_product, 'save_features') }} 2x" width="280" height="200" alt="">
  321.                   </div>
  322.                   <div class="item-text">
  323.                       {{ BlockFeatures.getFeatureName() }}
  324.                   </div>
  325.                 </li>
  326.               {% endfor %}
  327.           </ul>
  328.         </div>
  329.       </div>
  330.     </div>
  331.   </section>
  333.   <section id="products-detail-conv">
  334.     <div class="inside">
  335.       <div class="item-img"><img src="{{ asset(Product.image_pc|no_image_product, 'save_image') }}" width="243" height="180" alt="{{ Product.name }}"></div>
  336.       <div class="item-text">
  337.         <p class="title">{{ Product.name }}</p>
  338.         <div class="price-area">
  339.           <p class="price">{{ Product.getPrice02IncTaxMin|price }} <small>（税込）</small></p>
  340.           <p><a href="#products-detail-cart" class="btn radius sml2 sml bg w200">シリウスストアで購入</a></p>
  341.         </div>
  342.       </div>
  343.     </div>
  344.   </section>
  346.   <section id="products-detail-specification">
  347.     <div class="s_content add-l_eng-title">
  348.       {#<div class="heading-lv03">
  349.           {% if Product.ProductCategories[0].Category.class_name is defined %}
  350.               {{ Product.ProductCategories[0].Category.class_name }}
  351.           {% endif %}
  352.       </div>#}
  353.       <div class="specification">
  354.         <div class="heading-lv07">製品仕様</div>
  355.         <div class="img-table">
  356.           <div class="item-table">
  357.             <div class="js-scrollable">
  358.               {{ include(template_from_string(Product.freearea)) }}
  359.             </div>
  360.           </div>
  361.           <div class="item-img">
  362.             <div class="img-inside">
  363.               {% if Product.product_image_free_area %}
  364.               <p class="img"><img src="{{ asset(Product.product_image_free_area|no_image_product, 'save_logo') }}" srcset="{{ asset(Product.product_image_free_area|no_image_product, 'save_logo') }} 1x, {{ asset(Product.product_image_free_area|no_image_product, 'save_logo') }} 2x" width="280" height="150" alt="{{ Product.name }}"></p>
  365.               {% endif %}
  366.               {% if Product.product_logo or Product.product_caption %}
  367.               <p class="logo">
  368.                 {% if Product.product_logo %}
  369.                   <img src="{{ asset(Product.product_logo|no_image_product, 'save_logo') }}" 
  370.                     srcset="{{ asset(Product.product_logo|no_image_product, 'save_logo') }} 1x, {{ asset(Product.product_logo|no_image_product, 'save_logo') }} 2x" width="123" height="34" alt="{{ Product.name }}">
  371.                 {% endif %}
  372.                   <span>{{ Product.product_caption }}</span>
  373.               </p>
  374.               {% endif %}
  375.             </div>
  376.           </div>
  377.         </div>
  378.       </div>
  379.     </div>
  380.   </section>
  382.   <section id="suport-block">
  383.     <div class="heading-lv07">お客様サポート</div>
  384.     <div class="s_content bg">
  385.       <div class="btn-block">
  386.         <div>
  387.           <a href="{{ Product.product_url_qa }}" class="btn lg2 fs16 box black bg-white icon-faq fw-n">よくある質問</a>
  388.         </div>
  389.         <div>
  390.           {% if Product.product_pdf_catalog %}
  391.           <a href="{{ asset(Product.product_pdf_catalog, 'save_pdf') }}" class="btn lg2 fs16 box black bg-white icon-katarog fw-n">製品カタログ</a>
  392.           {% else %}
  393.           <a href="" class="btn lg2 fs16 box black bg-white icon-katarog fw-n">製品カタログ</a>
  394.           {% endif %}
  395.         </div>
  396.         <div>
  397.           {% if Product.product_pdf_manuals %}
  398.           <a href="{{ asset(Product.product_pdf_manuals, 'save_pdf') }}" class="btn lg2 fs16 box black bg-white icon-torisetu fw-n">取扱説明書</a>
  399.           {% else %}
  400.           <a href="" class="btn lg2 fs16 box black bg-white icon-torisetu fw-n">取扱説明書</a>
  401.           {% endif %}
  402.         </div>
  403.       </div>
  404.     </div>
  405.   </section>
  407.   <section id="products-detail-cart">
  408.     <div class="s_content add-l_eng-title">
  409.       <div class="heading-lv03">
  410.           {% if Product.ProductCategories[0].Category.class_name is defined %}
  411.               {{ Product.ProductCategories[0].Category.class_name }}
  412.           {% endif %}
  413.       </div>
  414.       <div class="img-text-column2">
  415.         <div class="item-img">
  416.             {% if Product.image_pc or Product.image_mb %}
  417.                 <img src="{{ asset('assets/img/next/product-detail/thmb01.jpg') }}" srcset="{{ asset(Product.image_pc, 'save_image') }} 1x, {{ asset(Product.image_mb, 'save_image') }} 2x" width="500" height="370">
  418.             {% else %}
  419.                 <img src="{{ asset(''|no_image_product, 'save_image') }}" width="500" height="370">
  420.             {% endif %}
  421.         </div>
  422.         <div class="item-text">
  423.           <div class="title">{{ Product.name }}<span>{{ Product.code_min }}</span></div>
  424.           <div class="price">
  425.             <div class="tax">販売価格 : <span>{{ Product.getPrice02IncTaxMin|price }}</span><small>（税込）</small></div>
  426.             <div class="no-tax">{{ Product.getPrice02Min|price }}<small>（税抜）</small></div>
  427.           </div>
  428.           <p class="mb30">高額商品をご注文いただいたお客様には、弊社より<b>お電話にて『ご本人確認』のご連絡</b>を差し上げます。<br>ご本人確認ができない場合、<b>ご注文をキャンセルとさせていただくことがございます</b>。予めご了承ください。</p>
  429.           <form action="{{ url('product_add_cart', {id:Product.id}) }}" method="post" id="form1" name="form1">
  430.             {% if Product.stock_find %}
  431.               <div class="number">
  432.                 <div class="txt">数量</div>
  433.                 {{ form_widget(form.quantity) }}
  434.                 {{ form_errors(form.quantity) }}
  435.               </div>
  436.               
  437.               {% if form.classcategory_id1 is defined %}
  438.                 <div class="kikaku-box">
  439.                   <div class="title">
  440.                     規格
  441.                   </div>
  442.                   <div class="ec-select">
  443.                       {{ form_widget(form.classcategory_id1) }}
  444.                       {{ form_errors(form.classcategory_id1) }}
  445.                   </div>
  446.                 </div>
  447.                 {% if form.classcategory_id2 is defined %}
  448.                   <div class="kikaku-box">
  449.                     <div class="title">
  450.                       規格
  451.                     </div>
  452.                     <div class="ec-select">
  453.                         {{ form_widget(form.classcategory_id2) }}
  454.                         {{ form_errors(form.classcategory_id2) }}
  455.                     </div>
  456.                   </div>
  457.                 {% endif %}
  458.               {% endif %}
  459.               
  460.               <div class="cart-btn">
  461.                 <div>
  462.                   <button type="submit" class="ec-blockBtn--action add-cart">
  463.                     {{ 'カートに入れる'|trans }}
  464.                   </button>
  465.                 </div>
  466.                 <span>※ギフト包装は承っておりません。</span>
  467.               </div>
  468.             {% else %}
  469.               <div class="ec-productRole__btn">
  470.                 <button type="button" class="ec-blockBtn--action" disabled="disabled">
  471.                   {{ 'ただいま品切れ中です。'|trans }}
  472.                 </button>
  473.               </div>
  474.             {% endif %}
  475.             {{ form_rest(form) }}
  476.           </form>
  477.         </div>
  478.       </div>
  479.     </div>
  480.   </section>
  482.   <section class="ec-grid2">
  483.     <div class="s_content ec-grid2__cell">
  484.         <div class="ec-productRole__profile">
  485.             <div class="ec-modal">
  486.                 <div class="ec-modal-overlay">
  487.                     <div class="ec-modal-wrap">
  488.                         <span class="ec-modal-close"><span class="ec-icon"><img src="{{ asset('assets/icon/cross-dark.svg') }}" alt=""/></span></span>
  489.                         <div id="ec-modal-header" class="text-center">{{ 'カートに追加しました。'|trans }}</div>
  490.                         <div class="ec-modal-box">
  491.                             <div class="ec-role">
  492.                                 <span class="ec-inlineBtn--cancel">{{ 'お買い物を続ける'|trans }}</span>
  493.                                 <a href="{{ url('cart') }}" class="ec-inlineBtn--action">{{ 'カートへ進む'|trans }}</a>
  494.                             </div>
  495.                         </div>
  496.                     </div>
  497.                 </div>
  498.             </div>
  499.         </div>
  500.     </div>
  501.   </section>
  503.   {# プラグイン用Snippet #}
  504.   {% if Product.RelatedProducts[0] is defined %}
  505.     <section>
  506.       <div class="accessories">
  507.         <div class="s_content">
  508.           <h2 class="heading-lv04">Accessories<span>関連商品</span></h2>
  509.             <ul class="accessories-list">
  510.               {% for RelatedProduct in Product.RelatedProducts %}
  511.                   {% set ChildProduct = RelatedProduct.ChildProduct %}
  512.                   {% set productImages = RelatedProduct.ChildProduct.getListImages() %}
  513.                     {% set main_image = (productImages.images_pc[0] is defined) ? productImages.images_pc[0] : null %}
  514.                     {% set mobile_image = (productImages.images_mb[0] is defined) ? productImages.images_mb[0] : null %}
  518.                   {% if ChildProduct.Status.id == constant("Eccube\\Entity\\Master\\ProductStatus::DISPLAY_SHOW") %}
  519.                     <li>
  520.                       <div>
  521.                         <div class="item-img">
  522.                           <a href="{{ url('product_detail', {id : ChildProduct.id}) }}">
  523.                               <img src="{{ asset(main_image|no_image_product, 'save_image') }}" srcset="{{ asset(main_image|no_image_product, 'save_image') }} 1x,{{ asset(mobile_image|no_image_product, 'save_image') }} 2x" width="176" height="176" alt="{{ RelatedProduct.ChildProduct.name }}">
  524.                           </a>
  525.                         </div>
  526.                         <div class="item-text">
  527.                           <p class="number">{{ RelatedProduct.ChildProduct.code_min }}</p>
  528.                           <p class="name">{{ RelatedProduct.ChildProduct.name }}</p>
  529.                           <div class="price">希望小売価格:
  530.                             {% if RelatedProduct.ChildProduct.hasProductClass %}
  531.                                 {% if RelatedProduct.ChildProduct.getPrice02Min == RelatedProduct.ChildProduct.getPrice02Max %}
  532.                                     {{ RelatedProduct.ChildProduct.getPrice02IncTaxMin|price }}
  533.                                 {% else %}
  534.                                     {{ RelatedProduct.ChildProduct.getPrice02IncTaxMin|price }} ～ {{ RelatedProduct.ChildProduct.getPrice02IncTaxMax|price }}
  535.                                 {% endif %}
  536.                             {% else %}
  537.                                 {{ RelatedProduct.ChildProduct.getPrice02IncTaxMin|price }}
  538.                             {% endif %}
  539.                             <small>（税込）</small>
  540.                           </div>
  541.                         </div>
  542.                         {#<span>{{ RelatedProduct.content|raw }}</span>#}
  543.                         <div class="item-btn">
  544.                           <p><a href="{{ url('product_detail', {id : ChildProduct.id}) }}" class="btn radius sml2 sml bg">
  545.                             シリウスストアで購入
  546.                           </a></p>
  547.                         </div>
  548.                       </div>
  549.                     </li>
  550.                   {% endif %}
  551.               {% endfor %}
  552.             </ul>
  553.             {#{{ include('snippet.twig', { snippets: plugin_snippets }) }}#}
  554.         </div>
  555.       </div>
  556.     </section>
  557.   {% endif %}
  558.   
  559.   {{ include("Block/conv.twig") }}
  560. </section>
  561. </main>
  562. {% endblock %}