custom/plugins/theme/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_headline %}
  4. {% endblock %}
  6. {% block page_product_detail_media %}
  7.     {% if page is defined and page.product is defined %}
  8.         {% set product = page.product %}
  9.     {% endif %}
  10.     {#
  11.     {% if product.isCloseout and product.availableStock < product.minPurchase %}
  12.         <span class="clerk"
  13.               data-template="@a-hnliche-produkte"
  14.               data-products='["{{ page.product.id }}"]' ></span>
  15.     {% endif %}
  16.     #}
  17.     <div class="col-lg-8 product-detail-media">
  18.         {% if page.product.media %}
  19.             {% sw_include '@Storefront/storefront/element/cms-element-image-gallery.html.twig' with {
  20.                 'mediaItems': mediaItems,
  21.                 'zoom': true,
  22.                 'zoomModal': true,
  23.                 'displayMode': 'contain',
  24.                 'gutter': 30,
  25.                 'minHeight': '430px',
  26.                 'navigationArrows': 'inside',
  27.                 'navigationDots': 'inside',
  28.                 'galleryPosition': 'left',
  29.                 'isProduct': true,
  30.                 'fallbackImageTitle': page.product.translated.name,
  31.                 'startIndexThumbnails': 1,
  32.                 'startIndexSlider': 1,
  33.                 'keepAspectRatioOnZoom': false,
  34.                 'product': page.product
  35.             } %}
  36.         {% endif %}
  37.     </div>
  38. {% endblock %}
  40. {% block page_product_detail_buy %}
  41.     <div class="col-lg-4 product-detail-buy">
  42.         {% sw_include '@Storefront/storefront/page/product-detail/buy-widget.html.twig' %}
  43.     </div>
  44. {% endblock %}
  46. {% block page_product_detail_tabs %}
  48.     <div class="row">
  49.         <div class="product-detail-tabs col-lg-8">
  50.             {% sw_include '@Storefront/storefront/page/product-detail/tabs.html.twig' %}
  51.         </div>
  52.         <div class="product-detail-beef-club col-lg-4">
  53.             {% sw_include '@Storefront/storefront/component/doncarne-beef-club.html.twig' %}
  54.         </div>
  55.     </div>
  58.     {# custom fields will be displayed here as fake cms element. Customer does not want to handle this in CMS but fill via PIM #}
  59.     {# order always the same, only appears if custom fields there of course #}
  61.     {% set customFields = page.product.customFields %}
  62.     {# 1. expert #}
  63.     {% if customFields.migration_DonMigrate_product_dc_commentary %}
  64.         {% set expertContent = customFields.migration_DonMigrate_product_dc_commentary|customFieldJsonDecode %}
  65.         {% sw_include '@Storefront/solution360/product-detail/custom-fields-cms-mapping/expert.html.twig' with {expertContent: expertContent} %}
  66.     {% endif %}
  68.     {# 1.5 clerk #}
  69.     {% sw_include '@Storefront/doncarne/product-detail/clerk-reco.html.twig' %}
  72.     {# 2. zubereitungsempfehlung #}
  73.     {% if customFields.migration_DonMigrate_product_dc_preparation %}
  74.         {% set preparationContent = customFields.migration_DonMigrate_product_dc_preparation|customFieldJsonDecode %}
  75.         {% sw_include '@Storefront/solution360/product-detail/custom-fields-cms-mapping/preparation.html.twig' with {preparationContent: preparationContent} %}
  76.     {% endif %}
  78.     {# 3. seo image and texts, variable length #}
  79.     {% if customFields.migration_DonMigrate_product_dc_stories %}
  80.         {% set storiesContent = customFields.migration_DonMigrate_product_dc_stories|customFieldJsonDecode %}
  81.         {% sw_include '@Storefront/solution360/product-detail/custom-fields-cms-mapping/stories.html.twig' with {storiesContent: storiesContent} %}
  82.     {% endif %}
  84. {% endblock %}
  86. {# 4. cross selling #}
  87. {% block page_product_detail_cross_selling %}
  88.     {% if page.crossSellings.elements is defined and page.crossSellings.elements|filter(item => item.total > 0)|length > 0 %}
  89.         <div class="product-detail-custom-cross-selling cms-block-cross-selling">
  90.             {% sw_include '@Storefront/storefront/page/product-detail/cross-selling/tabs.html.twig' with {
  91.                 crossSellings: page.crossSellings
  92.             } %}
  93.         </div>
  94.     {% endif %}
  96.     {# recipe ideas #}
  97.     {% sw_include '@Storefront/solution360/product-detail/custom-fields-cms-mapping/recipe-ideas.html.twig' with {customFields: page.product.customFields} %}
  99.     {# 6. toggle info nutrion info etc #}
  100.     {% sw_include '@Storefront/solution360/product-detail/custom-fields-cms-mapping/accordion.html.twig' with {customFields: page.product.customFields} %}
  101. {% endblock %}