templates/module/Markenlogos/__logogroup.html.twig line 1

Open in your IDE?
  1. {% if editmode %}
  3.     {{ include('includes/backend-kopf.html.twig') }}
  5.     {% set tabContentArray = {1: 'Optional', 2: 'Headline',3: 'Logozuweisung'} %}
  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">
  32.                      <p class="hl">Optional Headline (H2):</p>
  33.                         {{ pimcore_areablock("AreablockTop", {
  34.                                 "allowed": ["H2"],
  35.                                 "toolbar": false,
  36.                                 "areablock_toolbar": {
  37.                                     "title": "Content Konfiguration",
  38.                                     "width": 274,
  39.                                     "x": 570,
  40.                                     "y": 41,
  41.                                     "xAlign": "left",
  42.                                     "buttonWidth": 270,
  43.                                     "buttonMaxCharacters": 35
  44.                                 }
  45.                             })
  46.                         }}                        
  47.                     <br /><br /><hr /><br /><br />
  48.                  </section>
  49.             {% endif %}
  51.             {% if tabContentArray is defined and 3 in tabContentArray|keys %}
  52.                 {{ admin_tabs(3, tabContentArray) | raw }}
  54.                 <section class="tabContent">
  55.                     <div style="width: 100%;padding-left:37px;margin-top:30px;"><p class="hl">Bitte Einzel-Objekt aus 'marken-gruppen' Ordner zuweisen:</p></div>
  56.                     <div class="dragdrop"><span class="parentbox">
  57.                         {{ pimcore_relation("objectLogogroup",{
  58.                                 "types": ["object"],
  59.                                 "subtypes": {
  60.                                     "object": ["object"]
  61.                                 },
  62.                                 "classes": ["marke"],
  63.                                 "width": 750
  64.                             }) }}
  65.                     </span></div>
  66.                     <br /><br /><br /><br />
  67.                 </section>            
  68.             {% endif %}
  69.     </div>
  70.     {{ include('includes/backend-fuss.html.twig') }}
  72. {% else %}
  74.     {% set abstand_top_class = (checkMultiselect(pimcore_multiselect("artikel"),'abstand-top') == true)? ' abstand-top' : '' %}
  75.     {% set abstand_bottom_class = (checkMultiselect(pimcore_multiselect("artikel"),'abstand-bottom') == true)? ' abstand-bottom' : '' %}
  76.     {% set abstandClasses = abstand_top_class ~ abstand_bottom_class %}
  78.     {% set randomID = random() %}
  79.     {% set logoCount = markenCount %}
  81.     <div class="constrainer-maxsize edgepadding {{ abstandClasses }}">
  83.         <div class="logobar">
  85.             <h4 class="font-thin text-center">{{ 'marken_headline'|trans }}</h4>
  87.             <div class="owl-carousel owl-theme no-item-padding" data-slider="{{ randomID }}" data-logobar>
  89.                 {% if marken is not empty %}
  90.                     {% for key, element in marken %}
  91.                         <div class="logobar-item centered-flex">
  92.                             {% if element.marken_img_href is not empty %}
  93.                                 <a href="{{ element.marken_img_href }}" target="_blank">
  94.                             {% endif %}
  96.                             <img src="{{ element.marken_img_path }}" alt="{{ element.marken_img_alt }}" />
  97.                             {% if element.marken_img_href is not empty %}
  98.                                 </a>
  99.                             {% endif %}
  100.                         </div>
  101.                     {% endfor %}
  102.                 {% endif %}
  103.             </div>
  104.         </div>
  105.     </div>
  107.      <script type="text/javascript">
  108.         (function () {
  109.             var moduleName = 'logo_slider_module'; // naming convention XXX_module
  111.             if (typeof selt === 'undefined') {
  112.                 selt = {
  113.                     modules: {}
  114.                 };
  115.             } else if (!selt.modules) {
  116.                 selt.modules = {};
  117.             }
  119.             selt.modules[moduleName] = {
  120.                 name: moduleName,
  121.                 init: function () {
  122.                     init();
  123.                 }
  124.             };
  126.             function init() {
  127.                 galleryEl = $('[data-slider="{{ randomID }}"]');
  128.                 galleryEl.owlCarousel({
  129.                     center: false,
  130.                     loop: false,
  131.                     items: 2,
  132.                     margin: 0,
  133.                     nav: false,
  134.                     navText: [
  135.                         '<svg viewBox="0 0 27.2 105.2" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><polygon class="st0" points="25.4,105.2 0,52 25.4,0 27.2,0.9 2.2,52 27.2,104.3"/></svg>',
  136.                         '<svg viewBox="0 0 27.2 105.2" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><polygon class="st0" points="25.4,105.2 0,52 25.4,0 27.2,0.9 2.2,52 27.2,104.3"/></svg>'
  137.                     ],
  138.                     responsive: {
  139.                         1280: {
  140.                             items: {{ logoCount < 8 ? logoCount : 8 }}
  141.                         },
  142.                         750: {
  143.                             items: {{ logoCount < 4 ? logoCount : 4 }}
  144.                         },
  145.                         480: {
  146.                             items: {{ logoCount < 2 ? logoCount : 2 }}
  147.                         }
  148.                     }
  149.                 })
  150.             }
  151.         }());//EOS
  152.     </script>
  154. {% endif %}