templates/areas/kachel-grid/kachel-settings.html.twig line 1

Open in your IDE?
  1. {% for i in pimcore_block('kachelgrid').iterator %}
  2.     {% if pimcore_select("kachelWidth").getData() == "2col" %}
  3.         {% set kachel_width = "col-12 col-sm-6 col-md-6" %}
  4.         {% if pimcore_select("kachel_responsiv") == "responsiv-col6" %}
  5.             {% set kachel_width = "col-6 responsiv-col6" %}
  6.         {% endif %}
  7.     {% elseif pimcore_select("kachelWidth").getData() == "3col" %}
  8.         {% set kachel_width = "col-12 col-sm-6 col-md-9" %}
  9.         {% if pimcore_select("kachel_responsiv") == "responsiv-col6" %}
  10.             {% set kachel_width = "col-6 col-md-9 responsiv-col6" %}
  11.         {% endif %}
  12.     {% elseif pimcore_select("kachelWidth").getData() == "4col" %}
  13.         {% set kachel_width = "col-12 col-sm-6" %}
  14.         {% if pimcore_select("kachel_responsiv") == "responsiv-col6" %}
  15.             {% set kachel_width = "col-6 responsiv-col6" %}
  16.         {% endif %}
  17.     {% else %}
  18.         {% set kachel_width = "col-12 col-sm-6 col-md-3" %}
  19.         {% if pimcore_select("kachel_responsiv") == "responsiv-col6" %}
  20.             {% set kachel_width = "col-6 col-md-3 responsiv-col6" %}
  21.         {% endif %}
  22.     {% endif %}
  25.     <div class="{% if pimcore_select("kachelType") == "contact" %}col-12 col-md-6{% else %}{{ kachel_width }}{% endif %} mb-30">
  26.         {% if editmode %}
  28.             {# SONSTIGE SETTINGS FÜR KACHEL & KONTAKT GETRENNT in kachel-content.html.twig #}
  29.             <div class="mb-3">
  30.                 <div class="bedescription">Art der Kachel wählen</div>
  31.                 <br>
  32.                 {{ pimcore_select("kachelType", {
  33.                     "store": [
  34.                         ["default", "Standard"],
  35.                         ["contact", "Kontakt"],
  36.                     ],
  37.                     "defaultValue": "default",
  38.                     "reload": true
  39.                 }) }}
  40.             </div>
  42.             <div class="mb-3">
  43.                 <div class="bedescription">Breite der Kachel wählen</div>
  44.                 <br>
  45.                 {{ pimcore_select("kachelWidth", {
  46.                     "store": [
  47.                         ["1col", "Standard"],
  48.                         ["2col", "2 Spalten"],
  49.                         ["3col", "3 Spalten"],
  50.                         ["4col", "Volle Breite"],
  51.                     ],
  52.                     "defaultValue": "1col"
  53.                 }) }}
  54.             </div>
  56.             <div class="mb-3">
  57.                 <div class="bedescription">Responsiv volle Breite (statt 2 Kacheln nebeneinander)</div>
  58.                 <br>
  59.                 {{ pimcore_checkbox('kachel_12col') }}
  60.             </div>
  62.             <div class="mb-3">
  63.                 <div class="bedescription">Bildeinzug</div>
  64.                 <br>
  65.                 {{ pimcore_select("kachel_padding", {
  66.                     "store": [
  67.                         ["", "0"],
  68.                         ["p-2", "1"],
  69.                         ["p-3", "2"],
  70.                         ["p-4", "3"],
  71.                     ],
  72.                     "defaultValue": ""
  73.                 }) }}
  74.             </div>
  76.             <div class="mb-3">
  77.                 <div class="bedescription">Hover-Effekt aktivieren?</div>
  78.                 <br>
  79.                 {{ pimcore_select("kachel_hover", {
  80.                     "store": [
  81.                         ["yes", "Ja"],
  82.                         ["no", "Nein"],
  83.                     ],
  84.                     "defaultValue": "yes"
  85.                 }) }}
  86.             </div>
  88.             <div class="mb-3">
  89.                 <div class="bedescription">Mobile Darstellung</div>
  90.                 <br>
  91.                 {{ pimcore_select("kachel_responsiv", {
  92.                     "store": [
  93.                         ["", "Einspaltig"],
  94.                         ["responsiv-col6", "Zweispaltig"],
  95.                     ],
  96.                     "defaultValue": ""
  97.                 }) }}
  98.             </div>
  100.         {% endif %}
  102.         {% include "includes/kachel-content.html.twig" %}
  103.     </div>
  104. {% endfor %}