templates/timobracht/_includes/content-blocks/panel-6-6-tours.html.twig line 1

Open in your IDE?
  1.   
  2.   
  3.   {% if editmode %}
  4.   <div class="pim-tooltip">
  5.     <p><strong>Anzahl / Reihe</strong></p>
  6.     <div class="row">
  7.       <div class="col-6">
  8.         <div>
  9.           Wieviele Angebote sollen je Reihe angezeigt werden?
  10.         </div>
  11.         {{ pimcore_select("panel-offers-cols", {
  12.             "store": [
  13.                 ['col-12', '1 Angebot'],
  14.                 ['col-12 col-lg-6', '2 Angebote'],
  15.                 ['col-12 col-lg-4', '3 Angebote']
  16.             ],
  17.             "defaultValue" : "col-12 col-lg-6",
  18.             "reload" : true
  19.         }) }}       
  20.       </div>
  21.     </div> 
  22.   </div>
  23.   {% endif %}
  24.   
  25.   <div class="row">   
  26.     <div class="{{ pimcore_select('panel-offers-cols').getData }}">              
  27.       <div class="tour-preview {% if not editmode %}scroll-animated{% endif %}" style="margin-top:100px;">
  28.         <div class="tour-preview-image-border" style="position:relative; margin-top:-100px;">         
  29.           {{ pimcore_image("tour1_image", {"class":"tour-preview-image", "thumbnail":"tour-preview-image"}) }}
  30.         </div>
  31.         <p><strong>{{ pimcore_input("tour1") }}</strong></p>
  32.         <h3><span class="header-font red">{{ pimcore_input("tour1_headline") }}</span></h3>
  33.         <div class="tour-preview-text">
  34.           {{ pimcore_wysiwyg("tour1_description") }}
  35.         </div>
  36.         <div class="tour-details">
  37.           <div class="row">
  38.             <div class="col-12 col-sm-6">
  39.               <span class="tour-detail">
  40.                 <strong><span class="lsf">calendar</span> Reisedauer:</strong> {{ pimcore_input("tour1_days") }}
  41.               </span>
  42.             </div>
  43.             <div class="col-12 col-sm-6">
  44.               <span class="tour-detail">
  45.                 <strong><span class="lsf">dailycalendar</span> Termine:</strong> {{ pimcore_input("tour1_times") }}
  46.               </span>
  47.             </div>
  48.           </div>
  49.           <!--
  50.           <div class="row">
  51.             <div class="col-12 col-sm-6">
  52.               <span class="tour-detail">
  53.                 <strong><span class="lsf">time</span> Gesamtdauer:</strong> {{ pimcore_input("tour1_duration") }}
  54.               </span>
  55.             </div>
  56.             <div class="col-12 col-sm-6">
  57.               <span class="tour-detail">
  58.                 <strong><span class="lsf">dashboard</span> Reine Fahrzeit:</strong> {{ pimcore_input("tour1_biketime") }}
  59.               </span>
  60.             </div>
  61.           </div>
  62.           -->
  63.           <div class="row">
  64.             <div class="col-12 col-sm-6">
  65.               <span class="tour-detail">
  66.                 <strong><span class="lsf">group</span> Teilnehmer:</strong> {{ pimcore_input("tour1_limit") }}
  67.               </span>
  68.             </div>
  69.             <div class="col-12 col-sm-6">
  70.             </div>
  71.           </div>
  72.         </div>
  73.         <div class="tour-price header-font text-center">
  74.           Preis p.P.: &nbsp;<span class="red">{{ pimcore_input("tour1_price") }} &euro;*</span>
  75.         </div>
  76.         <div class="tour-booking-link">
  77.           <a class="btn btn-light" href="#buchung"><span class="lsf">right</span>&nbsp; Jetzt anmelden</a>
  78.         </div>
  79.       </div>
  80.     </div>
  81.     {% if editmode or not editmode and pimcore_input("tour2_headline").getData() != '' %}
  82.     <div class="{{ pimcore_select('panel-offers-cols').getData }}">              
  83.       <div class="tour-preview {% if not editmode %}scroll-animated{% endif %}" style="margin-top:100px;">
  84.         <div class="tour-preview-image-border" style="position:relative; margin-top:-100px;">         
  85.           {{ pimcore_image("tour2_image", {"class":"tour-preview-image", "thumbnail":"tour-preview-image"}) }}
  86.         </div>
  87.         <p><strong>{{ pimcore_input("tour2") }}</strong></p>
  88.         <h3><span class="header-font red">{{ pimcore_input("tour2_headline") }}</span></h3>
  89.         <div class="tour-preview-text">
  90.           {{ pimcore_wysiwyg("tour2_description") }}
  91.         </div>
  92.         <div class="tour-details">
  93.           <div class="row">
  94.             <div class="col-12 col-sm-6">
  95.               <span class="tour-detail">
  96.                 <strong><span class="lsf">calendar</span> Reisedauer:</strong> {{ pimcore_input("tour2_days") }}
  97.               </span>
  98.             </div>
  99.             <div class="col-12 col-sm-6">
  100.               <span class="tour-detail">
  101.                 <strong><span class="lsf">dailycalendar</span> Termine:</strong> {{ pimcore_input("tour2_times") }}
  102.               </span>
  103.             </div>
  104.           </div>
  105.           <!--
  106.           <div class="row">
  107.             <div class="col-12 col-sm-6">
  108.               <span class="tour-detail">
  109.                 <strong><span class="lsf">time</span> Gesamtdauer:</strong> {{ pimcore_input("tour2_duration") }}
  110.               </span>
  111.             </div>
  112.             <div class="col-12 col-sm-6">
  113.               <span class="tour-detail">
  114.                 <strong><span class="lsf">dashboard</span> Reine Fahrzeit:</strong> {{ pimcore_input("tour2_biketime") }}
  115.               </span>
  116.             </div>
  117.           </div>
  118.           -->
  119.           <div class="row">
  120.             <div class="col-12 col-sm-6">
  121.               <span class="tour-detail">
  122.                 <strong><span class="lsf">group</span> Teilnehmer:</strong> {{ pimcore_input("tour2_limit") }}
  123.               </span>
  124.             </div>
  125.             <div class="col-12 col-sm-6">
  126.             </div>
  127.           </div>
  128.         </div>
  129.         <div class="tour-price header-font text-center">
  130.           Preis p.P.: &nbsp;<span class="red">{{ pimcore_input("tour2_price") }} &euro;*</span>
  131.         </div>
  132.         <div class="tour-booking-link">
  133.           <a class="btn btn-light" href="#buchung"><span class="lsf">right</span>&nbsp; Jetzt anmelden</a>
  134.         </div>
  135.       </div>
  136.     </div>
  137.     {% endif %}
  138.     
  139.     {% if editmode or not editmode and pimcore_input("tour3_headline").getData() != '' %}
  140.     <div class="{{ pimcore_select('panel-offers-cols').getData }}">              
  141.       <div class="tour-preview {% if not editmode %}scroll-animated{% endif %}" style="margin-top:100px;">
  142.         <div class="tour-preview-image-border" style="position:relative; margin-top:-100px;">         
  143.           {{ pimcore_image("tour3_image", {"class":"tour-preview-image", "thumbnail":"tour-preview-image"}) }}
  144.         </div>
  145.         <p><strong>{{ pimcore_input("tour3") }}</strong></p>
  146.         <h3><span class="header-font red">{{ pimcore_input("tour3_headline") }}</span></h3>
  147.         <div class="tour-preview-text">
  148.           {{ pimcore_wysiwyg("tour3_description") }}
  149.         </div>
  150.         <div class="tour-details">
  151.           <div class="row">
  152.             <div class="col-12 col-sm-6">
  153.               <span class="tour-detail">
  154.                 <strong><span class="lsf">calendar</span> Reisedauer:</strong> {{ pimcore_input("tour3_days") }}
  155.               </span>
  156.             </div>
  157.             <div class="col-12 col-sm-6">
  158.               <span class="tour-detail">
  159.                 <strong><span class="lsf">dailycalendar</span> Termine:</strong> {{ pimcore_input("tour3_times") }}
  160.               </span>
  161.             </div>
  162.           </div>
  163.           <!--
  164.           <div class="row">
  165.             <div class="col-12 col-sm-6">
  166.               <span class="tour-detail">
  167.                 <strong><span class="lsf">time</span> Gesamtdauer:</strong> {{ pimcore_input("tour3_duration") }}
  168.               </span>
  169.             </div>
  170.             <div class="col-12 col-sm-6">
  171.               <span class="tour-detail">
  172.                 <strong><span class="lsf">dashboard</span> Reine Fahrzeit:</strong> {{ pimcore_input("tour3_biketime") }}
  173.               </span>
  174.             </div>
  175.           </div>
  176.           -->
  177.           <div class="row">
  178.             <div class="col-12 col-sm-6">
  179.               <span class="tour-detail">
  180.                 <strong><span class="lsf">group</span> Teilnehmer:</strong> {{ pimcore_input("tour3_limit") }}
  181.               </span>
  182.             </div>
  183.             <div class="col-12 col-sm-6">
  184.             </div>
  185.           </div>
  186.         </div>
  187.         <div class="tour-price header-font text-center">
  188.           Preis p.P.: &nbsp;<span class="red">{{ pimcore_input("tour3_price") }} &euro;*</span>
  189.         </div>
  190.         <div class="tour-booking-link">
  191.           <a class="btn btn-light" href="#buchung"><span class="lsf">right</span>&nbsp; Jetzt anmelden</a>
  192.         </div>
  193.       </div>
  194.     </div>
  195.     {% endif %}
  196.     
  197.   </div>