custom/static-plugins/product-labels/src/Resources/views/storefront/component/product-label/badge.html.twig line 1

Open in your IDE?
  1. {% block component_product_label_badge %}
  2.     {% if not badgeContent %}
  3.         {% set badgeContent = customLabel.content %}
  4.     {% endif %}
  6.     {% set badgeMarginTop = customLabel.marginTop|default(0) %}
  7.     {% set badgeMarginRight = customLabel.marginRight|default(0) %}
  8.     {% set badgeMarginBottom = customLabel.marginBottom|default(0) %}
  9.     {% set badgeMarginLeft = customLabel.marginLeft|default(0) %}
  11.     {% if badgeMarginTop or badgeMarginRight or badgeMarginBottom or badgeMarginLeft %}
  12.         {% set badgeMargin = badgeMarginTop ~ " " ~ badgeMarginRight ~ " " ~ badgeMarginBottom ~ " " ~ badgeMarginLeft %}
  13.     {% endif %}
  15.     {% if not badgeHeight %}
  16.         {% set badgeHeight = customLabel.height %}
  17.     {% endif %}
  19.     {% if not badgeWidth %}
  20.         {% set badgeWidth = customLabel.width %}
  21.     {% endif %}
  23.     {% block component_product_label_badge_element %}
  24.         {% if context.salesChannel.id in customLabel.salesChannelIds or not customLabel.salesChannelIds %}
  25.         <div class="custom-badge badge badge-success badge-{{ badgePosition }}
  26.                 {% if customLabel.shape == "round" %} rounded-pill{% endif %}
  27.                 {% if customLabel.shape == "circle" %} rounded-circle{% endif %}
  28.                 {% if badgeHeight %}has-height{% endif %}
  29.                 {{ customLabel.customClasses }}"
  30.              style="background-color: {{ customLabel.color }};
  31.                  {% if badgeMargin %}margin:{{ badgeMargin }};{% endif %}
  32.                  {% if badgeHeight %}height:{{ badgeHeight }}px;{% endif %}
  33.                  {% if badgeWidth %}width:{{ badgeWidth }}px;{% endif %}">
  34.             {% block component_product_label_badge_content %}
  35.                 {{ badgeContent }}
  36.             {% endblock %}
  37.         </div>
  38.     {% endif %}
  39.     {% endblock %}
  40. {% endblock %}