vendor/crehler/arrangements/src/Resources/views/storefront/page/product-detail/index.html.twig line 1

Open in your IDE?
  1. {% sw_extends "@CrehlerMojeBambinoEngine/storefront/page/product-detail/index.html.twig" %}
  3. {% block page_product_detail_main %}
  4.     {% set isArrangement = page.product.extensions.arrangement ?? false %}
  5.     {% set isInspiration = page.product.extensions.inspiration ?? false %}
  6.     {% if isArrangement or isInspiration %}
  7.         {% set gridMedia = isArrangement ? "col-lg-12" : "col-lg-7" %}
  8.         {% set gridBuy = isArrangement ? "col-lg-12" : "col-lg-5" %}
  9.         {% set mediaItems = page.product.extensions.arrangement.media.media ?? page.product.extensions.inspiration.media.media %}
  10.         <div class="row product-detail-main {{ isArrangement ? "is--arrangement" : "is--inspiration" }}">
  11.             <div class="{{ gridMedia }} product-detail-media product-detail-arrangement-media">
  12.                 {% if mediaItems %}
  13.                     {% sw_include '@CrehlerArrangements/storefront/element/cms-element-image-gallery-arrangement.html.twig' with {
  14.                         'mediaItems': mediaItems,
  15.                         'zoom': false,
  16.                         'zoomModal': false,
  17.                         'displayMode': 'contain',
  18.                         'gutter': 5,
  19.                         'navigationArrows': 'inside',
  20.                         'navigationDots': 'inside',
  21.                         'galleryPosition': 'underneath',
  22.                         'isProduct': true,
  23.                         'fallbackImageTitle': page.product.translated.name,
  24.                         'startIndexThumbnails': page.product.extensions.arrangement.cover.position ??  page.product.extensions.inspiration.cover.position ,
  25.                         'startIndexSlider': page.product.extensions.arrangement.cover.position ?? page.product.extensions.inspiration.cover.position,
  26.                         'arrangementDots': page.product.extensions.arrangement.media.dots
  27.                     } %}
  28.                 {% endif %}
  29.             </div>
  31.             <div class="{{ gridBuy }} product-detail-arrangement-buy">
  32.                 {% sw_include '@CrehlerArrangements/storefront/page/product-detail/buy-widget-arrangement.html.twig' %}
  33.                 {% if isInspiration %}
  34.                     <div class="product-detail-tabs is--inspiration">
  35.                         {% sw_include '@CrehlerArrangements/storefront/page/product-detail/tabs-arrangement.html.twig' with {'additionalDescription': false} %}
  36.                     </div>
  37.                 {% endif %}
  38.             </div>
  39.         </div>
  40.     {% else %}
  41.         {{ parent() }}
  42.     {% endif %}
  43. {% endblock %}
  45. {% block page_product_detail_tabs %}
  46.     {% set isArrangement = page.product.extensions.arrangement ?? false %}
  47.     {% set isInspiration = page.product.extensions.inspiration ?? false %}
  49.     {% if isArrangement or isInspiration %}
  50.         <div class="product-detail-tabs{% if isInspiration and page.product.extensions.inspiration.translated.shortDescription is empty %} d-none{% endif %}">
  51.             {% sw_include '@CrehlerArrangements/storefront/page/product-detail/tabs-arrangement.html.twig' with {'additionalDescription': true} %}
  52.         </div>
  53.         <div class="product-detail-tabs product-detail-arrangement-items">
  54.             <div class="tab-pane">
  55.                 <div class="arrangement-list-product">
  56.                     <div class="card">
  57.                         <div class="card-body">
  58.                             <div class="cart-item cart-item-product cart-item-product-one">
  59.                                 <div class="row cart-item-row">
  60.                                     <div class="col-12 col-lg col-xl cart-item-info">
  61.                                         <div class="h3 mb-0">{{ "plugin.crehlerArrangements.productDetailTabs.valueSet"|trans|raw }}</div>
  62.                                     </div>
  63.                                     <div class="col-12 col-sm col-md cart-item-unit-price text-center text-sm-right d-block">
  64.                                         <p class="price-box">{{ page.product.calculatedPrice.unitPrice|currency }}</p>
  65.                                         <p class="notice-text">{{ "plugin.crehlerArrangements.productDetailTabs.notice"|trans|raw }}</p>
  66.                                     </div>
  67.                                     <div class="col-12 col-md-4 col-lg-3 cart-item-add">
  68.                                         {# @var product \Shopware\Core\Content\Product\SalesChannel\SalesChannelProductEntity #}
  69.                                         <form action="{{ path('frontend.checkout.line-item.add') }}"
  70.                                               id="buy-widget[{{ page.product.id }}]"
  71.                                               method="post"
  72.                                               class="buy-widget"
  73.                                               data-add-all-to-cart="true">
  75.                                             {{ sw_csrf('frontend.checkout.line-item.add') }}
  77.                                             <input type="hidden"
  78.                                                    name="redirectTo"
  79.                                                    value="frontend.cart.offcanvas"/>
  81.                                             <button class="btn btn-primary btn-block btn-buy"
  82.                                                     title="{{ "plugin.crehlerArrangements.productDetailTabs.buyAllButton"|trans }}"
  83.                                                     aria-label="Kup wszystko">
  84.                                                 <span class="label">{{ "plugin.crehlerArrangements.productDetailTabs.buyAllButton"|trans }}</span>
  85.                                                 {% sw_icon 'bag-add' %}
  86.                                             </button>
  89.                                         </form>
  90.                                     </div>
  91.                                     <div class="col-8"></div>
  92.                                     {% if context.extension('shoppingLists').elements|keys[0] %}
  93.                                         <div class="col-md-4 add-all-to-shopping-list-wrapper" style="margin-top: 15px; padding: 0;">
  94.                                             <a class="btn btn-primary btn-block btn-buy add-all-to-shopping-list"
  95.                                                     title="{{ "plugin.crehlerArrangements.productDetailTabs.buyAllButton"|trans }}"
  96.                                                     href="{{ seoUrl('frontend.shopping-list.page.addAll', { 'arrangementId': isArrangement.id,'shoppingListId': context.extension('shoppingLists').elements|keys[0] }) }}"
  97.                                                     aria-label="Dodaj wszystko do listy zakupowej">
  98.                                                 <span class="label">Dodaj wszystko do listy zakupowej</span>
  99.                                             </a>
  100.                                         </div>
  101.                                     {% endif %}
  102.                                 </div>
  103.                             </div>
  104.                         </div>
  105.                     </div>
  106.                 </div>
  107.             </div>
  108.         </div>
  110.         <div class="product-detail-tabs product-detail-arrangement-items">
  111.             <div class="tab-pane fade show "
  112.                  id="arrangement-tab-pane"
  113.                  role="tabpanel"
  114.                  aria-labelledby="description-tab">
  115.                 <div class="arrangement-list-product">
  116.                     <div class="h3">{{ "plugin.crehlerArrangements.productDetailTabs.listItemsHeadline"|trans|raw }}</div>
  117.                     {% block shopping_list_index_table_container %}
  118.                         <div class="card">
  119.                             <div class="card-body">
  120.                                 {% block shopping_list_index_table_items %}
  121.                                     {% if isArrangement %}
  122.                                         {% set products = page.product.extensions.arrangement.arrangementProducts %}
  123.                                     {% else %}
  124.                                         {% set products = page.product.extensions.inspiration.inspirationProducts %}
  125.                                     {% endif %}
  126.                                     {% for listItem in products %}
  127.                                         {% block shopping_list_index_table_item %}
  128.                                             {% sw_include '@CrehlerArrangements/storefront/page/product-detail/arrangement-products-list/arrangement-products-list-item.html.twig' with {
  129.                                                 lineItem: listItem
  130.                                             } %}
  131.                                         {% endblock %}
  132.                                     {% endfor %}
  133.                                 {% endblock %}
  134.                             </div>
  135.                         </div>
  136.                     {% endblock %}
  137.                 </div>
  138.             </div>
  139.         </div>
  140.     {% else %}
  141.         {{ parent() }}
  142.     {% endif %}
  143. {% endblock %}