vendor/store.shopware.com/zenitplatformdatabadges/src/Resources/views/storefront/data-badges/data-badges.html.twig line 1

Open in your IDE?
  1. {% block zenit_data_badges %}
  3.     <div class="product-badges">
  5.         {# Variant badge #}
  6.         {% block zenit_data_badges_component_product_badges_variant %}
  7.             {% set isVariant = product.parentId is not null %}
  9.             {% if isVariant %}
  10.                 {% if ( config('zenitPlatformDataBadges.config.variantListing') and position is same as('listing') ) or ( config('zenitPlatformDataBadges.config.variantDetail') is same as (position) ) %}
  11.                     <div class="badge badge-variant"
  12.                          {% if not config('zenitPlatformDataBadges.config.hideTooltips') and 'zenit.dataBadges.config.variant.tooltip'|trans %}data-toggle="tooltip" data-placement="{{ tooltip }}" title="{{ 'zenit.dataBadges.config.variant.tooltip'|trans }}"{% endif %}>
  14.                         {% if config('zenitPlatformDataBadges.config.variantIcon') != 'false' %}
  15.                             <span class="icon icon-{{ config('zenitPlatformDataBadges.config.variantIcon') }}">
  16.                                 {{ source('@Storefront/../app/storefront/dist/assets/icon/default/'~ config('zenitPlatformDataBadges.config.variantIcon') ~'.svg', ignore_missing = true) }}
  17.                             </span>
  18.                         {% endif %}
  20.                         {{ 'zenit.dataBadges.config.variant.text'|trans }}
  22.                     </div>
  23.                 {% endif %}
  24.             {% endif %}
  25.         {% endblock %}
  27.         {# Stock badge #}
  28.         {% block zenit_data_badges_component_product_badges_stock %}
  29.             {% if ( config('zenitPlatformDataBadges.config.stockListing') and position is same as('listing') ) or ( config('zenitPlatformDataBadges.config.stockDetail') is same as (position) ) %}
  30.                 {# if between min and max #}
  31.                 {% if product.availableStock >= config('zenitPlatformDataBadges.config.stockMinimum') and product.availableStock <= config('zenitPlatformDataBadges.config.stockMaximum') %}
  32.                     <div class="badge badge-stock"
  33.                          {% if not config('zenitPlatformDataBadges.config.hideTooltips') and 'zenit.dataBadges.config.stock.tooltip'|trans %}data-toggle="tooltip" data-placement="{{ tooltip }}" title="{{ 'zenit.dataBadges.config.stock.tooltip'|trans }}"{% endif %}>
  35.                         {% if config('zenitPlatformDataBadges.config.stockIcon') != 'false' and config('zenitPlatformDataBadges.config.stockValueType') != "texts" %}
  36.                             <span class="icon icon-{{ config('zenitPlatformDataBadges.config.stockIcon') }}">
  37.                                 {{ source('@Storefront/../app/storefront/dist/assets/icon/default/'~ config('zenitPlatformDataBadges.config.stockIcon') ~'.svg', ignore_missing = true) }}
  38.                             </span>
  39.                         {% endif %}
  41.                         {{ 'zenit.dataBadges.config.stock.preText'|trans }}
  43.                         {% if config('zenitPlatformDataBadges.config.stockValueType') == "value" %}
  44.                             {{ product.availableStock }}
  45.                         {% elseif config('zenitPlatformDataBadges.config.stockValueType') == "minimum" %}
  46.                             {{ config('zenitPlatformDataBadges.config.stockMinimum') }}+
  47.                         {% endif %}
  49.                         {{ 'zenit.dataBadges.config.stock.text'|trans }}
  51.                     </div>
  52.                 {% endif %}
  54.             {% endif %}
  55.         {% endblock %}
  57.         {# Sales badge #}
  58.         {% block zenit_data_badges_component_product_badges_sales %}
  59.             {% if ( config('zenitPlatformDataBadges.config.salesListing') and position is same as('listing') ) or ( config('zenitPlatformDataBadges.config.salesDetail') is same as (position) ) %}
  60.                 {% if product.sales >= config('zenitPlatformDataBadges.config.salesMinimum') %}
  61.                     <div class="badge badge-sales"
  62.                          {% if not config('zenitPlatformDataBadges.config.hideTooltips') and 'zenit.dataBadges.config.sales.tooltip'|trans %}data-toggle="tooltip" data-placement="{{ tooltip }}" title="{{ 'zenit.dataBadges.config.sales.tooltip'|trans }}"{% endif %}>
  64.                         {% if config('zenitPlatformDataBadges.config.ssalesIcon') != 'false' %}
  65.                             <span class="icon icon-{{ config('zenitPlatformDataBadges.config.salesIcon') }}">
  66.                                 {{ source('@Storefront/../app/storefront/dist/assets/icon/default/'~ config('zenitPlatformDataBadges.config.salesIcon') ~'.svg', ignore_missing = true) }}
  67.                             </span>
  68.                         {% endif %}
  70.                         {% if config('zenitPlatformDataBadges.config.salesValueType') == "value" %}
  71.                             {{ product.sales }}
  72.                         {% elseif config('zenitPlatformDataBadges.config.salesValueType') == "minimum" %}
  73.                             {{ config('zenitPlatformDataBadges.config.salesMinimum') }}+
  74.                         {% endif %}
  76.                         {{ 'zenit.dataBadges.config.sales.text'|trans }}
  78.                     </div>
  79.                 {% endif %}
  81.             {% endif %}
  82.         {% endblock %}
  84.         {# Discount badge with Percentage #}
  85.         {% block zenit_data_badges_component_product_badges_discount %}
  86.             {% block component_product_badges_discount %}
  87.                 {% set price = product.calculatedPrice %}
  88.                 {% if product.calculatedPrices.count > 0 %}
  89.                     {% set price = product.calculatedPrices.last %}
  90.                 {% endif %}
  92.                 {% set listPrice = price.listPrice.percentage > 0 %}
  93.                 {% set hasRange = product.calculatedPrices.count > 1 %}
  95.                 {% if listPrice and not hasRange %}
  96.                     {% if ( config('zenitPlatformDataBadges.config.discountListing') and position is same as('listing') ) or ( config('zenitPlatformDataBadges.config.discountDetail') is same as (position) ) %}
  97.                         <div class="badge badge-discount"
  98.                             {% if not config('zenitPlatformDataBadges.config.hideTooltips') %}data-toggle="tooltip" data-placement="{{ tooltip }}" title="{{ 'zenit.dataBadges.config.discount.tooltip'|trans }}"{% endif %}>
  99.                             {% if price.listPrice.percentage > config('zenitPlatformDataBadges.config.discountMinimum')  %}
  100.                                 {% if config('zenitPlatformDataBadges.config.discountRounded') %}
  101.                                     {{ price.listPrice.percentage|round }}
  102.                                 {% else %}
  103.                                     {{ price.listPrice.percentage }}
  104.                                 {% endif %}
  105.                             {% endif %}
  106.                             <span>&#37;</span>
  107.                         </div>
  108.                     {% endif %}
  109.                 {% endif %}
  110.             {% endblock %}
  111.         {% endblock %}
  113.         {# ShippingFree badge #}
  114.         {% block zenit_data_badges_component_product_badges_shippingfree %}
  115.             {% if product.shippingFree and config('zenitPlatformDataBadges.config.shippingfreeListing') %}
  116.                 {% if ( config('zenitPlatformDataBadges.config.shippingfreeListing') and position is same as('listing') ) or ( config('zenitPlatformDataBadges.config.shippingfreeDetail') is same as (position) ) %}
  117.                     <div class="badge badge-shippingfree"
  118.                          {% if not config('zenitPlatformDataBadges.config.hideTooltips') and 'zenit.dataBadges.config.shippingfree.tooltip'|trans %}data-toggle="tooltip" data-placement="{{ tooltip }}" title="{{ 'zenit.dataBadges.config.shippingfree.tooltip'|trans }}"{% endif %}>
  120.                         {% if config('zenitPlatformDataBadges.config.shippingfreeIcon') != 'false' %}
  121.                             <span class="icon icon-{{ config('zenitPlatformDataBadges.config.shippingfreeIcon') }}">
  122.                                 {{ source('@Storefront/../app/storefront/dist/assets/icon/default/'~ config('zenitPlatformDataBadges.config.shippingfreeIcon') ~'.svg', ignore_missing = true) }}
  123.                             </span>
  124.                         {% endif %}
  126.                         {{ 'zenit.dataBadges.config.shippingfree.text'|trans }}
  128.                     </div>
  129.                 {% endif %}
  130.             {% endif %}
  131.         {% endblock %}
  133.         {# Topseller badge #}
  134.         {% block zenit_data_badges_component_product_badges_topseller %}
  135.             {% block component_product_badges_topseller %}
  136.                 {% if product.markAsTopseller %}
  137.                     {% if ( config('zenitPlatformDataBadges.config.topsellerListing') and position is same as('listing') ) or ( config('zenitPlatformDataBadges.config.topsellerDetail') is same as (position) ) %}
  138.                         <div class="badge badge-topseller"
  139.                              {% if not config('zenitPlatformDataBadges.config.hideTooltips') %}data-toggle="tooltip" data-placement="{{ tooltip }}" title="{{ 'zenit.dataBadges.config.topseller.tooltip'|trans }}"{% endif %}>
  141.                             {% if config('zenitPlatformDataBadges.config.topsellerIcon') != 'false' %}
  142.                                 <span class="icon icon-{{ config('zenitPlatformDataBadges.config.topsellerIcon') }}">
  143.                                     {{ source('@Storefront/../app/storefront/dist/assets/icon/default/'~ config('zenitPlatformDataBadges.config.topsellerIcon') ~'.svg', ignore_missing = true) }}
  144.                                 </span>
  145.                             {% endif %}
  147.                             {{ 'zenit.dataBadges.config.topseller.text'|trans }}
  148.                         </div>
  149.                     {% endif %}
  150.                 {% endif %}
  151.             {% endblock %}
  152.         {% endblock %}
  154.         {# Newcomer badge #}
  155.         {% block zenit_data_badges_component_product_badges_newcomer %}
  156.             {% block component_product_badges_new %}
  157.                 {% if product.isNew %}
  158.                     {% if ( config('zenitPlatformDataBadges.config.newArticleListing') and position is same as('listing') ) or ( config('zenitPlatformDataBadges.config.newArticleDetail') is same as (position) ) %}
  159.                         <div class="badge badge-new"
  160.                              {% if not config('zenitPlatformDataBadges.config.hideTooltips') %}data-toggle="tooltip" data-placement="{{ tooltip }}" title="{{ 'zenit.dataBadges.config.newArticle.tooltip'|trans }}"{% endif %}>
  162.                             {% if config('zenitPlatformDataBadges.config.newArticleIcon') != 'false' %}
  163.                                 <span class="icon icon-{{ config('zenitPlatformDataBadges.config.newArticleIcon') }}">
  164.                                     {{ source('@Storefront/../app/storefront/dist/assets/icon/default/'~ config('zenitPlatformDataBadges.config.newArticleIcon') ~'.svg', ignore_missing = true) }}
  165.                                 </span>
  166.                             {% endif %}
  168.                             {{ 'zenit.dataBadges.config.newArticle.text'|trans }}
  169.                         </div>
  170.                     {% endif %}
  171.                 {% endif %}
  172.             {% endblock %}
  173.         {% endblock %}
  175.         {# Release badge #}
  176.         {% block zenit_data_badges_component_product_badges_release %}
  177.             {% if product.releaseDate and product.releaseDate|date('U') > "now"|date('U') %}
  178.                 {% if ( config('zenitPlatformDataBadges.config.releaseListing') and position is same as('listing') ) or ( config('zenitPlatformDataBadges.config.releaseDetail') is same as (position) ) %}
  179.                     <div class="badge badge-release"
  180.                          {% if not config('zenitPlatformDataBadges.config.hideTooltips') and 'zenit.dataBadges.config.release.tooltip'|trans %}data-toggle="tooltip" data-placement="{{ tooltip }}" title="{{ 'zenit.dataBadges.config.release.tooltip'|trans }}"{% endif %}>
  182.                         {% if config('zenitPlatformDataBadges.config.releaseIcon') != 'false' %}
  183.                             <span class="icon icon-{{ config('zenitPlatformDataBadges.config.releaseIcon') }}">
  184.                                 {{ source('@Storefront/../app/storefront/dist/assets/icon/default/'~ config('zenitPlatformDataBadges.config.releaseIcon') ~'.svg', ignore_missing = true) }}
  185.                             </span>
  186.                         {% endif %}
  188.                         {{ product.releaseDate|format_date('short', locale=app.request.locale) }}
  190.                     </div>
  191.                 {% endif %}
  192.             {% endif %}
  193.         {% endblock %}
  195.         {# Preorder badge #}
  196.         {% block zenit_data_badges_component_product_badges_preorder %}
  197.             {% if not product.isCloseout and product.availableStock <= 0 %}
  198.                 {% if ( config('zenitPlatformDataBadges.config.preorderListing') and position is same as('listing') ) or ( config('zenitPlatformDataBadges.config.preorderDetail') is same as (position) ) %}
  199.                     <div class="badge badge-preorder"
  200.                          {% if not config('zenitPlatformDataBadges.config.hideTooltips') and 'zenit.dataBadges.config.preorder.tooltip'|trans %}data-toggle="tooltip" data-placement="{{ tooltip }}" title="{{ 'zenit.dataBadges.config.preorder.tooltip'|trans }}"{% endif %}>
  202.                         {% if config('zenitPlatformDataBadges.config.preorderIcon') != 'false' %}
  203.                             <span class="icon icon-{{ config('zenitPlatformDataBadges.config.preorderIcon') }}">
  204.                                 {{ source('@Storefront/../app/storefront/dist/assets/icon/default/'~ config('zenitPlatformDataBadges.config.preorderIcon') ~'.svg', ignore_missing = true) }}
  205.                             </span>
  206.                         {% endif %}
  208.                         {{ 'zenit.dataBadges.config.preorder.text'|trans }}
  209.                     </div>
  210.                 {% endif %}
  211.             {% endif %}
  212.         {% endblock %}
  214.         {# Manufacturer badge #}
  215.         {% block zenit_data_badges_component_product_badges_manufacturer %}
  216.             {% if product.manufacturer.translated.name %}
  217.                 {% if ( config('zenitPlatformDataBadges.config.manufacturerListing') and position is same as('listing') ) or ( config('zenitPlatformDataBadges.config.manufacturerDetail') is same as (position) ) %}
  218.                     <div class="badge badge-manufacturer"
  219.                          {% if not config('zenitPlatformDataBadges.config.hideTooltips') and 'zenit.dataBadges.config.manufacturer.tooltip'|trans %}data-toggle="tooltip" data-placement="{{ tooltip }}" title="{{ 'zenit.dataBadges.config.manufacturer.tooltip'|trans }}"{% endif %}>
  220.                         {{ product.manufacturer.translated.name }}
  221.                     </div>
  222.                 {% endif %}
  223.             {% endif %}
  224.         {% endblock %}
  226.         {# IsCloseout badge #}
  227.         {% block zenit_data_badges_component_product_badges_is_closeout %}
  228.             {% if product.isCloseout %}
  229.                 {% if ( config('zenitPlatformDataBadges.config.closeoutListing') and position is same as('listing') ) or ( config('zenitPlatformDataBadges.config.closeoutDetail') is same as (position) ) %}
  231.                     {% if ( config('zenitPlatformDataBadges.config.closeoutSoldOutOnly') and product.availableStock <= 0 ) or ( not config('zenitPlatformDataBadges.config.closeoutSoldOutOnly') ) %}
  232.                         <div class="badge badge-closeout"
  233.                              {% if not config('zenitPlatformDataBadges.config.hideTooltips') %}data-toggle="tooltip" data-placement="{{ tooltip }}" title="{{ 'zenit.dataBadges.config.closeout.tooltip'|trans }}"{% endif %}>
  235.                             {% if config('zenitPlatformDataBadges.config.closeoutIcon') != 'false' %}
  236.                                 <span class="icon icon-{{ config('zenitPlatformDataBadges.config.closeoutIcon') }}">
  237.                                     {{ source('@Storefront/../app/storefront/dist/assets/icon/default/'~ config('zenitPlatformDataBadges.config.closeoutIcon') ~'.svg', ignore_missing = true) }}
  238.                                 </span>
  239.                             {% endif %}
  241.                             {{ 'zenit.dataBadges.config.closeout.text'|trans }}
  242.                         </div>
  243.                     {% endif %}
  245.                 {% endif %}
  246.             {% endif %}
  247.         {% endblock %}
  249.         {# Custom 1 badge #}
  250.         {% block zenit_data_badges_component_product_badges_custom_first %}
  251.             {% if ( config('zenitPlatformDataBadges.config.custom1Listing') and position is same as('listing') ) or ( config('zenitPlatformDataBadges.config.custom1Detail') is same as (position) ) %}
  252.                 {% set defaultText = 'zenit.dataBadges.config.custom1.text'|trans %}
  253.                 {% if (product.customFields.zenit_data_badge_1 or defaultText) and product.customFields.zenit_data_badge_disabled_1 is not true %}
  255.                     {% if product.customFields.zenit_data_badge_tooltip_1 %}
  256.                         {% set custom1Tooltip = product.customFields.zenit_data_badge_tooltip_1 %}
  257.                     {% else %}
  258.                         {% set custom1Tooltip = 'zenit.dataBadges.config.custom1.tooltip'|trans %}
  259.                     {% endif %}
  261.                     <div class="badge badge-custom-second"
  262.                          {% if not config('zenitPlatformDataBadges.config.hideTooltips') %}data-toggle="tooltip" data-placement="{{ tooltip }}" title="{{ custom1Tooltip }}"{% endif %}
  263.                          style="{% apply spaceless %}
  264.                             {% if product.customFields.zenit_data_badge_color_1 %}background-color:{{ product.customFields.zenit_data_badge_color_1 }};{% endif %}
  265.                             {% if product.customFields.zenit_data_badge_textcolor_1 %} color:{{ product.customFields.zenit_data_badge_textcolor_1 }};{% endif %}
  266.                          {% endapply %}">
  268.                         {% if product.customFields.zenit_data_badge_1 %}
  269.                             {{ product.customFields.zenit_data_badge_1 }}
  270.                         {% else %}
  271.                             {{ 'zenit.dataBadges.config.custom1.text'|trans }}
  272.                         {% endif %}
  273.                     </div>
  274.                 {% endif %}
  275.             {% endif %}
  276.         {% endblock %}
  278.         {# Custom 2 badge #}
  279.         {% block zenit_data_badges_component_product_badges_custom_second %}
  280.             {% if ( config('zenitPlatformDataBadges.config.custom2Listing') and position is same as('listing') ) or ( config('zenitPlatformDataBadges.config.custom2Detail') is same as (position) ) %}
  281.                 {% set defaultText = 'zenit.dataBadges.config.custom2.text'|trans %}
  282.                 {% if (product.customFields.zenit_data_badge_2 or defaultText) and product.customFields.zenit_data_badge_disabled_2 is not true %}
  284.                     {% if product.customFields.zenit_data_badge_tooltip_2 %}
  285.                         {% set custom2Tooltip = product.customFields.zenit_data_badge_tooltip_2 %}
  286.                     {% else %}
  287.                         {% set custom2Tooltip = 'zenit.dataBadges.config.custom2.tooltip'|trans %}
  288.                     {% endif %}
  290.                     <div class="badge badge-custom-second"
  291.                          {% if not config('zenitPlatformDataBadges.config.hideTooltips') %}data-toggle="tooltip" data-placement="{{ tooltip }}" title="{{ custom2Tooltip }}"{% endif %}
  292.                          style="{% apply spaceless %}
  293.                             {% if product.customFields.zenit_data_badge_color_2 %}background-color:{{ product.customFields.zenit_data_badge_color_2 }};{% endif %}
  294.                             {% if product.customFields.zenit_data_badge_textcolor_2 %} color:{{ product.customFields.zenit_data_badge_textcolor_2 }};{% endif %}
  295.                          {% endapply %}">
  297.                         {% if product.customFields.zenit_data_badge_2 %}
  298.                             {{ product.customFields.zenit_data_badge_2 }}
  299.                         {% else %}
  300.                             {{ 'zenit.dataBadges.config.custom2.text'|trans }}
  301.                         {% endif %}
  302.                     </div>
  303.                 {% endif %}
  304.             {% endif %}
  305.         {% endblock %}
  307.         {# Custom 3 badge #}
  308.         {% block zenit_data_badges_component_product_badges_custom_third %}
  309.             {% if ( config('zenitPlatformDataBadges.config.custom3Listing') and position is same as('listing') ) or ( config('zenitPlatformDataBadges.config.custom3Detail') is same as (position) ) %}
  310.                 {% set defaultText = 'zenit.dataBadges.config.custom3.text'|trans %}
  311.                 {% if (product.customFields.zenit_data_badge_3 or defaultText) and product.customFields.zenit_data_badge_disabled_3 is not true %}
  313.                     {% if product.customFields.zenit_data_badge_tooltip_3 %}
  314.                         {% set custom3Tooltip = product.customFields.zenit_data_badge_tooltip_3 %}
  315.                     {% else %}
  316.                         {% set custom3Tooltip = 'zenit.dataBadges.config.custom3.tooltip'|trans %}
  317.                     {% endif %}
  319.                     <div class="badge badge-custom-second"
  320.                          {% if not config('zenitPlatformDataBadges.config.hideTooltips') %}data-toggle="tooltip" data-placement="{{ tooltip }}" title="{{ custom3Tooltip }}"{% endif %}
  321.                          style="{% apply spaceless %}
  322.                             {% if product.customFields.zenit_data_badge_color_3 %}background-color:{{ product.customFields.zenit_data_badge_color_3 }};{% endif %}
  323.                             {% if product.customFields.zenit_data_badge_textcolor_3 %} color:{{ product.customFields.zenit_data_badge_textcolor_3 }};{% endif %}
  324.                          {% endapply %}">
  326.                         {% if product.customFields.zenit_data_badge_3 %}
  327.                             {{ product.customFields.zenit_data_badge_3 }}
  328.                         {% else %}
  329.                             {{ 'zenit.dataBadges.config.custom3.text'|trans }}
  330.                         {% endif %}
  331.                     </div>
  332.                 {% endif %}
  333.             {% endif %}
  334.         {% endblock %}
  335.     </div>
  337. {% endblock %}