vendor/dvdw/theme/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_content %}
  4.     {% set type = 'free' %}
  6.     {% if product.extensions.dvdwParticipations and product.extensions.dvdwParticipations.elements | length > 0 %}
  7.         {% set participation = product.extensions.dvdwParticipations | first %}
  8.         {% if participation and participation.orderLineItem and participation.orderLineItem.extensions.dvdwTicket %}
  9.             {% set type = participation.orderLineItem.extensions.dvdwTicket.type %}
  10.         {% endif %}
  11.     {% endif %}
  13.     {% set showPromoPhase = context.extensions.currentDvdwEvent.phase === 'phase-promo-show' %}
  14.     {% set usePromoPhase = context.extensions.currentDvdwEvent.phase === 'phase-promo-use' %}
  16.     <div class="card-body">
  17.         {% block component_product_box_badges %}
  18.             {{ parent() }}
  19.         {% endblock %}
  21.         {% block component_product_box_rich_snippets %}
  22.             {{ parent() }}
  23.         {% endblock %}
  25.         {% block component_product_main_container %}
  26.             <div class="product-main-container">
  27.                 {% block component_product_box_image %}
  28.                     <div class="product-image-wrapper">
  29.                         {# fallback if display mode is not set #}
  30.                         {% set displayMode = displayMode ?: 'standard' %}
  32.                         {# set display mode 'cover' for box-image with standard display mode #}
  33.                         {% if layout == 'image' and displayMode == 'standard' %}
  34.                             {% set displayMode = 'cover' %}
  35.                         {% endif %}
  37.                         <a href="{{ seoUrl('frontend.detail.page', {'productId': id}) }}"
  38.                            title="{{ name }}"
  39.                            class="product-image-link is-{{ displayMode }}">
  40.                             {% if cover.url %}
  41.                                 {% set attributes = {
  42.                                     'class': 'product-image is-'~displayMode,
  43.                                     'alt': (cover.translated.alt ?: name),
  44.                                     'title': (cover.translated.title ?: name)
  45.                                 } %}
  47.                                 {% if displayMode == 'cover' or displayMode == 'contain' %}
  48.                                     {% set attributes = attributes|merge({ 'data-object-fit': displayMode }) %}
  49.                                 {% endif %}
  51.                                 {% sw_thumbnails 'product-image-thumbnails' with {
  52.                                     media: cover,
  53.                                     sizes: sizes
  54.                                 } %}
  55.                             {% else %}
  56.                                 <div class="product-image-placeholder">
  57.                                     {% sw_icon 'placeholder-icon' style {
  58.                                         pack: 'custom-icons',
  59.                                         size: 'fluid'
  60.                                     } %}
  61.                                 </div>
  62.                             {% endif %}
  63.                         </a>
  65.                         {% if config('core.cart.wishlistEnabled') %}
  66.                             {% block component_product_box_wishlist_action %}
  67.                                 {% sw_include '@Storefront/storefront/component/product/card/wishlist.html.twig' with {
  68.                                     appearance: 'circle',
  69.                                     productId: id
  70.                                 } %}
  71.                             {% endblock %}
  72.                         {% endif %}
  74.                     </div>
  75.                 {% endblock %}
  77.                 {% block component_product_box_info %}
  78.                     <div class="product-info">
  79.                         {% block component_product_box_rating %}
  80.                         {% endblock %}
  82.                         {% block component_product_box_name %}
  83.                             <a href="{{ seoUrl('frontend.detail.page', {'productId': id}) }}"
  84.                                class="product-name"
  85.                                title="{{ name }}">
  86.                                 <h3>{{ name }}</h3>
  87.                             </a>
  88.                         {% endblock %}
  90.                         {% block component_product_box_variant_characteristics %}
  91.                         {% endblock %}
  93.                         {% block component_product_box_categories %}
  94.                             <div class="product-categories">
  95.                                 {% if product.categories %}
  96.                                     {% sw_include '@DvdwDirectory/storefront/component/product/custom-product-category.html.twig' ignore missing with {
  97.                                         minimal: true,
  98.                                         product: product
  99.                                     } %}
  100.                                 {% endif %}
  101.                             </div>
  102.                         {% endblock %}
  105.                         {% block component_product_box_description %}
  106.                             <div class="product-description
  107.                                 {% if product.translated.description|length > 75 %} tooltip-target {% endif %}">
  108.                                 {{ product.translated.description|striptags|raw }}
  109.                             </div>
  110.                         {% endblock %}
  113.                         {% block component_product_box_price %}
  114.                         {% endblock %}
  116.                     </div>
  117.                 {% endblock %}
  118.             </div>
  119.         {% endblock %}
  122.         {% block component_product_box_line %}
  123.             <hr class="image-info-line">
  124.         {% endblock %}
  126.         {% set participation = product.extensions.dvdwParticipations.elements | first %}
  127.         {% set promotion = participation.dvdwPromotion %}
  129.         {% if (showPromoPhase or usePromoPhase ) and promotion %}
  130.             {% block component_product_box_promotion_info %}
  131.                 {% sw_include '@Storefront/storefront/page/product-detail/webshop-promotions.html.twig' ignore missing with {
  132.                     product: product,
  133.                     promotion: promotion,
  134.                     isListingView: true
  135.                 } %}
  136.             {% endblock %}
  137.         {% endif %}
  140.         {% block component_product_box_action %}
  141.             {% sw_include '@Storefront/storefront/component/product/card/action.html.twig' with {
  142.                 type: type,
  143.                 showPromoPhase: showPromoPhase,
  144.                 usePromoPhase: usePromoPhase
  145.             } %}
  146.         {% endblock %}
  147.     </div>
  148. {% endblock %}