vendor/dvdw/directory/src/Resources/views/storefront/component/shops/webshop.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.     {% set sizes = {
  5.         'xs': '500px',
  6.         'sm': '315px',
  7.         'md': '390px',
  8.         'lg': '350px',
  9.         'xl': '280px'
  10.     } %}
  11.     {{ parent() }}
  12. {% endblock %}
  14. {% block component_product_box_content %}
  15.     {% set type = 'free' %}
  17.     {% if product.extensions.dvdwParticipations and product.extensions.dvdwParticipations.elements | length > 0 %}
  18.         {% set participation = product.extensions.dvdwParticipations | first %}
  19.         {% if participation and participation.orderLineItem and participation.orderLineItem.extensions.dvdwTicket %}
  20.             {% set type = participation.orderLineItem.extensions.dvdwTicket.type %}
  21.         {% endif %}
  22.     {% endif %}
  24.     <div class="card-body">
  25.         {% block component_product_box_badges %}
  26.             {{ parent() }}
  27.             {% if type === 'gold' %}
  28.                 <div class="badge badge-gold">
  29.                     <img src="/bundles/dvdwdirectory/images/product/badge-gold.svg" alt="golden badge" />
  30.                 </div>
  31.             {% endif %}
  32.         {% endblock %}
  34.         {% block component_product_box_rich_snippets %}
  35.             {{ parent() }}
  36.         {% endblock %}
  38.         {% block component_product_box_image %}
  39.             <div class="product-image-wrapper">
  40.                 {# fallback if display mode is not set #}
  41.                 {% set displayMode = displayMode ?: 'standard' %}
  43.                 {# set display mode 'cover' for box-image with standard display mode #}
  44.                 {% if layout == 'image' and displayMode == 'standard' %}
  45.                     {% set displayMode = 'cover' %}
  46.                 {% endif %}
  48.                 <a href="{{ seoUrl('frontend.detail.page', {'productId': id}) }}"
  49.                    title="{{ name }}"
  50.                    class="product-image-link is-{{ displayMode }}">
  51.                     {% if cover.url %}
  52.                         {% set attributes = {
  53.                             'class': 'product-image is-'~displayMode,
  54.                             'alt': (cover.translated.alt ?: name),
  55.                             'title': (cover.translated.title ?: name)
  56.                         } %}
  58.                         {% if displayMode == 'cover' or displayMode == 'contain' %}
  59.                             {% set attributes = attributes|merge({ 'data-object-fit': displayMode }) %}
  60.                         {% endif %}
  62.                         {% sw_thumbnails 'product-image-thumbnails' with {
  63.                             media: cover,
  64.                             sizes: sizes
  65.                         } %}
  66.                     {% else %}
  67.                         <div class="product-image-placeholder">
  68.                             {% sw_icon 'placeholder-icon' style {
  69.                                 pack: 'custom-icons',
  70.                                 size: 'fluid'
  71.                             } %}
  72.                         </div>
  73.                     {% endif %}
  74.                 </a>
  76.                 {% if config('core.cart.wishlistEnabled') %}
  77.                     {% block component_product_box_wishlist_action %}
  78.                         {% sw_include '@Storefront/storefront/component/product/card/wishlist.html.twig' with {
  79.                             appearance: 'circle',
  80.                             productId: id
  81.                         } %}
  82.                     {% endblock %}
  83.                 {% endif %}
  85.             </div>
  86.         {% endblock %}
  88.         {% block component_product_box_info %}
  89.             <hr class="image-info-line">
  90.             <div class="product-info">
  91.                 {% block component_product_box_rating %}
  92.                 {% endblock %}
  94.                 {% block component_product_box_name %}
  95.                     <a href="{{ seoUrl('frontend.detail.page', {'productId': id}) }}"
  96.                        class="product-name"
  97.                        title="{{ name }}">
  98.                         {{ name }}
  99.                     </a>
  100.                 {% endblock %}
  102.                 {% block component_product_box_variant_characteristics %}
  103.                 {% 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. {#                        {% if product.translated.description|length > 75 %}#}
  110. {#                            <span class="tooltip-text">#}
  111. {#                            {{ product.translated.description|striptags|raw }}#}
  112. {#                            </span>#}
  113. {#                        {% endif %}#}
  114.                     </div>
  115.                 {% endblock %}
  117.                 {% block component_product_box_price %}
  118.                 {% endblock %}
  120.                 {% block component_product_box_action %}
  121.                     {% sw_include '@DvdwDirectory/storefront/component/shops/card-actions.html.twig' %}
  122.                 {% endblock %}
  123.             </div>
  124.         {% endblock %}
  125.     </div>
  126. {% endblock %}