templates/module/Feedback/__feedback-homes-u-shopping.html.twig line 1

Open in your IDE?
  1. {% if editmode %}
  3.     {{ include('includes/backend-kopf.html.twig') }}
  5.     {% set tabContentArray = {1: 'Optional', 2: 'Content'} %}
  6.     {% set tab = 1 %}
  8.     <div id="content">        
  9.             {% if tabContentArray is defined and tab in tabContentArray|keys %}
  10.                 {{ admin_tabs(tab, tabContentArray) | raw }}
  11.             {% endif %} 
  12.             <section class="tabContent">
  14.                 <p class="hl">Optionale Einstellung:</p>
  15.                 {% set element = 'artikel' %}
  16.                 <div id="{{ element }} ">
  17.                     {{ pimcore_multiselect(element, {
  18.                             'width': 200,
  19.                             'height': 100,
  20.                             'store': [
  21.                                 ['abstand-top', 'Abstand nach oben'],
  22.                                 ['abstand-bottom', 'Abstand nach unten']
  23.                             ]
  24.                         }) }}
  25.                 </div>
  27.             </section>
  29.             {% if tabContentArray is defined and 2 in tabContentArray|keys %}
  30.                 {{ admin_tabs(2, tabContentArray) | raw }}
  31.                 <section class="tabContent">
  33.                     <div style="100%;height: 35px;">
  34.                         <div style="width: calc(100% - 20px);background-color:#f193f8; border:1px solid #cc21c1; padding:10px;">
  35.                             <strong>Achtung!</strong><br/><br/>
  36.                             Dieses Snippet muss eine Property Namens 'theme_doc' besitzen.<br/>
  37.                             Der zugewiesene Wert muss je nach Thema 'homes' oder 'shops' sein.
  38.                         </div>
  39.                     </div>
  41.                     <div style="margin-top: 100px;"><p class="hl">Hintergrundbild: (Breite 2400 x Höhe 480 Pixel)</p></div>
  42.                     <div class="dragdrop"><span class="parentbox">
  43.                         {{ pimcore_image("bg", {
  44.                             "title" : "Bild hier hereinziehen",
  45.                             "width": 600,
  46.                             "height": 90,
  47.                             "hidetext": true,
  48.                             "thumbnail": "background-image-page-edm"
  49.                         }) }}
  50.                         </span></div>
  51.                  </section>
  52.             {% endif %}
  53.     </div>
  54.     {{ include('includes/backend-fuss.html.twig') }}
  56. {% else %}
  58.     {% set abstand_top_class = (checkMultiselect(pimcore_multiselect("artikel"),'abstand-top') == true)? ' abstand-top' : '' %}
  59.     {% set abstand_bottom_class = (checkMultiselect(pimcore_multiselect("artikel"),'abstand-bottom') == true)? ' abstand-bottom' : '' %}
  60.     {% set abstandClasses = abstand_top_class ~ abstand_bottom_class %}
  62.     {% set randomID = random() %}
  63.     {% set image_path = pimcore_image("bg").getSrc() %}
  65.     <div class="{{ abstandClasses }}">
  66.         {% set lang = app.request.getLocale() %}    
  67.         {% if image_path is not empty %}
  68.                 {{ imageResponsive({"src": image_path,
  69.                    "ausgabeformat": "div",
  70.                    "endtag": false,
  71.                    "class": "experten-bg",
  72.                    "language": lang }) | raw }}
  73.         {% else %}
  74.             <div class="quote-bg">
  75.         {% endif %}
  77.         <div class="owl-carousel owl-theme no-underline constrainer-inner" data-slider="{{ randomID }}">
  78.             {% for quote in feedback %}
  79.                     <div class="quote-item">
  80.                         <div class="copy font-light" style="padding-top: 25px;">
  81.                             {# <figure><img class="quote" src="/bundles/app/static/frontend/images/icons/quote.svg"/></figure> #}
  82.                             <div>
  83.                                 <img class="quote" style="width:40px!important;display: inline-block;margin-right: 1em;margin-top:-15px" src="/bundles/app/static/frontend/images/icons/quote.svg"/>
  84.                                 {{ quote }}
  85.                                 <img class="quote" style="transform: rotate(180deg);width:40px!important;display: inline-block;margin-left: 1em;margin-bottom:0px" src="/bundles/app/static/frontend/images/icons/quote.svg"/>
  86.                             </div>
  87.                         </div>
  88.                     </div>
  89.             {% endfor %}
  90.         </div>
  92.         {% if image_path is empty %}
  93.             </div>
  94.         {% endif %}
  96.     </div>
  98.      <script type="text/javascript">
  99.         (function () {
  100.             var moduleName = 'quotes_slider_{{ randomID }}_module'; // naming convention XXX_module
  101.             if (typeof selt === 'undefined') {
  102.                 selt = {
  103.                     modules: {}
  104.                 };
  105.             } else if (!selt.modules) {
  106.                 selt.modules = {};
  107.             }
  109.             selt.modules[moduleName] = {
  110.                 name: moduleName,
  111.                 init: function () {
  112.                     init();
  113.                 }
  114.             };
  116.             function init() {
  117.                 galleryEl = $('[data-slider="{{ randomID }}"]');
  118.                 galleryEl.owlCarousel({
  119.                     loop: true,
  120.                     items: 1,
  121.                     margin: 0,
  122.                     nav: true,
  123.                     autoplay:false,
  124.                     dots:false,
  125.                     autoplayTimeout:10000,
  126.                     autoplayHoverPause:true,
  127.                     autoplaySpeed: 1500,
  128.                     navText: [
  129.                         '<svg class="no-theme" viewBox="0 0 27.2 105.2" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><polygon points="25.4,105.2 0,52 25.4,0 27.2,0.9 2.2,52 27.2,104.3"/></svg>',
  130.                         '<svg class="no-theme" viewBox="0 0 27.2 105.2" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><polygon points="25.4,105.2 0,52 25.4,0 27.2,0.9 2.2,52 27.2,104.3"/></svg>'
  131.                     ]
  132.                 });
  133.             }
  134.         }());//EOS
  135.     </script>
  137. {% endif %}