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

Open in your IDE?
  1. {% extends "@Storefront/storefront/component/product/card/box-standard.html.twig" %}
  4. {% block component_product_box_description %}
  5. {% endblock %}
  7. {% block component_product_box_badges %}
  8.     {{ parent() }}
  9.     {% block component_product_box_price %} {% endblock %}
  10. {% endblock %}
  11. {% block component_product_box_name %}
  12.     {% block component_product_box_variant_icons %}
  13.         {% if product.customFields.custom_product_icons_icon|length > 0 %}
  14.             <div class="icons-container flex">
  15.                 {% for icon in product.customFields.custom_product_icons_icon %}
  16.                     {% if loop.index0 <= 9 %}
  17.                         {% if icon == 'icon_fire' %}
  18.                             <img class="icon" height="20px" width="auto"
  19.                                  src="{{ asset(('bundles/schildersysteme/icons/icon_fire.svg'), 'asset') }}"
  20.                                  title="Brandklasse B1" alt="Icon Brandklasse B1">
  21.                         {% endif %}
  22.                         {% if icon == 'icon_paper' %}
  23.                             <img class="icon" height="20px" width="auto"
  24.                                  src="{{ asset(('bundles/schildersysteme/icons/icon_paper.svg'), 'asset') }}"
  25.                                  title="Papiereinleger zur Selbstbeschriftung"
  26.                                  alt="Icon Papiereinleger zur Selbtsbeschriftung">
  27.                         {% endif %}
  28.                         {% if icon == 'icon_plates' %}
  29.                             <img class="icon" height="20px" width="auto"
  30.                                  src="{{ asset(('bundles/schildersysteme/icons/icon_plates.svg'), 'asset') }}"
  31.                                  title="Beschriftungsplatten wechselbar"
  32.                                  alt="Icon Beschriftungsplatten wechselbar">
  33.                         {% endif %}
  34.                         {% if icon == 'icon_glue_and_screw' %}
  35.                             <img class="icon" height="20px" width="auto"
  36.                                  src="{{ asset(('bundles/schildersysteme/icons/icon_glue_and_screw.svg'), 'asset') }}"
  37.                                  title="Klebe- und Schraubmontage"
  38.                                  alt="Icon Klebe- und Schraubmontage">
  39.                         {% endif %}
  40.                         {% if icon == 'icon_screw_countersunk' %}
  41.                             <img class="icon" height="20px" width="auto"
  42.                                  src="{{ asset(('bundles/schildersysteme/icons/icon_screw_countersunk.svg'), 'asset') }}"
  43.                                  title="Schraubmontage mit Senkkopfschrauben"
  44.                                  alt="Icon Schraubmontage mit Senkkopfschrauben">
  45.                         {% endif %}
  46.                         {% if icon == 'icon_screw_flathead' %}
  47.                             <img class="icon" height="20px" width="auto"
  48.                                  src="{{ asset(('bundles/schildersysteme/icons/icon_screw_flathead.svg'), 'asset') }}"
  49.                                  title="Schraubmontage mit Flachkopfschrauben"
  50.                                  alt="Icon Schraubmontage mit Flachkopfschrauben">
  51.                         {% endif %}
  52.                         {% if icon == 'icon_glue' %}
  53.                             <img class="icon" height="20px" width="auto"
  54.                                  src="{{ asset(('bundles/schildersysteme/icons/icon_glue.svg'), 'asset') }}"
  55.                                  title="Klebemontage" alt="Klebemontage">
  56.                         {% endif %}
  57.                         {% if icon == 'icon_feeder_changer' %}
  58.                             <img class="icon" height="20px" width="auto"
  59.                                  src="{{ asset(('bundles/schildersysteme/icons/icon_feeder_changer.svg'), 'asset') }}"
  60.                                  title="Einlegerwechsel mittels Haftsauger"
  61.                                  alt="Icon Einlegerwechsel mittels Haftsauger">
  62.                         {% endif %}
  63.                         {% if icon == 'icon_paper_secured' %}
  64.                             <img class="icon" height="20px" width="auto"
  65.                                  src="{{ asset(('bundles/schildersysteme/icons/icon_paper_secured.svg'), 'asset') }}"
  66.                                  title="Papiereinleger gesichert"
  67.                                  alt="Icon Papiereinleger gesichert">
  68.                         {% endif %}
  69.                         {% if icon == 'icon_direct_printing' %}
  70.                             <img class="icon" height="20px" width="auto"
  71.                                  src="{{ asset(('bundles/schildersysteme/icons/icon_direct_printing.svg'), 'asset') }}"
  72.                                  title="Direktdruck" alt="Icon Direktdruck">
  73.                         {% endif %}
  74.                         {% if icon == 'icon_tactile_labeling' %}
  75.                             <img class="icon" height="20px" width="auto"
  76.                                  src="{{ asset(('bundles/schildersysteme/icons/icon_tactile_labeling.svg'), 'asset') }}"
  77.                                  title="Taktile Beschriftung möglich"
  78.                                  alt="Icon Taktile Beschriftung möglich">
  79.                         {% endif %}
  80.                         {% if icon == 'icon_stock' %}
  81.                             <img class="icon" height="20px" width="auto"
  82.                                  src="{{ asset(('bundles/schildersysteme/icons/icon_stock.svg'), 'asset') }}"
  83.                                  title="Lagerartikel, rascher Versand"
  84.                                  alt="Lagerartikel, rascher Versand">
  85.                         {% endif %}
  86.                         {% if icon == 'icon_feeder_changer_tools' %}
  87.                             <img class="icon" height="20px" width="auto"
  88.                                  src="{{ asset(('bundles/schildersysteme/icons/icon_feeder_changer_tools.svg'), 'asset') }}"
  89.                                  title="Einlegerwechsel mittels Werkzeug"
  90.                                  alt="Icon Einlegerwechsel mittels Werkzeug">
  91.                         {% endif %}
  92.                         {% if icon == 'icon_escape_sign' %}
  93.                             <img class="icon" height="20px" width="auto"
  94.                                  src="{{ asset(('bundles/schildersysteme/icons/icon_escape_sign.svg'), 'asset') }}"
  95.                                  title="Normgröße Fluchtwegschilder"
  96.                                  alt="Icon Noirmgröße Fluchtwegschilder">
  97.                         {% endif %}
  98.                         {% if icon == 'icon_sustainable' %}
  99.                             <img class="icon" height="20px" width="auto"
  100.                                  src="{{ asset(('bundles/schildersysteme/icons/icon_sustainable.svg'), 'asset') }}"
  101.                                  title="Umweltfreundliches Produkt"
  102.                                  alt="Icon Umweltfreundliches Produkt">
  103.                         {% endif %}
  104.                         {% if icon == 'icon_outdoor' %}
  105.                             <img class="icon" height="20px" width="auto"
  106.                                  src="{{ asset(('bundles/schildersysteme/icons/icon_outdoor.svg'), 'asset') }}"
  107.                                  title="Außenanwendung" alt="Icon Außenanwendung">
  108.                         {% endif %}
  109.                         {% if icon == 'icon_feeder_changer_without_tools' %}
  110.                             <img class="icon" height="20px" width="auto"
  111.                                  src="{{ asset(('bundles/schildersysteme/icons/icon_feeder_changer_without_tools.svg'), 'asset') }}"
  112.                                  title="Einlegerwechsel ohne Werkzeug"
  113.                                  alt="Icon Einlegerwechsel ohne Werkzeug">
  114.                         {% endif %}
  115.                         {% if icon == 'icon_opening_right' %}
  116.                             <img class="icon" height="20px" width="auto"
  117.                                  src="{{ asset(('bundles/schildersysteme/icons/icon_opening_right.svg'), 'asset') }}"
  118.                                  title="Öffnungsseite" alt="Icon Öffnungsseite">
  119.                         {% endif %}
  120.                         {% if icon == 'icon_led' %}
  121.                             <img class="icon" height="20px" width="auto"
  122.                                  src="{{ asset(('bundles/schildersysteme/icons/icon_led.svg'), 'asset') }}"
  123.                                  title="LED Beleuchtung" alt="Icon LED Beleuchtung">
  124.                         {% endif %}
  125.                         {% if icon == 'icon_flange' %}
  126.                             <img class="icon" height="20px" width="auto"
  127.                                  src="{{ asset(('bundles/schildersysteme/icons/icon_flange.svg'), 'asset') }}"
  128.                                  title="Flanschmontage" alt="Icon Flanschmontage">
  129.                         {% endif %}
  130.                         {% if icon == 'icon_quiver' %}
  131.                             <img class="icon" height="20px" width="auto"
  132.                                  src="{{ asset(('bundles/schildersysteme/icons/icon_quiver.svg'), 'asset') }}"
  133.                                  title="Köchermontage" alt="Icon Köchermontage">
  134.                         {% endif %}
  135.                     {% endif %}
  136.                 {% endfor %}
  137.             </div>
  138.             {{ dump(product) }}
  139.         {% endif %}
  140.     {% endblock %}
  141.     <a href="{{ seoUrl('frontend.detail.page', {'productId': id}) }}"
  142.        class="product-name"
  143.        title="{{ name }}">
  144.         {{ name }}
  145.     </a>
  146. {% endblock %}
  149. {% block component_product_box_variant_characteristics %}
  150.     <div class="product-characteristics">
  151.         {% if product.customFields.custom_product_bulettpoints_content %}
  152.             {{ product.customFields.custom_product_bulettpoints_content | raw }}
  153.         {% endif %}
  154.     </div>
  155. {% endblock %}
  158. {% block component_product_box_action %}
  159.     {% set isListPrice = product.calculatedPrice.listPrice.percentage > 0 %}
  160.     {% set listPrice = product.calculatedPrice.listPrice.price %}
  161.     <div class="flex-grow-1"></div>
  162.     {#    <span class="list-price-line-through"> #}
  163.     {#    {% if isListPrice %} #}
  164.     {#        {{ "listing.strikePriceText"|trans|sw_sanitize }}          {{ listPrice|currency }}{{ "general.star"|trans|sw_sanitize }}</span> #}
  165.     {#    {% endif %} #}
  166.     {#    </span> #}
  169.     <div class="product-action-wrapper  {% if isListPrice and not displayFrom %} with-list-price{% endif %}">
  170.         {% block component_product_box_price_custom %}
  171.             <div class="product-price-wrapper">
  172.                 <div class="product-variants">
  173.                     {% sw_include '@Storefront/storefront/component/product/card/price-unit.html.twig' %}
  174.                     {% if product.customFields.sz_variants|length!=0 %}
  175.                         ({{ product.customFields.sz_variants|length }} {{ "listing.productVariants"|trans|sw_sanitize }})
  176.                     {% endif %}
  177.                 </div>
  178.             </div>
  179.         {% endblock %}
  180.         {% sw_include '@Storefront/storefront/component/product/card/action.html.twig' %}
  181.     </div>
  182. {% endblock %}
  184. {% block component_product_box_rating %}
  185. {% endblock %}
  188. {% block component_product_box_image %}
  189.     <div class="product-image-wrapper">
  190.         {% set variants = product.customFields.sz_variants %}
  191.         {# fallback if display mode is not set #}
  194.         {% set displayMode = displayMode ?: 'standard' %}
  196.         {# set display mode 'cover' for box-image with standard display mode #}
  197.         {% if layout == 'image' and displayMode == 'standard' %}
  198.             {% set displayMode = 'cover' %}
  199.         {% endif %}
  201.         <a href="{{ seoUrl('frontend.detail.page', {'productId': id}) }}"
  202.            title="{{ name }}"
  203.            class="position-relative product-image-link is-{{ displayMode }}">
  204.             {% if cover.url %}
  205.                 {% set attributes = {
  206.                     'alt': (cover.translated.alt ?: name),
  207.                     'title': (cover.translated.title ?: name)
  208.                 } %}
  210.                 {% sw_thumbnails 'product-image-thumbnails' with {
  211.                     media: cover,
  212.                     sizes: {
  213.                         'xs': '501px',
  214.                         'sm': '315px',
  215.                         'md': '427px',
  216.                         'lg': '333px',
  217.                         'xl': '284px'
  218.                     },
  219.                     attributes:{
  220.                         'class':'product-image is-standard'
  221.                     }
  222.                 } %}
  224.                 {% if displayMode == 'cover' or displayMode == 'contain' %}
  225.                     {% set attributes = attributes|merge({ 'data-object-fit': displayMode }) %}
  226.                 {% endif %}
  228.                 {% set secondCoverId = product.customFields.custom_second_product_cover_image %}
  229.                 {% if secondCoverId %}
  230.                     {% set media = searchMedia([secondCoverId], context.context) %}
  231.                     {% set secondCover = media.get(product.customFields.custom_second_product_cover_image) %}
  232.                 {% endif %}
  233.                 {% if secondCover %}
  235.                     {% sw_thumbnails 'product-image-thumbnails' with {
  236.                         media: secondCover,
  237.                         sizes: {
  238.                             'xs': '501px',
  239.                             'sm': '315px',
  240.                             'md': '427px',
  241.                             'lg': '333px',
  242.                             'xl': '284px'
  243.                         },
  244.                         attributes:{
  245.                             'class':'product-image is-standard second-cover'
  246.                         }
  247.                     } %}
  248.                 {% endif %}
  250.             {% else %}
  251.                 <div class="product-image-placeholder">
  252.                     {% sw_icon 'placeholder' style {
  253.                         'size': 'fluid'
  254.                     } %}
  255.                 </div>
  256.             {% endif %}
  257.         </a>
  258.         {# endif #}
  259.         {% if config('core.cart.wishlistEnabled') %}
  260.             {% block component_product_box_wishlist_action %}
  261.             {% endblock %}
  262.         {% endif %}
  264.     </div>
  265.     <template class="dynamically-load-tns"></template>
  266. {% endblock %}