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

Open in your IDE?
  1. {% for i in pimcore_block('kachelgrid').iterator %}
  3.     {% if pimcore_select("kachelWidth").getData() == "2col" %}
  4.         {% set kachel_width = "col-12 col-sm-6 col-md-8" %}
  5.         {% if pimcore_select("kachel_responsiv") == "responsiv-col6" %}
  6.             {% set kachel_width = "col-6 col-md-8 responsiv-col6" %}
  7.         {% endif %}
  8.     {% elseif pimcore_select("kachelWidth").getData() == "3col" %}
  9.         {% set kachel_width = "col-12 col-sm-6" %}
  10.         {% if pimcore_select("kachel_responsiv") == "responsiv-col6" %}
  11.             {% set kachel_width = "col-6 responsiv-col6" %}
  12.         {% endif %}
  13.     {% else %}
  14.         {% set kachel_width = "col-12 col-sm-6 col-md-4" %}
  15.         {% if pimcore_select("kachel_responsiv") == "responsiv-col6" %}
  16.             {% set kachel_width = "col-6 col-md-4 responsiv-col6" %}
  17.         {% endif %}
  18.     {% endif %}
  23.     <div class="{% if pimcore_select("kachelType") == "contact" %}col-12{% else %}{% endif %} {{ kachel_width }} mb-30">
  25.         {% if editmode %}
  26.             <div class="mb-3">
  27.                 <div class="bedescription">Art der Kachel wählen</div>
  28.                 <br>
  29.                 {{ pimcore_select("kachelType", {
  30.                     "store": [
  31.                         ["default", "Standard"],
  32.                         ["contact", "Kontakt"],
  33.                     ],
  34.                     "defaultValue": "default",
  35.                     "reload": true
  36.                 }) }}
  37.             </div>
  39.             <div class="mb-3">
  40.                 <div class="bedescription">Breite der Kachel wählen</div>
  41.                 <br>
  42.                 {{ pimcore_select("kachelWidth", {
  43.                     "store": [
  44.                         ["1col", "Standard"],
  45.                         ["2col", "2 Spalten"],
  46.                         ["3col", "Volle Breite"],
  47.                     ],
  48.                     "defaultValue": "1col"
  49.                 }) }}
  50.             </div>
  52.             <div class="mb-3">
  53.                 <div class="bedescription">Bildeinzug</div>
  54.                 <br>
  55.                 {{ pimcore_select("kachel_padding", {
  56.                     "store": [
  57.                         ["", "0"],
  58.                         ["p-2", "1"],
  59.                         ["p-3", "2"],
  60.                         ["p-4", "3"],
  61.                     ],
  62.                     "defaultValue": ""
  63.                 }) }}
  64.             </div>
  66.             <div class="mb-3">
  67.                 <div class="bedescription">Hover-Effekt aktivieren?</div>
  68.                 <br>
  69.                 {{ pimcore_select("kachel_hover", {
  70.                     "store": [
  71.                         ["yes", "Ja"],
  72.                         ["no", "Nein"],
  73.                     ],
  74.                     "defaultValue": "yes"
  75.                 }) }}
  76.             </div>
  78.             <div class="mb-3">
  79.                 <div class="bedescription">Mobile Darstellung</div>
  80.                 <br>
  81.                 {{ pimcore_select("kachel_responsiv", {
  82.                     "store": [
  83.                         ["", "Einspaltig"],
  84.                         ["responsiv-col6", "Zweispaltig"],
  85.                     ],
  86.                     "defaultValue": ""
  87.                 }) }}
  88.             </div>
  91.         {% endif %}
  93.         {% include "includes/kachel-content.html.twig" %}
  94.     </div>
  96. {% endfor %}