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

Open in your IDE?
  2. <div class="{% if pimcore_select("padding").getData() == "default" %} content-block
  3.             {% elseif pimcore_select("padding").getData() == "no-top" %} content-block-no-top
  4.             {% elseif pimcore_select("padding").getData() == "no-bottom" %} content-block-no-bottom
  5.             {% endif %} content-block--bg-{{ pimcore_select('background').getData() ?? 'none' }}">
  6.             <div class="container-fluid px-lg-0">
  7.                 <div class="row">
  8.                     <div class="col-lg-10 offset-lg-1">
  9.                         {% if editmode %}
  10.                             <div class="ntr-editor-bar">
  11.                             {{ pimcore_select("background", {
  12.                                 "store": [
  13.                                     ["none", "Geen achtergrond"],
  14.                                     ["light", "Lichte achtergrond"],
  15.                                 ],
  16.                                 "defaultValue" : "none",
  17.                                 "reload": true
  18.                             }) }}
  20.                             {{ pimcore_select("padding", {
  21.                                 "store": [
  22.                                     ["default", "Grote spacing"],
  23.                                     ["none", "geen spacing"],
  24.                                     ["no-top", "geen spacing top"],
  25.                                     ["no-bottom", "geen spacing bottom"],
  26.                                 ],
  27.                                 "defaultValue" : "default",
  28.                                 "reload": true
  29.                             }) }}
  31.                             {{ pimcore_select("position", {
  32.                                 "store": [
  33.                                     ["start", "Uitlijning - links"],
  34.                                     ["center", "Uitlijning - center"],
  35.                                     ["end", "Uitlijning - rechts"],
  36.                                 ],
  37.                                 "defaultValue" : "start",
  38.                                 "reload": true
  39.                             }) }}
  41.                             {{ pimcore_select("container", {
  42.                                 "store": [
  43.                                     ["8", "Container - standaard"],
  44.                                     ["12", "Container - groot"],
  45.                                 ],
  46.                                 "defaultValue" : "8",
  47.                                 "reload": true
  48.                             }) }}
  50.                             </div>
  51.                         {% endif %}
  53.                         <div class="row
  54.                               {% if pimcore_select("position").getData() == "start" %} justify-content-start
  55.                                         {% elseif pimcore_select("position").getData() == "center" %} justify-content-center
  56.                                         {% elseif pimcore_select("position").getData() == "end" %} justify-content-end
  57.                                         {% endif %}
  58.                             ">
  59.                             <div class="{% if pimcore_select("container").getData() == "8" %} col-lg-8
  60.                                         {% elseif pimcore_select("container").getData() == "12" %} col-lg-12
  61.                                         {% endif %}
  62.                                         ">
  63.                                 <div class="
  64.                                         {% if pimcore_select("position").getData() == "start" %} justify-content-start text-start
  65.                                         {% elseif pimcore_select("position").getData() == "center" %} justify-content-center text-center
  66.                                         {% elseif pimcore_select("position").getData() == "end" %} justify-content-end text-end
  67.                                         {% endif %}
  68.                                         ">
  69.                                         {{  pimcore_wysiwyg("blockContent", {
  70.                                             "height": 300,
  71.                                             "placeholder": 'Your text...',
  72.                                             "stylesSet": [
  73.                                                 {name: 'Button (donker)', element: 'a', attributes: {'class': 'btn btn-dark'} },
  74.                                                 {name: 'Button (licht)', element: 'a', attributes: {'class': 'btn btn-outline-dark'} }
  75.                                             ]
  76.                                         })
  77.                                         }}
  78.                                 </div>
  79.                             </div>
  80.                         </div><!--/ .row -->
  81.                     </div>
  82.                 </div><!--/ .row -->
  83.             </div><!--/ .container-fluid -->
  84. </div>
  86. {#
  87. <div class="row">
  88.     <div class="col-md-5">
  89.         <h1 class="rich--content--title">Bij GC Architecten <br> kom je thuis.</h1>
  90.         <p class="rich--content--text">
  91.             Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
  92.             incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
  93.             exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
  94.             dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
  95.             Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
  96.             mollit anim id est laborum. Sed ut ipsa quae ab illo inventore veritatis et quasi
  97.             architecto vitae dicta sunt explicabo.
  98.         </p>
  99.         <a href="" class="btn btn-dark text-uppercase">Stuur ons een aanvraag.</a>
  100.     </div>
  102.     <div class="col-md-6 offset-md-1 mobile__padding">
  103.         <div class="row justify-content-end">
  104.             <img class="img-fluid col-8" src="{{ asset('/img/img_home_vertical.jpg') }}" alt="">
  105.         </div>
  106.         <div class="row rich--content--landscape">
  107.             <img class="img-fluid col-8" src="{{ asset('/img/img_home_landscape.jpg') }}" alt="">
  108.         </div>
  109.     </div>
  110. </div>
  113. <div class="row">
  114.     <div class="col-md-5">
  115.         <div class="row ">
  116.             <img class="img-fluid" src="{{ asset('/img/img_home_landscape_team.jpg') }}" alt="">
  117.             <div class="d-flex justify-content-end">
  118.                 <img class="img-fluid col-8 col-md-5 rich--content--vertical" src="{{ asset('/img/img_home_vertical_team.jpg') }}" alt="">
  119.             </div>
  120.         </div>
  121.     </div>
  122.     <div class="col-md-6 offset-md-1">
  123.         <h1 class="rich--content--title">Een expertteam in <br> elke architectuur.</h1>
  124.         <p class="rich--content--text">
  125.             Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
  126.             incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
  127.             exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
  128.             dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
  129.             Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
  130.             mollit anim id est laborum. Sed ut ipsa quae ab illo inventore veritatis et quasi
  131.             architecto vitae dicta sunt explicabo.
  132.         </p>
  133.         <a href="" class="btn btn-dark text-uppercase">Bekijk de expertises van GC architecten.</a>
  134.     </div>
  135. </div>
  136. #}