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 %}
  15. {% block component_product_box_content %}
  17.     {# SET TYPE FREE OR GOLD #}
  18.     {% set type = 'free' %}
  19.     {% if product.extensions.dvdwParticipations and product.extensions.dvdwParticipations.elements | length > 0 %}
  20.         {% set participation = product.extensions.dvdwParticipations | first %}
  21.         {% if participation and participation.orderLineItem and participation.orderLineItem.extensions.dvdwTicket %}
  22.             {% set type = participation.orderLineItem.extensions.dvdwTicket.type %}
  23.         {% endif %}
  24.     {% endif %}
  25.     {% if product.tagIds is defined and ('f78e8311466f4d31aa91e6b39e489b81' in product.tagIds) %}
  26.         {% set type = 'gold' %}
  27.     {% endif %}
  29.     {# SET PROMO PHASE #}
  30.     {# {% set showPromoPhase = context.extensions.currentDvdwEvent.phase === 'phase-promo-show'   %} #}
  32.     {% set usePromoPhase = context.extensions.currentDvdwEvent.phase === 'phase-promo-use'   %}
  33.     {# {% set showPromoPhase = context.extensions.currentDvdwEvent.phase === 'phase-promo-show'   %} #}
  34.     {# {% set usePromoPhase = true   %} #}
  36.     {# TARGET URL #}
  37.     {% set targetUrl = seoUrl('frontend.detail.page', {'productId': id}) %}
  38.         {% if usePromoPhase == true && participation && participation.dvdwPromotion && participation.dvdwPromotion && participation.dvdwPromotion.promoUrl %}
  39.     {% set targetUrl = participation.dvdwPromotion.promoUrl %}
  40.     {% endif %}
  42.     {# MEDIA URL #}
  43.     {% set usedMedia = cover %}
  44.         {% if usePromoPhase == true and participation and participation.dvdwPromotion and participation.dvdwPromotion.media %}
  45.     {% set usedMedia = participation.dvdwPromotion.media %}
  46.     {% endif %}
  48.         <div
  49.         class="card-body {% if type === 'gold' %}gold-webshop{% endif %}"> {# GOLDEN WEBSHOP BADGE #}
  50.         {% block component_product_box_badges %}
  51.             {{ parent() }}
  52.             {% if type === 'gold' %}
  53.                 <div class="badge badge-gold">
  54.                     <img src="/bundles/dvdwdirectory/images/product/badge-gold.svg" alt="golden badge"/>
  55.                 </div>
  56.             {% endif %}
  57.         {% endblock %}
  59.         {% block component_product_box_rich_snippets %}
  60.             {{ parent() }}
  61.         {% endblock %}
  63.         {% block component_product_box_image %}
  65.             {# WEBSHOP NAME #}
  66.             {% if participation && participation.dvdwPromotion && usePromoPhase == true %}
  67.                 {% block component_product_box_name_top %}
  68.                     <a href="{{ targetUrl }}" class="product-name" title="{{ name }}" target="_blank" rel="noopener noreferrer">
  69.                         {{ name }}
  70.                     </a>
  71.                 {% endblock %}
  72.             {% endif %}
  74.             <div
  75.                 class="product-image-wrapper">
  76.                 {# fallback if display mode is not set #}
  77.                 {% set displayMode = displayMode ?: 'standard' %}
  79.                 {# set display mode 'cover' for box-image with standard display mode #}
  80.                 {% if layout == 'image' and displayMode == 'standard' %}
  81.                     {% set displayMode = 'cover' %}
  82.                 {% endif %}
  84.                 <a href="{{ targetUrl }}" title="{{ name }}" class="product-image-link is-{{ displayMode }}" target="_blank" rel="noopener noreferrer">
  85.                     {% if usedMedia.url %}
  86.                         {% set attributes = {
  87.                             'class': 'product-image is-'~displayMode,
  88.                             'alt': (usedMedia.translated.alt ?: name),
  89.                             'title': (usedMedia.translated.title ?: name)
  90.                         } %}
  92.                         {% if displayMode == 'cover' or displayMode == 'contain' %}
  93.                             {% set attributes = attributes|merge({ 'data-object-fit': displayMode }) %}
  94.                         {% endif %}
  96.                         {% sw_thumbnails 'product-image-thumbnails' with {
  97.                             media: usedMedia,
  98.                             sizes: sizes
  99.                         } %}
  100.                     {% else %}
  101.                         <div class="product-image-placeholder">
  102.                             {% sw_icon 'placeholder-icon' style {
  103.                                 pack: 'custom-icons',
  104.                                 size: 'fluid'
  105.                             } %}
  106.                         </div>
  107.                     {% endif %}
  108.                 </a>
  110.                 {% if config('core.cart.wishlistEnabled') %}
  111.                     {% block component_product_box_wishlist_action %}
  112.                         {% sw_include '@Storefront/storefront/component/product/card/wishlist.html.twig' with {
  113.                             appearance: 'circle',
  114.                             productId: id
  115.                         } %}
  116.                     {% endblock %}
  117.                 {% endif %}
  118.             </div>
  119.         {% endblock %}
  121.         {% block component_product_box_info %}
  122.             {# <hr class="image-info-line"> #}
  123.             <div class="product-info">
  124.                 {% block component_product_box_rating %}{% endblock %}
  126.                 {% block component_product_box_name %}
  127.                     <div>
  128.                         {% if participation and participation.dvdwPromotion and usePromoPhase == true %}
  129.                             <a href="{{ targetUrl }}" class="product-name promo" title="{{ participation.dvdwPromotion.translated.title }}" target="_blank" rel="noopener noreferrer">
  130.                                 {{ participation.dvdwPromotion.translated.title }}
  131.                             </a>
  132.                             {% if participation.dvdwPromotion.freeShipping == true %}
  133.                                 <div class="free-shipping">
  134.                                     <span>
  135.                                         {{ "listingItem.freeShipping"|trans|sw_sanitize }}
  136.                                     </span>
  137.                                     {% if participation.dvdwPromotion.freeShippingMinimumAmount != null and participation.dvdwPromotion.freeShippingMinimumAmount > 0 %}
  138.                                         <span>
  139.                                             {{ "listingItem.freeShippingFrom"|trans|replace({'{price}': participation.dvdwPromotion.freeShippingMinimumAmount|number_format(2, ',', '.')})|sw_sanitize }}
  140.                                         </span>
  141.                                     {% endif %}
  142.                                 </div>
  143.                             {% else %}
  144.                                 <div class="free-shipping"></div>
  146.                             {% endif %}
  148.                         {% else %}
  149.                             <a href="{{ targetUrl }}" class="product-name" title="{{ name }}">
  150.                                 {{ name }}
  151.                             </a>
  152.                         {% endif %}
  153.                     </div>
  154.                 {% endblock %}
  156.                 {% block component_product_box_promocode %}
  157.                     {% if usePromoPhase == true %}
  159.                         <div
  160.                             class="promocode-wrapper">
  161.                             {# PROMO CODE #}
  162.                             {% if participation && participation.dvdwPromotion && participation.dvdwPromotion.promoCode && usePromoPhase == true  %}
  163.                                 <div class="promocode-label">Promo code</div>
  164.                                 <div class="promocode {% if type === 'gold' %}gold-webshop{% endif %}">
  165.                                     {{ participation.dvdwPromotion.promoCode }}
  166.                                 </div>
  167.                             {% endif %}
  168.                         </div>
  169.                     {% endif %}
  170.                 {% endblock %}
  173.                 {% block component_product_box_variant_characteristics %}{% endblock %}
  175.                 {% block component_product_box_description %}
  176.                     <div class="product-description {% if product.translated.description|length > 75 %} tooltip-target {% endif %}">
  177.                         {% if participation && participation.dvdwPromotion && usePromoPhase == true && participation.dvdwPromotion.translated.description %}
  178.                             {{ participation.dvdwPromotion.translated.description }}
  179.                         {% else %}
  180.                             {{ product.translated.description|striptags|raw }}
  181.                         {#                        {% if product.translated.description|length > 75 %}#}
  182.                             {#                            <span class="tooltip-text">#}
  183.                             {#                            {{ product.translated.description|striptags|raw }}#}
  184.                             {#                            </span>#}
  185.                             {#                        {% endif %}#}
  186.                         {% endif %}
  187.                     </div>
  188.                 {% endblock %}
  190.                 {% block component_product_box_price %}{% endblock %}
  192.                 {% block component_product_box_action %}
  193.                     {% sw_include '@DvdwDirectory/storefront/component/shops/card-actions.html.twig' %}
  194.                 {% endblock %}
  195.             </div>
  196.         {% endblock %}
  197.     </div>
  198. {% endblock %}