custom/plugins/ThemeOkeonline/src/Resources/views/storefront/element/cms-element-oo-usp-vertical.html.twig line 1

Open in your IDE?
  1. {% block element_oo_productusps %}
  2.     {% set uspConfig = element.config['uspsdata'].value %}
  3.     {# classnames prefixed with usp- represent the divs that belong to twig-blocks.#}
  5.     <div class="usp-list-vertical {{ element.config.version.value|default('version-01') }}">
  6.         <hr class="usp-top-border" />
  8.         {% set legacyUsps = uspConfig|split("\n") %}
  10.         {% block element_oo_usp_wrapper %}
  11.             <div class="product-detail-usp">
  12.                 <ul class="usp-wrapper list-unstyled">
  13.                     {# This is legacy, probably not in use anymore #}
  14.                     {% if uspConfig %}
  15.                         {% for usp in legacyUsps %}
  16.                             {% block element_oo_usp_row %}
  17.                                 <li class="usp-row">
  18.                                     {% sw_include "@parent/storefront/utilities/icon.html.twig" ignore missing with { 'name': 'fa-check', 'size': 'xs', 'class': 'fal' } %}
  19.                                     {% block element_oo_usp_text %}
  20.                                         {{ usp }}
  21.                                     {% endblock %}
  22.                                 </li>
  23.                             {% endblock %}
  24.                         {% endfor %}
  25.                     {% endif %}
  27.                     {% if element.config.usp1text.value is not null and element.config.usp1text.value is not empty %}
  28.                         <li class="usp-row">
  29.                             {% sw_include "@parent/storefront/utilities/icon.html.twig" ignore missing with { 'name': element.config.usp1icon.value|default('fa-check'), 'size': 'xs', 'class': element.config.usp1iconStyle.value|default('fal')} %}
  30.                             {{ element.config.usp1text.value }}
  31.                         </li>
  32.                     {% endif %}
  34.                     {% if element.config.usp2text.value is not null and element.config.usp2text.value is not empty %}
  35.                         <li class="usp-row">
  36.                             {% sw_include "@parent/storefront/utilities/icon.html.twig" ignore missing with { 'name': element.config.usp2icon.value|default('fa-check'), 'size': 'xs', 'class': element.config.usp2iconStyle.value|default('fal')} %}
  37.                             {{ element.config.usp2text.value }}
  38.                         </li>
  39.                     {% endif %}
  41.                     {% if element.config.usp3text.value is not null and element.config.usp3text.value is not empty %}
  42.                         <li>
  43.                             {% sw_include "@parent/storefront/utilities/icon.html.twig" ignore missing with { 'name': element.config.usp3icon.value|default('fa-check'), 'size': 'xs', 'class': element.config.usp3iconStyle.value|default('fal')} %}
  44.                             {{ element.config.usp3text.value }}
  45.                         </li>
  46.                     {% endif %}
  48.                     {% if element.config.usp4text.value is not null and element.config.usp4text.value is not empty %}
  49.                         <li class="usp-row">
  50.                             {% sw_include "@parent/storefront/utilities/icon.html.twig" ignore missing with { 'name': element.config.usp4icon.value|default('fa-check'), 'size': 'xs', 'class': element.config.usp4iconStyle.value|default('fal')} %}
  51.                             {{ element.config.usp4text.value }}
  52.                         </li>
  53.                     {% endif %}
  54.                 </ul>
  55.             </div>
  56.         {% endblock %}
  58.         <hr class="usp-bottom-border" />
  59.     </div>
  60. {% endblock %}