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

Open in your IDE?
  1. {% if editmode %}
  2. <div class="settings">
  3.   <div class="position-relative settings-button-border">
  4.     <strong class="settings-header">Settings</strong><button class="toggle-settings"><i class="fa fa-plus"></i></button>
  5.     <div class="settings_container">
  6.       <div class="row middle-lg middle-md middle-sm middle-xs" style="gap: 10px">
  7.         <div>Spacer Height</div>
  8.         <div>{{ pimcore_numeric("spacerHeight") }}</div>
  9.       </div>
  10.       <div class="row middle-lg middle-md middle-sm middle-xs" style="gap: 10px">
  11.         <div>Add divider line?</div>
  12.         <div>{{ pimcore_checkbox("dividerLine") }}</div>
  13.       </div>
  14.       <div class="row middle-lg middle-md middle-sm middle-xs" style="gap: 10px">
  15.         <div>Set mobile height on spacer?</div>
  16.         <div>{{ pimcore_checkbox("spacerHeightMobile") }}</div>
  17.       </div>
  18.     </div>
  19.     <div style="position: absolute; top: 10px; right: 0; font-weight: bold; text-transform: uppercase;">
  20.         Spacer
  21.     </div>
  22.   </div>
  23. </div>
  24. {% endif %} 
  25. {% set spacerHeight = pimcore_numeric("spacerHeight").getData() %}
  26. {% set spacerNoDivider = not pimcore_checkbox("dividerLine").isChecked() ? 'height:' ~ spacerHeight ~ 'px' : '' %}
  27. {% set dividerLine = pimcore_checkbox("dividerLine").isChecked() ? 'border-top-width:1px;border-top-style:solid;border-top-color:#c9c9c9;margin-top:' ~ spacerHeight ~ 'px;margin-bottom:' ~ spacerHeight ~ 'px;' : '' %}
  28. {% set settingsSet = spacerNoDivider or dividerLine ? ' style=' : '' %}
  29. {% set spacerHeightMobile = pimcore_checkbox("spacerHeightMobile").isChecked() ? ' spacer-mobile-height' : '' %}
  30. <div class="spacer{{spacerHeightMobile}}"{{ settingsSet }}{{ spacerNoDivider }}{{ dividerLine }}>&nbsp;</div>