templates/areas/contact/view.html.twig line 1

Open in your IDE?
  1. <div class="{% if pimcore_select("padding").getData() == "default" %} content-block
  2.             {% elseif pimcore_select("padding").getData() == "no-top" %} content-block-no-top
  3.             {% elseif pimcore_select("padding").getData() == "no-bottom" %} content-block-no-bottom
  4.             {% endif %} content-block--bg-{{ pimcore_select('background').getData() ?? 'none' }}">
  5.     <div class="container-fluid">
  6.         <div class="row">
  8.             <div class="{% if pimcore_select("size").getData() == "default" %} col-lg-10 offset-lg-1 {% endif %}">
  9.                 {% if editmode %}
  10.                     <div class="ntr-editor-bar">
  11.                         <div class="row">
  12.                             <div class="col-auto">
  13.                                 {{ pimcore_select("background", {
  14.                                     "store": [
  15.                                         ["none", "Geen achtergrond"],
  16.                                         ["light", "Lichte achtergrond"],
  17.                                     ],
  18.                                     "defaultValue" : "none",
  19.                                     "reload": true
  20.                                 }) }}
  21.                             </div>
  22.                             <div class="col-auto">
  23.                                 {{ pimcore_select("size", {
  24.                                     "store": [
  25.                                         ["none", "Volledige breedte"],
  26.                                         ["default", "Standaard"],
  27.                                     ],
  28.                                     "defaultValue" : "none",
  29.                                     "reload": true
  30.                                 }) }}
  31.                             </div>
  32.                             <div class="col-auto">
  33.                                 {{ pimcore_select("padding", {
  34.                                     "store": [
  35.                                         ["default", "Grote spacing"],
  36.                                         ["none", "geen spacing"],
  37.                                         ["no-top", "geen spacing top"],
  38.                                         ["no-bottom", "geen spacing bottom"],
  39.                                     ],
  40.                                     "defaultValue" : "default",
  41.                                     "reload": true
  42.                                 }) }}
  43.                             </div>
  44.                         </div>
  45.                     </div>
  46.                 {% endif %}
  48.                 {% set galleryBlocks = pimcore_block('galleryBlock', {'reload': false, 'manual': true}).start() %}
  50.                 <div class="row row--gallery">
  52.                     <div class="row justify-content-center">
  53.                         <div class="col-lg-10 px-md-0">
  54.                             <h2 class="title">{{ pimcore_input('title', {'placeholder': 'Titel...'}) }}</h2>
  55.                         </div>
  56.                     </div>
  58.                     {% for i in galleryBlocks.iterator %}
  59.                         {% do galleryBlocks.blockConstruct() %}
  61.                         <div class="col--gallery col-md-{{ pimcore_select("width").getData() ?? 4 }}">
  62.                             {% do galleryBlocks.blockStart() %}
  63.                             {% if editmode %}
  64.                                 <div class="ntr-editor-bar">
  65.                                     {{ pimcore_select("width", {
  66.                                         "store": [
  67.                                             ["3", "1/4 breedte"],
  68.                                             ["4", "1/3 breedte"],
  69.                                             ["6", "1/2 breedte"],
  70.                                         ],
  71.                                         "defaultValue" : "4",
  72.                                         "reload": true
  73.                                     }) }}
  74.                                 </div>
  75.                             {% endif %}
  77.                             {% set thumbnail_number = pimcore_select("width").getData() ?? 4 %}
  78.                             {% set thumbnail = 'Gallery' ~ thumbnail_number ~ 'Thumbnail' %}
  79.                             <div class="img-wrapper">
  80.                                 {{ pimcore_image("image", {
  81.                                     'thumbnail': thumbnail,
  82.                                 }) }}
  84.                                 <h4 class="py-3" >{{ pimcore_input('title', {'placeholder': 'Titel...'}) }}</h4>
  86.                                 {{  pimcore_wysiwyg("blockContent", {
  87.                                     "height": 300,
  88.                                     "placeholder": 'Your text...',
  89.                                     "stylesSet": [
  90.                                         {name: 'Button (donker)', element: 'a', attributes: {'class': 'btn btn-dark'} },
  91.                                         {name: 'Button (licht)', element: 'a', attributes: {'class': 'btn btn-outline-dark'} }
  92.                                     ]
  93.                                 })
  94.                                 }}
  96.                             </div>
  98.                             {% do galleryBlocks.blockEnd() %}
  99.                         </div>
  101.                         {% do galleryBlocks.blockDestruct() %}
  102.                     {% endfor %}
  104.                     {% do galleryBlocks.end() %}
  105.                 </div><!--/ .row -->
  106.             </div>
  107.         </div><!--/ .row -->
  108.     </div><!--/ .container-fluid -->
  109. </div>