templates/areas/unique-selling-point-brick/view.html.twig line 1

Open in your IDE?
  2. {% embed 'app/area-brick-layout.html.twig' %}
  3.     {% block content %}
  5.         {% set textColor = brickBackgroundColor is not defined or brickBackgroundColor == 'bg-white' or brickBackgroundColor == 'bg-blue-200' ? 'text-black' : 'text-white' %}
  7.         <section class="container unique-selling-point-brick {{ textColor }} {{ sectionPadding is defined ? sectionPadding : 'py-10 md:py-20' }}">
  8.             <div class="grid grid-cols-12 md:gap-6 ">
  9.                 <div class="col-span-12 md:col-span-6">
  10.                     <h2 class="mb-4 text-2xl md:text-3xl lg:text-4xl">
  11.                         {% include 'areas/unique-selling-point-brick/partials/_title.html.twig' %}
  12.                     </h2>
  13.                 </div>
  15.                 {% if hideWysiwyg is not defined or hideWysiwyg is false %}
  16.                     <div class="col-span-12 mb-4 md:col-span-6 md:mb-6">
  17.                         {% include 'includes/partials/_wysiwyg.html.twig' with {
  18.                             'fieldName': textFieldName ?? "text-bold-align-left-text",
  19.                             'defaultWysiwyg': textDefaultInput ?? null,
  20.                             'defaultWysiwygInfo' : textDefaultInput ?? "Vul Tekst in" } %}
  21.                     </div>
  22.                 {% endif %}
  23.             </div>
  25.             {% include 'areas/unique-selling-point-brick/partials/edit/_usps-iterator-notice.html.twig' %}
  26.        
  27.             {% set uspsBlock = pimcore_block('usps', {manual: true}) %}
  28.             {% do uspsBlock.start() %}
  29.                 <div class="grid grid-cols-12 gap-6 pt-5 md:pt-10">
  30.                     {% for i in uspsBlock.iterator %}
  31.                         {% do uspsBlock.blockConstruct() %}
  32.                             <div class="flex col-span-12 gap-4 text-left md:col-span-6 border-blue
  33.                                 {{ align is defined and align is same as('left') ? '' : 'md:block' }}
  34.                                 {{ columns is defined and columns is same as(3) ? 'lg:col-span-4' : 'lg:col-span-3' }}
  35.                             ">
  36.                                 {% do uspsBlock.blockStart() %}
  37.                                     <div>
  38.                                         <div class="inline-block mb-4 md:mb-5">
  39.                                             {{ pimcore_image("image", {
  40.                                                 "title": "Sleep een afbeelding hierheen.",
  41.                                                 'thumbnail': 'default',
  42.                                                 'pictureAttributes': {class: 'w-8 h-8 md:h-14 md:w-14 mx-auto block'}
  43.                                                 }
  44.                                             ) }}
  45.                                         </div>
  46.                                     </div>
  47.                                     <div>
  48.                                         {% if editmode %}
  49.                                             <h3>{{ pimcore_input('title', {'placeholder': "Unique Selling Point titel"}) }}</h3>
  50.                                         {% endif %}
  52.                                         {% if not editmode and pimcore_input('title') is not empty %}
  53.                                             <h3 class="mb-0 text-lg font-bold lg:mb-1 md:text-xl">{{ renderOrDefault(pimcore_input('title'),defaultTitle ?? "") }}</h3>
  54.                                         {% endif %}
  56.                                         <span class="{{ textColor === 'text-black' ? 'text-gray-800' : textColor }}">
  57.                                             {{ pimcore_wysiwyg('content', {'placeholder': "Unique Selling Point content"}) }}
  58.                                         </span>
  59.                                     </div>
  60.                                 {% do uspsBlock.blockEnd() %}
  61.                             </div>
  62.                         {% do uspsBlock.blockDestruct() %}
  63.                     {% endfor %}
  64.                 </div>
  65.             {% do uspsBlock.end() %}
  66.         </section>
  68.         {% include 'areas/unique-selling-point-brick/partials/edit/_edit-styling.html.twig' %}
  70.     {% endblock %}
  71. {% endembed %}