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

Open in your IDE?
  1. {% block element_oo_usp_wrapper %}
  2.     <div class="usp-list-horizontal {{ element.config.version.value|default('version-01') }} " style="{{ element.config.blockAlignment ? 'justify-content: ' ~ element.config.blockAlignment.value|default('center') ~ ';' : '' }}">
  3.         <div class="line"></div>
  4.         <ul>
  5.             {# This file is also used as an include inside checkout, therefore we're checking if every value has been set. #}
  6.             {% if element.config.usp1text.value is not null and element.config.usp1text.value is not empty %}
  7.                 <li>
  8.                     {% sw_include "@parent/storefront/utilities/icon.html.twig" ignore missing with { 'name': element.config.usp1icon.value|default('fa-check-circle'), 'size': 'xs', 'class': element.config.usp1iconStyle.value|default('far')} %}
  9.                     {{ element.config.usp1text.value }}
  10.                 </li>
  11.             {% endif %}
  13.             {% if element.config.usp2text.value is not null and element.config.usp2text.value is not empty %}
  14.                 <li>
  15.                     {% sw_include "@parent/storefront/utilities/icon.html.twig" ignore missing with { 'name': element.config.usp2icon.value|default('fa-check-circle'), 'size': 'xs', 'class': element.config.usp2iconStyle.value|default('far')} %}
  16.                     {{ element.config.usp2text.value }}
  17.                 </li>
  18.             {% endif %}
  20.             {% if element.config.usp3text.value is not null and element.config.usp3text.value is not empty %}
  21.                 <li>
  22.                     {% sw_include "@parent/storefront/utilities/icon.html.twig" ignore missing with { 'name': element.config.usp3icon.value|default('fa-check-circle'), 'size': 'xs', 'class': element.config.usp3iconStyle.value|default('far')} %}
  23.                     {{ element.config.usp3text.value }}
  24.                 </li>
  25.             {% endif %}
  27.             {% if element.config.usp4text.value is not null and element.config.usp4text.value is not empty %}
  28.                 <li>
  29.                     {% sw_include "@parent/storefront/utilities/icon.html.twig" ignore missing with { 'name': element.config.usp4icon.value|default('fa-check-circle'), 'size': 'xs', 'class': element.config.usp4iconStyle.value|default('far')} %}
  30.                     {{ element.config.usp4text.value }}
  31.                 </li>
  32.             {% endif %}
  34.             {% if element.config.usp5text.value is not null and element.config.usp5text.value is not empty %}
  35.                 <li>
  36.                     {% sw_include "@parent/storefront/utilities/icon.html.twig" ignore missing with { 'name': element.config.usp5icon.value|default('fa-check-circle'), 'size': 'xs', 'class': element.config.usp5iconStyle.value|default('far')} %}
  37.                     {{ element.config.usp5text.value }}
  38.                 </li>
  39.             {% endif %}
  41.             {% if element.config.usp6text.value is not null and element.config.usp6text.value is not empty %}
  42.                 <li>
  43.                     {% sw_include "@parent/storefront/utilities/icon.html.twig" ignore missing with { 'name': element.config.usp6icon.value|default('fa-check-circle'), 'size': 'xs', 'class': element.config.usp6iconStyle.value|default('far')} %}
  44.                     {{ element.config.usp6text.value }}
  45.                 </li>
  46.             {% endif %}
  47.         </ul>
  48.     </div>
  49. {% endblock %}