templates/includes/partials/_list-text.html.twig line 1

Open in your IDE?
  1. {#
  2. usage:
  3. {% include 'includes/partials/_list-text.html.twig' with {
  4.     'listTextFieldName':'listText',
  5.     'listTextOverrideData': [ // Optioneel
  6.      'usp 1',
  7.      'usp 2',
  8.     ]}
  9.     %}
  10. #}
  12. {#@todo-frontend: figure out when to switch from one-column to two-column usp-list display? design has 3 in one column, and 8 in two columns. > 4 perhaps?#}
  14. {% if listTextOverrideData is defined %}
  15.     {# If a manual dataset is supplied from a product... #}
  16.     <ul class="md:mt-8 md:my-8 text-md {{ hideMarginTopMobile ? 'mt-0' : 'mt-8' }}">
  17.         {% for i in listTextOverrideData %}
  18.             <li class="flex mb-3 text-blue">
  19.                 <svg class="w-[24px] h-[18px] mr-3 shrink-0 mt-1.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 18">
  20.                     <path fill="currentColor" fill-rule="evenodd" d="M21.576 0 24 2.424l-6.562 6.562-7.655 7.655a1.71 1.71 0 0 1-2.422 0h-.002L0 9.28l2.425-2.424 6.147 6.148L21.576 0Z"/>
  21.                 </svg>
  22.                 <span>{{ i }}</span>
  23.             </li>
  24.         {% endfor %}
  25.     </ul>
  26. {% else %}
  27.     <!--manual mode-->
  29.     {# If no manual dataset is delivered, fallback to the manual mode #}
  30.     <ul class="md:mt-8 md:my-8 text-md {{ hideMarginTopMobile ? 'mt-0' : 'mt-8' }}">
  31.         {% for i in pimcore_block(listTextFieldName ?? 'listText').iterator %}
  32.             <li class="flex mb-3 text-blue">
  33.                 <svg class="w-[24px] h-[18px] mr-3 shrink-0 mt-1.5 " xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 18">
  34.                     <path fill="#0072BB" fill-rule="evenodd" d="M21.576 0 24 2.424l-6.562 6.562-7.655 7.655a1.71 1.71 0 0 1-2.422 0h-.002L0 9.28l2.425-2.424 6.147 6.148L21.576 0Z"/>
  35.                 </svg>
  36.                 <span>{{ pimcore_input('text', {'placeholder': "Vul hier een usp in."}) }}</span>
  37.             </li>
  38.         {% endfor %}
  39.     </ul>
  40. {% endif %}