templates/areas/header/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">
  7.                 <div>
  8.                 Header Size
  9.                 </div>
  10.                 <div>
  11.                     {{ pimcore_select("headerSize", {
  12.                         "store": [
  13.                             ["1", "H1"], 
  14.                             ["2", "H2"], 
  15.                             ["3", "H3"], 
  16.                             ["4", "H4"], 
  17.                             ["5", "H5"], 
  18.                             ["6", "H6"],
  19.                         ],
  20.                         "defaultValue" : "1",
  21.                         reload: true
  22.                         }) 
  23.                     }}
  24.                 </div>
  25.             </div>
  26.             <div class="row middle-lg middle-md middle-sm middle-xs">
  27.                 <div>
  28.                     Alignment
  29.                 </div>
  30.                 <div>
  31.                     {{ pimcore_select('headerAlignment', {
  32.                         "store": [
  33.                             ["left", "Left"],
  34.                             ["center", "Center"],
  35.                             ["right", "Right"],
  36.                         ],
  37.                         "defaultValue": "left",
  38.                     }) }}
  39.                 </div>
  40.             </div>
  41.             {% if pimcore_select("headerSize").getData() == '2' %}
  42.             <div class="row middle-lg middle-md middle-sm middle-xs">
  43.                 <div>
  44.                     Large text?
  45.                 </div>
  46.                 <div>
  47.                     {{ pimcore_checkbox('H2IsLarge') }}
  48.                 </div>
  49.             </div>
  50.             {% endif %}
  51.         </div>
  52.         <div style="position: absolute; top: 10px; right: 0; font-weight: bold; text-transform: uppercase;">
  53.             Header
  54.         </div>
  55.     </div>
  56. </div>
  57. {% endif %}
  59. {% set textAlignment = pimcore_select('headerAlignment').getData() == 'center' ? 'text-align-center' : pimcore_select('headerAlignment').getData() == 'right' ? 'text-align-right' : '' %}
  60. {% set header2StyleLarge = pimcore_checkbox("H2IsLarge").isChecked() ? ' h2--lg' : '' %}
  62. <h{{ pimcore_select("headerSize").getData()|raw }} data-aos="fade-up"{% if textAlignment or header2StyleLarge %} class="{{ textAlignment }}{{ header2StyleLarge }}"{% endif %}>
  63.     {{ pimcore_input('headerText',{'placeholder': 'Text for header'}) }}
  64. </h{{ pimcore_select("headerSize").getData()|raw }}>