custom/plugins/HyBuys/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 base_content %}
  4.     {% block page_product_detail %}
  6.         <div class="product_main"
  7.              itemscope
  8.              itemtype="https://schema.org/Product">
  9.             {% block page_product_detail_inner %}
  10.                 {% block page_product_detail_content %}
  11. {#                    <div class="product-detail-content">#}
  13.                         {% block page_product_detail_headline %}
  14. {#                            <div class="row align-items-center product-detail-headline">#}
  15. {#                                {% sw_include '@Storefront/storefront/page/product-detail/headline.html.twig' %}#}
  16. {#                            </div>#}
  17.                         {% endblock %}
  19.                         {% set mediaItems = page.product.media.media %}
  21.                         {% block page_product_detail_main %}
  22. {#                            <div class="row product-detail-main">#}
  23.                                 {% block page_product_detail_media %}
  26.                                     <div class="product_images">
  27.                                         <div class="stickers">
  28. {#                                            <div class="sticker_sale">30%</div>#}
  29.                                         </div>
  30.                                         {% if page.product.media %}
  31.                                             {% sw_include '@Storefront/storefront/element/cms-element-image-gallery.html.twig' with {
  32.                                                 'mediaItems': mediaItems,
  33.                                                 'zoom': false,
  34.                                                 'zoomModal': false,
  35.                                                 'displayMode': 'contain',
  36.                                                 'gutter': 5,
  37.                                                 'minHeight': '430px',
  38.                                                 'navigationArrows': 'inside',
  39.                                                 'navigationDots': 'inside',
  40.                                                 'galleryPosition': 'left',
  41.                                                 'isProduct': true,
  42.                                                 'fallbackImageTitle': page.product.translated.name,
  43.                                                 'startIndexThumbnails': 1,
  44.                                                 'startIndexSlider': 1,
  45.                                                 'keepAspectRatioOnZoom': false
  46.                                             } %}
  47.                                         {% endif %}
  48.                                     </div>
  49.                                 {% endblock %}
  51.                                 {% block page_product_detail_buy %}
  52.                                     <div class="main_info">
  53.                                         <h1 class="page_title"
  54.                                             itemprop="name">
  55.                                             {{ page.product.translated.name }}
  56.                                         </h1>
  57.                                         <div class="code_status">
  58.                                             <div class="product_code">Product number: {{ page.product.productNumber }}</div>
  59.                                             {% if page.product.availableStock > 0 %}
  60.                                             <div class="product_status in_stock">In stock</div>
  61.                                             {% endif %}
  62.                                         </div>
  63. {#                                        {{ dump(page.product) }}#}
  64. {#                                        {% sw_include '@Storefront/storefront/page/product-detail/headline.html.twig' %}#}
  65.                                         {% sw_include '@Storefront/storefront/page/product-detail/buy-widget.html.twig' %}
  66.                                         {% if page.product.manufacturer %}
  67.                                         <div class="product_brand">
  68.                                             <div class="block_subtitle">Brand</div>
  69.                                             <a href="{{ page.product.manufacturer.link }}"
  70.                                                class="brand_block"
  71.                                                rel="noreferrer noopener"
  72.                                                target="_blank"
  73.                                                title="{{ page.product.manufacturer.translated.name }}">
  74.                                                 {% if page.product.manufacturer.media %}
  75.                                                     {% block page_product_detail_manufacturer_logo %}
  76.                                                         <img src="{{ page.product.manufacturer.media|sw_encode_media_url }}"
  77.                                                              class="product-detail-manufacturer-logo"
  78.                                                              alt="{{ page.product.manufacturer.translated.name }}"/>
  79.                                                         {{ page.product.manufacturer.translated.name }}
  80.                                                     {% endblock %}
  81.                                                 {% else %}
  82.                                                     {% block page_product_detail_manufacturer_text %}
  83.                                                         {{ page.product.manufacturer.translated.name }}
  84.                                                     {% endblock %}
  85.                                                 {% endif %}
  86.                                             </a>
  87.                                         </div>
  88.                                             <div class="product_share">
  89.                                                 <div class="block_subtitle">Share</div>
  90.                                                 <div class="addthis_inline_share_toolbox_lldj"></div>
  91.                                             </div>
  92.                                         {% endif %}
  93.                                     </div>
  94.                                 {% endblock %}
  95. {#                            </div>#}
  96.                         {% endblock %}
  97. {#                    </div>#}
  98.                 {% endblock %}
  100.                 {% block page_product_detail_tabs %}
  101.                     <div class="full_description">
  102.                         {% sw_include '@Storefront/storefront/page/product-detail/tabs.html.twig' %}
  103.                     </div>
  104.                 {% endblock %}
  106.                 {% block page_product_detail_cross_selling %}
  107.                     {% if page.crossSellings.elements is defined and page.crossSellings.elements|filter(item => item.total > 0)|length > 0 %}
  108.                         <div class="product-detail-tabs product-detail-cross-selling">
  109.                             {% sw_include '@Storefront/storefront/page/product-detail/cross-selling/tabs.html.twig' with {
  110.                                 crossSellings: page.crossSellings
  111.                             } %}
  112.                         </div>
  113.                     {% endif %}
  114.                 {% endblock %}
  115.             {% endblock %}
  116.         </div>
  119.         <div class="products_section">
  120.             <div class="page_container">
  121.                 <h2 class="section_title">YOU MAY ALSO LIKE</h2>
  122.                 <div class="products_list">
  123.                     {% for product in latest_products %}
  124.                         {% set name = product.translated.name %}
  125.                         {% set id = product.id %}
  126.                         {% set cover = product.cover.media %}
  127.                         {% set variation = product.variation %}
  128.                         {% set displayParent = product.variantListingConfig.displayParent and product.parentId === null %}
  130.                         <div class="list_item">
  132.                             <div class="product_block">
  133.                                 {% block component_product_box_badges %}
  134.                                     {% sw_include '@Storefront/storefront/component/product/card/badges.html.twig' %}
  135.                                 {% endblock %}
  137.                                 {% if config('core.cart.wishlistEnabled') %}
  138.                                     {% block component_product_box_wishlist_action %}
  139.                                         {% sw_include '@Storefront/storefront/component/product/card/wishlist.html.twig' with {
  140.                                             appearance: 'circle',
  141.                                             productId: id
  142.                                         } %}
  143.                                     {% endblock %}
  144.                                 {% endif %}
  146.                                 {% block component_product_box_rich_snippets %}
  147.                                     {# @deprecated tag:v6.5.0 - Block will be removed completely including the template it references #}
  148.                                     {#                        {% sw_include '@Storefront/storefront/component/product/card/meta.html.twig' %} #}
  149.                                 {% endblock %}
  151.                                 {% block component_product_box_image %}
  152.                                     {# fallback if display mode is not set #}
  153.                                     {% set displayMode = displayMode ?: 'standard' %}
  155.                                     {# set display mode 'cover' for box-image with standard display mode #}
  156.                                     {% if layout == 'image' and displayMode == 'standard' %}
  157.                                         {% set displayMode = 'cover' %}
  158.                                     {% endif %}
  160.                                     {% block component_product_box_image_link %}
  161.                                         <a href="{{ seoUrl('frontend.detail.page', { 'productId': id }) }}"
  162.                                            title="{{ name }}"
  163.                                            class="product_image">
  164.                                             {% block component_product_box_image_link_inner %}
  165.                                                 {% if cover.url %}
  166.                                                     {% set attributes = {
  167.                                                         'class': 'is-'~displayMode,
  168.                                                         'alt': (cover.translated.alt ?: name),
  169.                                                         'title': (cover.translated.title ?: name)
  170.                                                     } %}
  172.                                                     {% if displayMode == 'cover' or displayMode == 'contain' %}
  173.                                                         {% set attributes = attributes|merge({ 'data-object-fit': displayMode }) %}
  174.                                                     {% endif %}
  176.                                                     {% block component_product_box_image_thumbnail %}
  177.                                                         {% sw_thumbnails 'product-image-thumbnails' with {
  178.                                                             media: cover,
  179.                                                             sizes: sizes
  180.                                                         } %}
  181.                                                     {% endblock %}
  182.                                                 {% else %}
  183.                                                     {% block component_product_box_image_placeholder %}
  184.                                                         no-image
  185.                                                     {% endblock %}
  186.                                                 {% endif %}
  187.                                             {% endblock %}
  188.                                         </a>
  189.                                     {% endblock %}
  191.                                 {% endblock %}
  193.                                 {% block component_product_box_info %}
  194.                                     <div class="info_block">
  196.                                         {% block component_product_box_name %}
  197.                                             <a href="/search?search={{ product.manufacturer.name }}"
  198.                                                class="product_brand">{{ product.manufacturer.name }}</a>
  199.                                             <a href="{{ seoUrl('frontend.detail.page', {'productId': id}) }}"
  200.                                                class="product_name"
  201.                                                title="{{ name }}">
  202.                                                 {{ name }}
  203.                                             </a>
  204.                                         {% endblock %}
  207.                                         {% block component_product_box_price %}
  208.                                             <div class="price_block">
  209.                                                 {% sw_include '@Storefront/storefront/component/product/card/price-unit.html.twig' %}
  210.                                             </div>
  211.                                         {% endblock %}
  213.                                         {% block component_product_box_action %}
  214.                                             {% sw_include '@Storefront/storefront/component/product/card/action.html.twig' %}
  215.                                         {% endblock %}
  216.                                     </div>
  217.                                 {% endblock %}
  218.                             </div>
  220.                         </div>
  221.                     {% endfor %}
  222.                 </div>
  223.             </div>
  224.         </div>
  225.     {% endblock %}
  226. {% endblock %}