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

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  4. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  6. http://www.ec-cube.co.jp/
  8. For the full copyright and license information, please view the LICENSE
  9. file that was distributed with this source code.
  10. #}
  11. {% extends 'default_frame.twig' %}
  13. {% set body_class = 'product_page' %}
  15.     {% block stylesheet %}
  16.         <link rel="stylesheet" href="{{ asset('assets/css/additional/page/product/detail.css') }}{{ cache }}">
  17.         <link rel="stylesheet" href="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css">
  18.         <link rel="stylesheet" href="{{ asset('assets/css/additional/page/product/slider.css') }}{{ cache }}">
  19.     {% endblock %}
  21.     {% block javascript %}
  22.         {{ include_dispatch('Product/js/detail_script.twig') }}
  23.     {% endblock %}
  25.     {% block main %}
  26.         <div class="ec-productRole">
  29.             {#             <div class="backBtn topPosition maxWid mbPad"><a href="{{ url('product_list') }}"><i class="fas fa-chevron-circle-left"></i>商品一覧へ戻る</a></div> #}
  30.             <div class="ec-grid2 mbPad">
  31.                 <div class="ec-grid2__cell">
  33.                     <div class="ec-sliderItemRole">
  35.                         <div class="item_visual">
  36.                             {% for ProductImage in Product.ProductImage %}
  37.                                 <div class="slide-item"><img src="{{ asset(ProductImage, 'save_image') }}"></div>
  38.                             {% else %}
  39.                                 <div class="slide-item"><img src="{{ asset(''|no_image_product, 'save_image') }}"/></div>
  40.                             {% endfor %}
  41.                         </div>
  42.                         {# 画像が2枚以上ある場合、サムネイル表示 #}
  43.                         {% if Product.ProductImage.snapshot | length > 1%}
  44.                         <div class="item_nav">
  45.                             {% for ProductImage in Product.ProductImage %}
  47.                                 <div class="slideThumb" data-index="{{ loop.index0 }}"><img src="{{ asset(ProductImage, 'save_image') }}"></div>
  48.                             {% endfor %}
  49.                         </div>
  50.                     {% endif %}
  53.                 </div>
  54.             </div>
  55.             <div class="ec-grid2__cell">
  56.                 <div class="ec-productRole__profile">
  58.                     <div class="flex2 no2">
  59.                         <div class="block1">
  60.                             {# カテゴリー #}
  61.                             {{ include_dispatch('Product/components/detail_product/category.twig') }}
  63.                             <h2 class="heading_title">{{ Product.name }}</h2>
  64.                             {# </div> #}
  65.                             {% if Product.description_detail %}
  66.                                 <p class="ec-productRole__description">{{ Product.description_detail|raw|nl2br }}
  67.                                 </p>
  68.                             {% endif %}
  70.                             {# 価格 #}
  71.                             {{ include_dispatch('Product/components/detail_product/price.twig') }}
  77.                             {# タグ #}
  78.                             {{ include_dispatch('Product/components/detail_product/tag.twig') }}
  81.                         </div>
  82.                         {# <div class="block2"> #}
  83.                         {# 商品規格とカートに追加 #}
  84.      {% if (url == 'test') %}
  85.                         {{ include_dispatch('Product/components/detail_product/add_cart_test.twig') }}
  86.                     {% else %}
  87.                         {{ include_dispatch('Product/components/detail_product/add_cart.twig') }}
  88.                     {% endif %}
  90.                         {# </div> #}
  93.                     </div>
  97.                 </div>
  98.             </div>
  99.         </div>
  100.          {{ include_dispatch('Product/components/set_product.twig') }}
  102.         {# 商品詳細 #}
  103.         {{ include_dispatch('Product/components/detail_product/details.twig') }}
  108.         <div class="backBtn bottomPosition maxWid mbPad">
  109.             <a href="{{ url('product_list') }}"><i class="fas fa-caret-left"></i>戻る
  110.             </a>
  111.         </div>
  115.     </div>
  121. {% endblock %}