custom/plugins/SchilderSysteme/src/Resources/views/storefront/page/product-detail/index.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/page/product-detail/index.html.twig' %}
  3. {% block page_product_detail_buy %}
  4.     <div class="col-lg-5 position-relative">
  5.         <div class="product-detail-buy-box">
  6.             <div class="title_wishlist">
  7.                 <div><h1 class="product-detail-name"
  8.                          itemprop="name">
  9.                         {{ page.product.translated.name }}
  10.                         {% if page.product.calculatedCheapestPrice.listPrice.percentage %}
  11.                             <span class="badge badge-danger">
  12.                     {{ "detail.listPricePercentage"|trans({'%price%': page.product.calculatedCheapestPrice.listPrice.percentage|round })|sw_sanitize }}
  13.                 </span>
  14.                         {% endif %}
  15.                     </h1>
  16.                 </div>
  17.                 {% block component_product_wishlist %}
  18.                     {% set addToWishlistOptions = {
  19.                         productId: page.product.id,
  20.                         router: {
  21.                             add: {
  22.                                 afterLoginPath: path('frontend.wishlist.add.after.login', { productId: page.product.id }),
  23.                                 path: path('frontend.wishlist.product.add', { productId: page.product.id }),
  24.                                 token: sw_csrf('frontend.wishlist.product.add', {"mode": "token"})
  25.                             },
  26.                             remove: {
  27.                                 path: path('frontend.wishlist.product.remove', { productId: page.product.id }),
  28.                                 token: sw_csrf('frontend.wishlist.product.remove', {"mode": "token"}),
  29.                             }
  30.                         }
  31.                     } %}
  33.                     {% set size = size ?? 'md' %}
  34.                     {% block component_product_wishlist_button %}
  35.                         <button
  36.                                 class="product-wishlist-{{ productId }} product-wishlist-action{% if appearance == 'circle' %}-circle{% endif %} product-wishlist-not-added product-wishlist-loading"
  37.                                 title="{{ "listing.toggleWishlist"|trans|sw_sanitize }}"
  38.                                 data-add-to-wishlist="true"
  39.                                 data-add-to-wishlist-options="{{ addToWishlistOptions|json_encode }}"
  40.                         >
  41.                             {% block component_product_wishlist_icon %}
  42.                                 {% sw_icon 'heart-fill' style { 'class': 'wishlist icon-wishlist-added', 'size': size } %}
  43.                                 {% sw_icon 'heart' style {'class': 'wishlist icon-wishlist-not-added', 'size': size } %}
  44.                             {% endblock %}
  45.                         </button>
  46.                     {% endblock %}
  47.                 {% endblock %}
  48.             </div>
  49.             <p class="sw-cms-el-buy-box__product-number">{{ page.product.productNumber }}</p>
  50.             <div class="product-detail-buy">
  51.                 {% sw_include '@Storefront/storefront/page/product-detail/buy-widget.html.twig' %}
  52.             </div>
  53.         </div>
  54.     </div>
  55. {% endblock %}
  56. {% block page_product_detail_tabs %}
  57.     <div class="product-detail-tabs col-lg-7">
  58.         {% sw_include '@Storefront/storefront/page/product-detail/tabs.html.twig' %}
  59.     </div>
  60. {% endblock %}
  65. {% block page_product_detail_media %}
  66.     <div class="col-lg-7 product-detail-media">
  67.         {% if page.product.media %}
  68.             {% sw_include '@Storefront/storefront/element/cms-element-image-gallery.html.twig' with {
  69.                 'mediaItems': mediaItems,
  70.                 'zoom': false,
  71.                 'zoomModal': true,
  72.                 'displayMode': 'contain',
  73.                 'gutter': 5,
  74.                 'minHeight': '430px',
  75.                 'navigationArrows': 'inside',
  76.                 'navigationDots': 'inside',
  77.                 'galleryPosition': 'left',
  78.                 'isProduct': true,
  79.                 'fallbackImageTitle': page.product.translated.name,
  80.                 'startIndexThumbnails': page.product.cover.position + 1,
  81.                 'startIndexSlider': page.product.cover.position + 1
  82.             } %}
  83.         {% endif %}
  84.     </div>
  85. {% endblock %}
  87. {% block page_product_detail_cross_selling %}
  88. {% endblock %}