templates/module/Teaser/__infoteaser-3x.html.twig line 1

Open in your IDE?
  1. {% if editmode %}
  3.     {{ include('includes/backend-kopf.html.twig') }}
  5.     {% set tabContentArray = {1: 'Optional', 
  6.                 2: 'Teaser Mobile',
  7.                 3: 'Teaser 1',
  8.                 4: 'Teaser 2',
  9.                 5: 'Teaser 3',
  10.                 6: 'Headline + Button' } %}
  11.     {% set tab = 1 %}
  13.     <div id="content">        
  14.             {% if tabContentArray is defined and tab in tabContentArray|keys %}
  15.                 {{ admin_tabs(tab, tabContentArray) | raw }}
  16.             
  17.                 <section class="tabContent">
  18.                     <p class="hl">Optionale Einstellung:</p>
  19.                     {% set element = 'artikel' %}
  20.                     <div id="{{ element }} ">
  21.                         {{ pimcore_multiselect(element, {
  22.                                 'width': 200,
  23.                                 'height': 100,
  24.                                 'store': [
  25.                                     ['abstand-top', 'Abstand nach oben'],
  26.                                     ['abstand-bottom', 'Abstand nach unten']
  27.                                 ]
  28.                             }) }}
  29.                     </div>
  31.                 </section>
  32.             {% endif %} 
  34.              {% if tabContentArray is defined and 2 in tabContentArray|keys %}
  35.                 {{ admin_tabs(2, tabContentArray) | raw }}
  37.                <section class="tabContent">
  39.                 <p class="hl" style="margin-top:50px">Text:</p>
  40.                 <div style="margin-bottom:20px;padding:12px;background-color:#c6e0f3;color: #c3314a;font-size: 1.5em;">
  41.                     <div style="margin-bottom: 10px;"><img src="/bundles/app/static/backend/image/layout/screen-infoteaser-mobile.png"></div>
  42.                 </div>
  43.                 <div class="schreiben"><span class="parentbox" style="background-color:#fff">
  44.                      {{ pimcore_textarea("text_teaser_0",{
  45.                             "nl2br": true,
  46.                             "width": 520
  47.                         }) }}
  48.                 </span></div>
  50.                 <br /><br /><br /><br /><hr /><hr /><br /><br />
  52.                 <p class="hl">Verlinkung (ohne Text):</p>
  53.                 <div class="link"><span class="parentbox" style="background-color:#fff">
  54.                      {{ pimcore_link('teaserlink0', {'reload': false}) }}
  55.                 </span></div>
  56.                 <br /><br />
  57.             </section>
  58.             {% endif %}
  60.             {% if tabContentArray is defined and 3 in tabContentArray|keys %}
  61.                 {{ admin_tabs(3, tabContentArray) | raw }}
  63.               <section class="tabContent">
  65.                 <p class="hl">Icon-Zuweisung:</p>
  66.                 <div class="dragdrop"><span class="parentbox">
  67.                         {{ pimcore_image("icon_teaser_1",  
  68.                                     {"thumbnail": "img-default-edm", 
  69.                                     "title": "Bild hier hereinziehen", 
  70.                                     "width":60, "height":60, 
  71.                                     "hidetext": true
  72.                                     }) 
  73.                             }}
  74.                             </span></div>
  77.                 <p class="hl" style="margin-top:50px">Text:</p>
  78.                 <div style="margin-bottom:20px;padding:12px;background-color:#c6e0f3;color: #c3314a;font-size: 1.5em;">
  79.                     <div style="margin-bottom: 10px;"><img src="/bundles/app/static/backend/image/layout/screen-infoteaser.png"></div>
  80.                     Farbliche Text-Highligts bitte mit <b>mein Text</b> schreiben!
  81.                 </div>
  82.                 <div class="schreiben"><span class="parentbox" style="background-color:#fff">
  83.                 {{ pimcore_textarea("text_teaser_1",{
  84.                             "nl2br": true,
  85.                             "width": 520
  86.                         }) }}
  87.                 </span></div>
  89.                 <br /><br /><br /><br /><hr /><hr /><br /><br />
  91.                 <p class="hl">Verlinkung (ohne Text):</p>
  92.                 <div class="link"><span class="parentbox" style="background-color:#fff">
  93.                      {{ pimcore_link('teaserlink1', {'reload': false}) }}
  94.                 </span></div>
  96.                 <br /><br />
  98.             </section>
  99.             {% endif %}
  101.             {% if tabContentArray is defined and 4 in tabContentArray|keys %}
  102.                 {{ admin_tabs(4, tabContentArray) | raw }}
  104.               <section class="tabContent">
  106.                 <p class="hl">Icon-Zuweisung:</p>
  107.                 <div class="dragdrop"><span class="parentbox">
  108.                         {{ pimcore_image("icon_teaser_2",  
  109.                                     {"thumbnail": "img-default-edm", 
  110.                                     "title": "Bild hier hereinziehen", 
  111.                                     "width":60, "height":60, 
  112.                                     "hidetext": true
  113.                                     }) 
  114.                             }}
  115.                             </span></div>
  118.                 <p class="hl" style="margin-top:50px">Text:</p>
  119.                 <div style="margin-bottom:20px;padding:12px;background-color:#c6e0f3;color: #c3314a;font-size: 1.5em;">
  120.                     <div style="margin-bottom: 10px;"><img src="/bundles/app/static/backend/image/layout/screen-infoteaser.png"></div>
  121.                     Farbliche Text-Highligts bitte mit <b>mein Text</b> schreiben!
  122.                 </div>
  123.                 <div class="schreiben"><span class="parentbox" style="background-color:#fff">
  124.                 {{ pimcore_textarea("text_teaser_2",{
  125.                             "nl2br": true,
  126.                             "width": 520
  127.                         }) }}
  128.                 </span></div>
  130.                 <br /><br /><br /><br /><hr /><hr /><br /><br />
  132.                 <p class="hl">Verlinkung (ohne Text):</p>
  133.                 <div class="link"><span class="parentbox" style="background-color:#fff">
  134.                      {{ pimcore_link('teaserlink2', {'reload': false}) }}
  135.                 </span></div>
  137.                 <br /><br />
  139.             </section>
  140.             {% endif %}
  143.             {% if tabContentArray is defined and 5 in tabContentArray|keys %}
  144.                 {{ admin_tabs(5, tabContentArray) | raw }}
  146.               <section class="tabContent">
  148.                 <p class="hl">Icon-Zuweisung:</p>
  149.                 <div class="dragdrop"><span class="parentbox">
  150.                         {{ pimcore_image("icon_teaser_3",  
  151.                                     {"thumbnail": "img-default-edm", 
  152.                                     "title": "Bild hier hereinziehen", 
  153.                                     "width":60, "height":60, 
  154.                                     "hidetext": true
  155.                                     }) 
  156.                             }}
  157.                             </span></div>
  160.                 <p class="hl" style="margin-top:50px">Text:</p>
  161.                 <div style="margin-bottom:20px;padding:12px;background-color:#c6e0f3;color: #c3314a;font-size: 1.5em;">
  162.                     <div style="margin-bottom: 10px;"><img src="/bundles/app/static/backend/image/layout/screen-infoteaser.png"></div>
  163.                     Farbliche Text-Highligts bitte mit <b>mein Text</b> schreiben!
  164.                 </div>
  165.                 <div class="schreiben"><span class="parentbox" style="background-color:#fff">
  166.                 {{ pimcore_textarea("text_teaser_3",{
  167.                             "nl2br": true,
  168.                             "width": 520
  169.                         }) }}
  170.                 </span></div>
  172.                 <br /><br /><br /><br /><hr /><hr /><br /><br />
  174.                 <p class="hl">Verlinkung (ohne Text):</p>
  175.                 <div class="link"><span class="parentbox" style="background-color:#fff">
  176.                      {{ pimcore_link('teaserlink3', {'reload': false}) }}
  177.                 </span></div>
  179.                 <br /><br />
  181.             </section>
  182.             {% endif %}
  184.             {% if tabContentArray is defined and 6 in tabContentArray|keys %}
  185.                 {{ admin_tabs(6, tabContentArray) | raw }}
  187.               <section class="tabContent">
  189.                 <p class="hl">Headline:</p>                
  190.                 <div class="schreiben"><span class="parentbox" style="background-color:#fff">
  191.                 {{ pimcore_textarea("headline",{
  192.                             "nl2br": true,
  193.                             "width": 520
  194.                         }) }}
  195.                 </span></div>
  197.                 <br /><br /><br /><br /><hr /><hr /><br /><br />
  199.                 <p class="hl">Verlinkung optional (Button):</p>
  200.                 <div class="link"><span class="parentbox" style="background-color:#fff">
  201.                      {{ pimcore_link('buttonlink', {'reload': false}) }}
  202.                 </span></div>
  204.                 <br /><br />
  206.             </section>
  207.             {% endif %}
  210.     </div>
  211.     {{ include('includes/backend-fuss.html.twig') }}
  213. {% else %}
  215.     {% set abstand_top_class = (checkMultiselect(pimcore_multiselect("artikel"),'abstand-top') == true)? ' abstand-top' : '' %}
  216.     {% set abstand_bottom_class = (checkMultiselect(pimcore_multiselect("artikel"),'abstand-bottom') == true)? ' abstand-bottom' : '' %}
  217.     {% set abstandClasses = abstand_top_class ~ abstand_bottom_class %}
  218.     {% set sliderId = document.getId() %}
  220.     {% set href_0 = pimcore_link('teaserlink0').getHref() %}
  221.     {% set target_0 = pimcore_link('teaserlink0').getTarget() %}
  222.     {% set a_0 = a_tag(href_0,target_0,'cta-item') %}
  224.     {% set href_1 = pimcore_link('teaserlink1').getHref() %}
  225.     {% set target_1 = pimcore_link('teaserlink1').getTarget() %}
  226.     {% set a_1 = a_tag(href_1,target_1,'') %}
  228.     {% set href_2 = pimcore_link('teaserlink2').getHref() %}
  229.     {% set target_2 = pimcore_link('teaserlink2').getTarget() %}
  230.     {% set a_2 = a_tag(href_2,target_2,'') %}
  232.     {% set href_3 = pimcore_link('teaserlink3').getHref() %}
  233.     {% set target_3 = pimcore_link('teaserlink3').getTarget() %}
  234.     {% set a_3 = a_tag(href_3,target_3,'') %}
  236.     {% set headline = pimcore_textarea("headline") %}
  237.     {% set buttonlink = pimcore_link('buttonlink').getHref() %}
  238.     {% set buttontarget = pimcore_link('buttonlink').getTarget() %}
  239.     {% set buttontext = pimcore_link('buttonlink').getText() %}
  241.     {% set text_teaser_0 = pimcore_textarea("text_teaser_0") %}
  242.     {% set text_teaser_1 = pimcore_textarea("text_teaser_1") %}
  243.     {% set text_teaser_2 = pimcore_textarea("text_teaser_2") %}
  244.     {% set text_teaser_3 = pimcore_textarea("text_teaser_3") %}
  246.     {% set icon_teaser_1 = pimcore_image("icon_teaser_1").getSrc() %}
  247.     {% set icon_teaser_2 = pimcore_image("icon_teaser_2").getSrc() %}  
  248.     {% set icon_teaser_3 = pimcore_image("icon_teaser_3").getSrc() %}
  250.      <div class="online-rent-bg{{ abstandClasses }}">
  252.         <div class="online-rent layout-float constrainer-maxsize edgepadding">
  254.             <div class="cta no-underline">
  256.                     <a class="cta-item" href="{{ buttonlink }}" target="{{ buttontarget }}">
  257.                         <h2 class="font-thin">{{ headline }}</h2>
  258.                         {% if pimcore_link("buttonlink").isEmpty() == false %}
  259.                             <span class="btn-wrp bp--show" >
  260.                             <button class="theme-color-bg" style="color:#FFF;">{{ buttontext }}</button>
  261.                             </span>
  262.                         {% endif %}
  263.                     </a>
  265.             </div>
  268.             {% if pimcore_link("teaserlink0").isEmpty() == false %}
  269.             <div class="shadowbox bp--hide hover cta-box">
  270.                 {{ a_0 |raw }}
  272.                 <div class="copy uppercase"><strong>{{ text_teaser_0 |raw }}</strong></div>
  273.                 <div class="btn-wrp arrow-button"><button></button></div>
  275.                 </a>
  276.             </div>
  277.             {% endif %}
  281.             {% if pimcore_link("teaserlink1").isEmpty() == false %}
  282.             <div class="shadowbox">
  283.                 {{ a_1 |raw }}
  285.                 <figure class="icon-wrp">
  286.                 {% if pimcore_image("icon_teaser_1").isEmpty() == false %}
  287.                 <img src="{{ icon_teaser_1 }}"/>
  288.                 {% endif %}
  289.                 </figure>
  290.                 <div>{{ text_teaser_1|raw }}{# {{ teaser_1 |raw }} #}</div>
  292.                 </a>
  293.             </div>
  294.              {% endif %}
  297.             {% if pimcore_link("teaserlink2").isEmpty() == false %}
  298.             <div class="shadowbox">
  299.                 {{ a_2 |raw }}
  301.                 <figure class="icon-wrp">
  302.                 {% if pimcore_image("icon_teaser_2").isEmpty() == false %}
  303.                 <img src="{{ icon_teaser_2 }}"/>
  304.                 {% endif %}
  305.                 </figure>
  306.                 <div>{{ text_teaser_2|raw }}</div>
  308.                 </a>
  309.             </div>
  310.             {% endif %}
  313.             {% if pimcore_link("teaserlink3").isEmpty() == false %}
  314.             <div class="shadowbox">
  315.                 {{ a_3 |raw }}
  317.                 <figure class="icon-wrp">
  318.                 {% if pimcore_image("icon_teaser_3").isEmpty() == false %}
  319.                     <img src="{{ icon_teaser_3 }}"/>
  320.                 {% endif %}
  321.                 </figure>
  322.                 <div>{{ text_teaser_3|raw }}</div>
  324.                 </a>
  325.             </div>
  326.             {% endif %}
  328.         </div>
  330.     </div>
  331. {% endif %}