templates/areas/image-slider-small/view.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>
  21.             {{ pimcore_image("bg_image", {
  22.                 height: "250"
  23.             }) }}
  24.             <div class="bedescription">Überschrift</div>
  25.             {{ pimcore_input("headline") }}
  26.             <div class="bedescription">Beschreibung</div>
  27.             {{ pimcore_wysiwyg("description", {
  28.                 "height": 200,
  29.                 "toolbarGroups": [
  30.                     {
  31.                         "name": 'basicstyles',
  32.                         "groups": ['basicstyles']
  33.                     }
  34.                 ]
  35.             }) }}
  36.             <div class="bedescription">Link</div><br>
  37.             {{ pimcore_link("link") }}
  38.         {% endfor %}
  39.     </div>
  40. {% else %}
  41.     <div class="container-fluid">
  42.         <section class="image-slider small" data-autoplay="0" data-autoplay-speed="3000">
  43.             <div class="slider">
  44.                 {% for i in pimcore_block("slides").iterator %}
  45.                     <div class="slide" style="background-image: url('{{ pimcore_image("bg_image").getThumbnail("imageSlider") }}')">
  46.                         <div class="content-wrapper w-100 w-md-40 {{ pimcore_select("position").getData() }} {{ pimcore_select("color").getData() }}">
  47.                             <div class="content position-relative">
  48.                                 <h3 class="small">{{ pimcore_input("headline")|formatLINEtoItalic|raw }}</h3>
  49.                                 <div class="linie"></div>
  50.                                 <h2 class="small mt-4 mb-3">{{ pimcore_wysiwyg("description")|formatLINEtoItalic|nbspToSpace|raw }}</h2>
  51.                                 {% if pimcore_link("link").getHref() %}
  52.                                     <a href="{{ pimcore_link("link").getHref() }}" class="btn btn-default white arrow small bottom-0" target="{{ pimcore_link("link").getTarget() }}">{{ pimcore_link("link").getText()|formatLINEtoItalic|raw }}</a>
  53.                                 {% endif %}
  54.                             </div>
  55.                         </div>
  56.                     </div>
  57.                 {% endfor %}
  58.             </div>
  59.         </section>
  60.     </div>
  61. {% endif %}