templates/includes/base-slider.html.twig line 1

Open in your IDE?
  1. {% if editmode %}
  2.     <div class="row">
  3.         {% for i in pimcore_block("slides").iterator %}
  4.             <div class="mb-3">
  5.                 <div class="bedescription">Farbe wählen</div><br>
  6.                 {{ pimcore_select("color", {
  7.                     "store": constant('App\\Utils\\Constant::AVAILABLE_COLORS'),
  8.                     "defaultValue": "",
  9.                 }) }}
  10.             </div>
  11.             <div class="mb-3">
  12.                 <div class="bedescription">Textposition</div><br>
  13.                 {{ pimcore_select("position", {
  14.                     "store": [
  15.                         ["right", "Rechts"],
  16.                         ["left", "Links"]
  17.                     ],
  18.                     "defaultValue": "right",
  19.                 }) }}
  20.             </div>
  22.             {{ pimcore_image("bg_image", {
  23.                 height: "250"
  24.             }) }}
  26.             <div class="bedescription">Überschrift</div>
  27.             {{ pimcore_input("headline") }}
  29.             <div class="bedescription">Beschreibung</div>
  30.             {{  pimcore_wysiwyg("slider_description", {
  31.                 "height": 200,
  32.                 "toolbarGroups": [
  33.                     {
  34.                         "name": 'basicstyles',
  35.                         "groups": ['basicstyles']
  36.                     }
  37.                 ]
  38.             })
  39.             }}
  41.             <div class="mb-3">
  42.                 <div class="bedescription">Bildposition</div><br>
  43.                 {{ pimcore_select("img_position", {
  44.                     "store": [
  45.                         ["center", "Center"],
  46.                         ["right", "Rechts"],
  47.                         ["left", "Links"],
  48.                         ["top", "Oben"],
  49.                         ["bottom", "Unten"],
  50.                     ],
  51.                     "defaultValue": "center",
  52.                 }) }}
  53.             </div>
  55.             <div class="bedescription">Link</div><br>
  56.             {{ pimcore_link("slider_link") }}
  57.         {% endfor %}
  58.     </div>
  59. {% else %}
  60.     <div class="spacer position-relative"></div>
  61.     {% if pimcore_image("bg_image").isEmpty() %}
  62.     <section class="image-slider" data-autoplay="1"  data-autoplay-speed="3000">
  63.         <div class="slider">
  64.             {% for i in pimcore_block("slides").iterator %}
  65.                 <div class="slide h-md-35" style="background-position: {{ pimcore_select("img_position") }}; background-image: url('{{ pimcore_image("bg_image").getThumbnail("imageSlider") }}')">
  67.                     <div class="d-md-none" style="background-size: cover;height: 250px;overflow:hidden;background-position: {{ pimcore_select("img_position") }}; background-image: url('{{ pimcore_image("bg_image").getThumbnail("imageSlider") }}')">
  69.                     </div>
  71.                     <div class="content-wrapper d-md-flex d-none mt-4 mt-md-0 w-md-40 {{ pimcore_select("position").getData() }} {{ pimcore_select("color").getData() }}">
  72.                         <div class="content">
  73.                             {#{% if pimcore_block("slides").getCount() == 1 %}
  74.                                 <h2 class="h3">{{ pimcore_input("headline")|formatLINEtoItalic|raw }}</h2>
  75.                                 <h1 class="h2">{{ pimcore_wysiwyg("slider_description")|formatLINEtoItalic|nbspToSpace|raw }}</h1>
  76.                             {% else %}#}
  77.                                 <h3 class="h3">{{ pimcore_input("headline")|formatLINEtoItalic|raw }}</h3>
  78.                                 <h2 class="h2">{{ pimcore_wysiwyg("slider_description")|formatLINEtoItalic|nbspToSpace|raw }}</h2>
  79.                             {#{% endif %}#}
  81.                             {% if pimcore_link("slider_link").getHref() %}
  82.                                 <a href="{{ pimcore_link("slider_link").getHref() }}" class="btn btn-default white arrow" target="{{ pimcore_link("slider_link").getTarget() }}">{{ pimcore_link("slider_link").getText()|formatLINEtoItalic|raw }}</a>
  83.                             {% endif %}
  84.                         </div>
  85.                     </div>
  87.                     {# MOBILE #}
  88.                     <div style="height: 260px;width: 100vw;" class="d-md-none d-flex content-wrapper {{ pimcore_select("color").getData() }} {{ pimcore_select("color").getData() }}-100">
  89.                         <div class="content" style="width: 85%;">
  91.                            {# {% if pimcore_block("slides").getCount() == 1 %}
  92.                                 <h2 class="h3">{{ pimcore_input("headline")|formatLINEtoItalic|raw }}</h2>
  93.                                 <h1 class="mt-3 h2 mb-0">{{ pimcore_wysiwyg("slider_description")|formatLINEtoItalic|nbspToSpace|raw }}</h1>
  94.                             {% else %}#}
  95.                                 <h3>{{ pimcore_input("headline")|formatLINEtoItalic|raw }}</h3>
  96.                                 <h2 class="mt-3 mb-0">{{ pimcore_wysiwyg("slider_description")|formatLINEtoItalic|nbspToSpace|raw }}</h2>
  97.                             {#{% endif %}#}
  99.                             {% if pimcore_link("slider_link").getHref() %}
  100.                                 <a href="{{ pimcore_link("slider_link").getHref() }}" class="btn btn-default white arrow mb-3 mt-2" target="{{ pimcore_link("slider_link").getTarget() }}">{{ pimcore_link("slider_link").getText()|formatLINEtoItalic|raw }}</a>
  101.                             {% endif %}
  102.                         </div>
  103.                     </div>
  105.                 </div>
  106.             {% endfor %}
  107.         </div>
  108.     </section>
  109.     {% endif %}
  110. {% endif %}