custom/plugins/HyBuys/src/Resources/views/storefront/component/product/card/box-standard.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/component/product/card/box-standard.html.twig' %}
  3. {% block component_product_box %}
  4.     {% if product %}
  5.         {% set name = product.translated.name %}
  6.         {% set id = product.id %}
  7.         {% set cover = product.cover.media %}
  8.         {% set variation = product.variation %}
  9.         {% set displayParent = product.variantListingConfig.displayParent and product.parentId === null %}
  12.             {% block component_product_box_content %}
  13.                 <div class="product_block">
  14.                     {% block component_product_box_badges %}
  15.                         {% sw_include '@Storefront/storefront/component/product/card/badges.html.twig' %}
  16.                     {% endblock %}
  18.                     {% if config('core.cart.wishlistEnabled') %}
  19.                         {% block component_product_box_wishlist_action %}
  20.                             {% sw_include '@Storefront/storefront/component/product/card/wishlist.html.twig' with {
  21.                                 appearance: 'circle',
  22.                                 productId: id
  23.                             } %}
  24.                         {% endblock %}
  25.                     {% endif %}
  27.                     {% block component_product_box_rich_snippets %}
  28.                         {# @deprecated tag:v6.5.0 - Block will be removed completely including the template it references #}
  29. {#                        {% sw_include '@Storefront/storefront/component/product/card/meta.html.twig' %}#}
  30.                     {% endblock %}
  32.                     {% block component_product_box_image %}
  33. {#                        <div class="product-image-wrapper">#}
  34.                             {# fallback if display mode is not set #}
  35.                             {% set displayMode = displayMode ?: 'standard' %}
  37.                             {# set display mode 'cover' for box-image with standard display mode #}
  38.                             {% if layout == 'image' and displayMode == 'standard' %}
  39.                                 {% set displayMode = 'cover' %}
  40.                             {% endif %}
  42.                             {% block component_product_box_image_link %}
  43.                                 <a href="{{ seoUrl('frontend.detail.page', { 'productId': id }) }}"
  44.                                    title="{{ name }}"
  45.                                    class="product_image">
  46.                                     {% block component_product_box_image_link_inner %}
  47.                                         {% if cover.url %}
  48.                                             {% set attributes = {
  49.                                                 'class': 'is-'~displayMode,
  50.                                                 'alt': (cover.translated.alt ?: name),
  51.                                                 'title': (cover.translated.title ?: name)
  52.                                             } %}
  54.                                             {% if displayMode == 'cover' or displayMode == 'contain' %}
  55.                                                 {% set attributes = attributes|merge({ 'data-object-fit': displayMode }) %}
  56.                                             {% endif %}
  58.                                             {% block component_product_box_image_thumbnail %}
  59.                                                 {% sw_thumbnails 'product-image-thumbnails' with {
  60.                                                     media: cover,
  61.                                                     sizes: sizes
  62.                                                 } %}
  63.                                             {% endblock %}
  64.                                         {% else %}
  65.                                             {% block component_product_box_image_placeholder %}
  66. {#                                                <div class="product-image-placeholder">#}
  67. {#                                                    {% sw_icon 'placeholder' style {#}
  68. {#                                                        'size': 'fluid'#}
  69. {#                                                    } %}#}
  70. {#                                                </div>#}
  71.                                             {% endblock %}
  72.                                         {% endif %}
  73.                                     {% endblock %}
  74.                                 </a>
  75.                             {% endblock %}
  78. {#                        </div>#}
  79.                     {% endblock %}
  81.                     {% block component_product_box_info %}
  82.                         <div class="info_block">
  83.                             {% block component_product_box_rating %}
  84.                                 {% if config('core.listing.showReview') %}
  85. {#                                    <div class="product-rating">#}
  86. {#                                        {% if product.ratingAverage %}#}
  87. {#                                            {% sw_include '@Storefront/storefront/component/review/rating.html.twig' with {#}
  88. {#                                                points: product.ratingAverage,#}
  89. {#                                                style: 'text-primary'#}
  90. {#                                            } %}#}
  91. {#                                        {% endif %}#}
  92. {#                                    </div>#}
  93.                                 {% endif %}
  94.                             {% endblock %}
  96.                             {% block component_product_box_name %}
  97.                                 <a href="/search?search={{ product.manufacturer.name }}" class="product_brand">{{ product.manufacturer.name }}</a>
  98.                                 <a href="{{ seoUrl('frontend.detail.page', {'productId': id}) }}"
  99.                                    class="product_name"
  100.                                    title="{{ name }}">
  101.                                     {{ name }}
  102.                                 </a>
  103.                             {% endblock %}
  105.                             {% block component_product_box_variant_characteristics %}
  106. {#                                <div class="product-variant-characteristics">#}
  107. {#                                    <div class="product-variant-characteristics-text">#}
  108. {#                                        {% if not displayParent %}#}
  109. {#                                            {% for variation in product.variation %}#}
  110. {#                                                {{ variation.group }}:#}
  111. {#                                                <span class="product-variant-characteristics-option">#}
  112. {#                                                    {{ variation.option }}#}
  113. {#                                                </span>#}
  115. {#                                                {% if product.variation|last != variation %}#}
  116. {#                                                    {{ " | " }}#}
  117. {#                                                {% endif %}#}
  118. {#                                            {% endfor %}#}
  119. {#                                        {% endif %}#}
  120. {#                                    </div>#}
  121. {#                                </div>#}
  122.                             {% endblock %}
  124.                             {% block component_product_box_description %}
  125. {#                                <div class="product-description">#}
  126. {#                                    {{ product.translated.description|striptags|raw }}#}
  127. {#                                </div>#}
  128.                             {% endblock %}
  131.                             {% block component_product_box_price %}
  132.                             <div class="price_block">
  133.                                 {% sw_include '@Storefront/storefront/component/product/card/price-unit.html.twig' %}
  134.                             </div>
  135.                             {% endblock %}
  137.                             {% block component_product_box_action %}
  138.                                 {% sw_include '@Storefront/storefront/component/product/card/action.html.twig' %}
  139.                             {% endblock %}
  140.                         </div>
  141.                     {% endblock %}
  142.                 </div>
  143.             {% endblock %}
  145.     {% endif %}
  146. {% endblock %}