templates/homepage.html.twig line 1

Open in your IDE?
  2. {# get root node if there is no document defined (for pages which are routed directly through static route) #}
  4. {% if not document is defined or not document %}
  5.     {% set document = pimcore_document(1) %}
  6. {% endif %}
  8. {# get the document which should be used to start in navigation | default home #}
  10. {% if locale == 'de' %}
  11.     {% set navStartNode = pimcore_document( constant('SITE_ROOT_ID_DE') ) %}
  12. {% elseif locale == 'en' %}
  13.     {% set navStartNode = pimcore_document( constant('SITE_ROOT_ID_EN') ) %}
  14. {% else %}
  15.     {% set navStartNode = document.getProperty('navigationRoot') %}
  16. {% endif %}
  18. {# Pimcore default -> deactivated
  19. {% if not navStartNode is instanceof('\\Pimcore\\Model\\Document\\Page') %}
  20.     {% set navStartNode = pimcore_document(1) %}
  21. {% endif %}
  22. #}
  24. {% set mainNavigation = pimcore_build_nav({
  25.     active: document,
  26.     root: navStartNode
  27. }) %}
  29. {% if document.getDescription is not empty %}
  30.       {% do pimcore_head_meta().setDescription(document.getDescription) %}
  31. {% endif %}
  33. {% do pimcore_head_meta().setProperty('og:locale', locale) %}
  34. {% do pimcore_head_meta().setProperty('og:url', app.request.uri ) %}
  35. {% do pimcore_head_meta().setProperty('og:site_name', constant('SITE_NAME') ) %}
  36. {% if newsarticle is defined %}
  37.     {% if newsarticle is instanceof('\\Pimcore\Model\DataObject\Newsblog') %}
  38.         {% do pimcore_head_meta().setProperty('og:type', 'article') %}
  39.         {% do pimcore_head_meta().setProperty('og:title', newsarticle.headline ) %}
  40.         {% do pimcore_head_meta().setProperty('og:description', newsarticle.teaser | raw ) %}
  41.         {% do pimcore_head_meta().setProperty('article:modified_time', date( timestamp ).format('c') ) %}
  42.     {% endif %}
  43. {% endif %}
  45. {% set user = app.user %}
  47. <!DOCTYPE html>
  48. <html lang="{{ locale }}"> 
  49.   <head>
  50.     <meta charset="utf-8">
  51.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  52.     <meta name="viewport" content="width=device-width, initial-scale=1">    
  53.     <title>{% if document.getTitle() is not empty %}{{ document.getTitle() }}{% endif %}</title>   
  54.     {{ pimcore_head_meta() }}
  55.     <link rel="canonical" href="{{ app.request.uri }}" />
  56.     <meta name="author" content="{{ constant('SITE_NAME') }}">
  57.     <meta name="generator" content="78media solutions">    
  58.     <link rel="icon" href="{{ constant('SITE_TEMPLATE_PATH') }}/img/favicons/favicon-192x192.png" sizes="192x192" type="image/png">
  59.     <link rel="apple-touch-icon" href="{{ constant('SITE_TEMPLATE_PATH') }}/img/favicons/apple-touch-icon.png" sizes="180x180">
  60.     <link rel="icon" href="{{ constant('SITE_TEMPLATE_PATH') }}/img/favicons/favicon-32x32.png" sizes="32x32" type="image/png">
  61.     <link rel="icon" href="{{ constant('SITE_TEMPLATE_PATH') }}/img/favicons/favicon-16x16.png" sizes="16x16" type="image/png">
  62.     <link rel="manifest" href="{{ constant('SITE_TEMPLATE_PATH') }}/img/favicons/manifest.json">
  63.     <link rel="mask-icon" href="{{ constant('SITE_TEMPLATE_PATH') }}/img/favicons/safari-pinned-tab.svg" color="#563d7c">
  64.     <link rel="icon" href="{{ constant('SITE_TEMPLATE_PATH') }}/img/favicons/favicon.ico">    
  65.     <!-- base -->
  66.     <link href="{{ constant('SITE_TEMPLATE_PATH') }}/css/bootstrap.min.css" rel="stylesheet">
  67.     <link href="{{ constant('SITE_TEMPLATE_PATH') }}/css/animate.min.css" rel="stylesheet" />
  68.     <link href="{{ constant('SITE_TEMPLATE_PATH') }}/css/jquery.fancybox.min.css" rel="stylesheet">
  69.     <link href="{{ constant('SITE_TEMPLATE_PATH') }}/plugins/slick/slick.css" rel="stylesheet">
  70.     <link href="{{ constant('SITE_TEMPLATE_PATH') }}/plugins/slick/slick-theme.css" rel="stylesheet">
  71.     <!-- theme -->
  72.     <link href="{{ constant('SITE_TEMPLATE_PATH') }}/css/screen.less?v={{ 'now'|date('U') }}" rel="stylesheet/less" type="text/css">   
  73.     <script src="{{ constant('SITE_TEMPLATE_PATH') }}/js/less.min.js" language="javascript"></script> 
  74.     {% if editmode %}
  75.     <link href="{{ constant('SITE_TEMPLATE_PATH') }}/css/editmode.css?v={{ 'now'|date('U') }}" rel="stylesheet">
  76.     {% endif %}
  77.     
  78.     <!-- Google tag (gtag.js) -->
  79.     <script async src="https://www.googletagmanager.com/gtag/js?id=AW-927743781">
  80.     </script>
  81.     <script>
  82.       window.dataLayer = window.dataLayer || [];
  83.       function gtag(){dataLayer.push(arguments);}
  84.       gtag('js', new Date());
  86.       gtag('config', 'AW-927743781');
  87.     </script>
  88.   </head>
  90.   <body id="body">
  92.     <header>
  93.       <!-- div wrapper needed !!! -->
  94.       <div class="header-options">       
  95.         <a class="navbar-toggler d-block" data-toggle="navbar-header">
  96.           <div id="nav-icon">
  97.             <span></span>
  98.             <span></span>
  99.             <span></span>
  100.             <span></span>
  101.           </div>
  102.         </a>        
  103.         <a class="language-switch" data-toggle="language-selection" href="/{{ (locale=='en' ? 'de' : 'en') }}/">
  104.           <img class="language {{ (locale=='en') ? 'active-en' : 'active-de' }}" src="{{ constant('SITE_TEMPLATE_PATH') }}/img/flags/de-en.png" />
  105.         </a>
  106.         <a href="https://www.deutschertourismusverband.de/">
  107.           <img class="dtv-link" src="{{ constant('SITE_TEMPLATE_PATH') }}/img/dtv_4_sterneferien.png" />
  108.         </a>       
  109.       </div>
  110.       <!-- end div wrapper !!! -->
  111.       <div class="header-logo">
  112.         <a href="/{{ locale }}">
  113.           <img src="{{ constant('SITE_TEMPLATE_PATH') }}/img/logo_7schwaben.png" alt="7SCHWABEN" title="7SCHWABEN Ferienwohnungen Apartments in Bad Urach" />
  114.         </a>
  115.       </div>      
  116.     </header>
  117.     
  118.     {# \Pimcore\Navigation\Renderer\Menu #}
  119.     {% set menuRenderer = pimcore_nav_renderer('menu') %}
  120.     {{ menuRenderer.renderPartial( mainNavigation, '_includes/7schwaben_navigation.html.twig' ) | raw }}
  121.     
  122.     <main>
  124.       <!-- page banner -->
  125.       <div class="page-banner">
  126.         {{ pimcore_image('home_main_image') }}           
  127.         <div class="container">
  128.           <div class="row">
  129.             <div class="col-12">
  130.               <div class="page-header main-header">
  131.                 <h3><span class="d-block d-sm-inline">{{ pimcore_input('home_main_header3') | replace({'7SCHWABEN': '<strong class="condensed"><span class="red">7</span>SCHWABEN</strong>'}) | raw }}</h3> 
  132.                 <h1>{{ pimcore_input('home_main_header1') | replace({'7SCHWABEN': '<strong class="condensed"><span class="red">7</span>SCHWABEN</strong>'}) | raw }}</h1> 
  133.               </div>  
  134.             </div>
  135.           </div>
  136.         </div>
  137.       </div>
  139.       <!-- slider gallery -->
  140.       <!--
  141.       <section>           
  142.         {{ pimcore_renderlet('slidergallery', {
  143.             "controller" : "App\\Controller\\DocumentController::sliderGalleryAction",
  144.             "title" : "Assets-Ordner mit Bildern per Drag+Drop zuweisen",
  145.             "height" : 400
  146.           })
  147.         }}        
  148.         <div class="container mt-5">
  149.           <div class="row">
  150.             <div class="col-12">
  151.               {{ pimcore_wysiwyg('home_main_welcome') | replace({'7SCHWABEN': '<strong class="condensed"><span class="red">7</span>SCHWABEN</strong>'}) | raw }}  
  152.             </div>
  153.           </div>
  154.         </div>       
  155.       </section>
  156.       -->
  157.       
  158.       <!-- apartments section -->     
  159.       <section class="bg-grey" style="overflow:hidden;">        
  160.         <!-- apartments slider -->       
  161.         <div class="appartments-slider">                  
  162.           {% if (apartments is defined and apartments | length > 0) %}
  163.           {% for apartment in apartments %}              
  164.           <div class="appartment-preview">
  165.                       <img class="appartment-preview-image" src="{{ apartment.mainImage }}" />
  166.             <div class="appartment-preview-box">
  167.               <h3 class="appartment-name red">
  168.                 {{ apartment.name }}
  169.               </h3>
  170.               <div class="appartment-description">
  171.                 {{ apartment.shortDescription }}
  172.               </div>
  173.               <div class="appartment-options">
  174.                 <a class="btn btn-default" href="/{{ locale }}/buchen.php">{{ 'booking' | trans }}</a><a class="btn btn-default" href="/{{ locale }}/apartments/{{ apartment.key }}">{{ 'details' | trans }}</a>
  175.               </div>
  176.             </div>
  177.                   </div>          
  178.           {% endfor %}
  179.           {% endif %}
  180.         </div>
  181.         <!-- end apartments slider -->      
  182.       </section>
  183.       
  184.       <section>
  185.         <div class="container mt-2">
  186.           <div class="row">
  187.             <div class="col-12">
  188.               {{ pimcore_wysiwyg('home_main_welcome') | replace({'7SCHWABEN': '<strong class="condensed"><span class="red">7</span>SCHWABEN</strong>'}) | raw }}  
  189.             </div>
  190.           </div>
  191.         </div>       
  192.       </section>
  193.       
  194.       <!-- apartments section -->
  195.       <section>
  196.         <div class="container">
  197.           <div class="page-header scroll-animated" data-animation="slideInUp">
  198.             <h3>{{ pimcore_input('home_section1_header3') | replace({'7SCHWABEN': '<strong class="condensed"><span class="red">7</span>SCHWABEN</strong>'}) | raw }}</h3> 
  199.             <p class="grey">{{ pimcore_input('home_section1_text1') | replace({'7SCHWABEN': '<strong class="condensed"><span class="red">7</span>SCHWABEN</strong>'}) | raw }}</p>
  200.           </div>          
  201.           
  202.           <!-- slider gallery -->
  203.           <div class="document-gallery-wrapper">           
  204.             {{ pimcore_renderlet('slidergallery2', {
  205.                 "controller" : "App\\Controller\\DocumentController::sliderGalleryAction",
  206.                 "title" : "Assets-Ordner mit Bildern per Drag+Drop zuweisen",
  207.                 "height" : 400
  208.               })
  209.             }}
  210.           </div>
  211.           
  212.           <div class="page-introduction scroll-animated" data-animation="slideInUp">
  213.             {{ pimcore_wysiwyg('home_section1_text2') | replace({'7SCHWABEN': '<strong class="condensed"><span class="red">7</span>SCHWABEN</strong>'}) | raw }}
  214.           </div>
  215.                   
  216.           {% if (apartments is defined and apartments | length > 0) %}
  217.           {% for apartment in apartments %}            
  218.           <div class="apmt-preview-box">
  219.             <div class="row">
  220.               <div class="col-12 col-lg-3">
  221.                 <div class="apmt-preview-image">
  222.                   <img class="apmt-image" src="{{ apartment.logo }}" />
  223.                 </div>
  224.               </div>
  225.               <div class="col-12 col-lg-9">
  226.                 <div class="apmt-preview-description">
  227.                   <h3 class="apmt-description-header">{% if apartment.stars > 0 %}<img class="apmt-stars-rating" alt="{{ apartment.stars }} Sterne" src="/themes/7schwaben/img/{{ apartment.stars }}_Sterne.png" />{% endif %}{{ apartment.shortDescription | raw }}</h3>
  228.                   <div class="apmt-preview-icons">
  229.                     {% if apartment.icon1 %}<span class="icon-apmt icon-apmt-double"></span>{% endif %}
  230.                     {% if apartment.icon2 %}<span class="icon-apmt icon-apmt-single"></span>{% endif %}
  231.                     {% if apartment.icon3 %}<span class="icon-apmt icon-apmt-bunk"></span>{% endif %}                   
  232.                     {% if apartment.icon4 %}<span class="icon-apmt icon-apmt-terrace"></span>{% endif %}
  233.                     {% if apartment.icon5 %}<span class="icon-apmt icon-apmt-disabled"></span></span>{% endif %}
  234.                     {% if apartment.icon6 %}<span class="icon-apmt icon-apmt-balcony"></span>{% endif %}
  235.                     {% if apartment.icon7 %}<span class="icon-apmt icon-apmt-view"></span>{% endif %}
  236.                   </div>
  237.                   <div>
  238.                     {{ apartment.description | raw }}
  239.                   </div>
  240.                   <div class="apmt-price-tag">
  241.                     {{ 'from' | trans }} {{ apartment.price }} &euro;
  242.                   </div>
  243.                 </div> 
  244.                 <div class="apmt-preview-actions"> 
  245.                   <a class="btn btn-default" href="/{{ locale }}/apartments/{{ apartment.key }}">{{ 'details' | trans }}</a> &nbsp; <a class="btn btn-default" href="/{{ locale }}/buchen.php">{{ 'booking' | trans }}</a>
  246.                 </div>
  247.               </div>
  248.             </div>
  249.           </div>            
  250.           {% endfor %}
  251.           {% endif %}
  253.         </div>
  254.       </section>
  255.       
  256.       <section>
  257.         <div class="container">                   
  258.           <div class="page-header scroll-animated" data-animation="slideInUp">
  259.             <h3>{{ pimcore_input('home_section2_header3') | replace({'7SCHWABEN': '<strong class="condensed"><span class="red">7</span>SCHWABEN</strong>'}) | raw }}</h3> 
  260.             <p class="grey">{{ pimcore_input('home_section2_text1') | replace({'7SCHWABEN': '<strong class="condensed"><span class="red">7</span>SCHWABEN</strong>'}) | raw }}</p>
  261.           </div>
  262.           <div class="page-introduction scroll-animated" data-animation="slideInUp">
  263.             <div class="row">
  264.               <div class="col-12 col-lg-6">
  265.                 {{ pimcore_image('home_section2_image1') | replace({'7SCHWABEN': '<strong class="condensed"><span class="red">7</span>SCHWABEN</strong>'}) | raw }}
  266.               </div>
  267.               <div class="col-12 col-lg-6">
  268.                 {{ pimcore_wysiwyg('home_section2_text2') | replace({'7SCHWABEN': '<strong class="condensed"><span class="red">7</span>SCHWABEN</strong>'}) | raw }}          
  269.               </div>
  270.           </div>
  271.         </div>
  272.       </section>
  273.       
  274.       <!-- apartments section -->     
  275.       <section class="bg-grey" style="overflow:hidden;">        
  276.         <!-- apartments slider -->       
  277.         <div class="appartments-slider">                  
  278.           {% if (apartments is defined and apartments | length > 0) %}
  279.           {% for apartment in apartments %}              
  280.           <div class="appartment-preview">
  281.                       <img class="appartment-preview-image" src="{{ apartment.mainImage }}" />
  282.             <div class="appartment-preview-box">
  283.               <h3 class="appartment-name red">
  284.                 {{ apartment.name }}
  285.               </h3>
  286.               <div class="appartment-description">
  287.                 {{ apartment.shortDescription }}
  288.               </div>
  289.               <div class="appartment-options">
  290.                 <a class="btn btn-default" href="/{{ locale }}/buchen.php">{{ 'booking' | trans }}</a><a class="btn btn-default" href="/{{ locale }}/apartments/{{ apartment.key }}">{{ 'details' | trans }}</a>
  291.               </div>
  292.             </div>
  293.                   </div>          
  294.           {% endfor %}
  295.           {% endif %}
  296.         </div>
  297.         <!-- end apartments slider -->      
  298.       </section>
  300.       <div id="footer-switch" style="height:1px; background:transparent;">
  301.       </div>
  302.   
  303.       {{ include('_includes/contactForm.html.twig') }}
  304.       
  305.       {% if articles is defined and articles | length > 0 %}
  306.       <div class="widget news-widget animate__animated animate__bounceInUp" id="news-widget">
  307.         <a class="widget-toggler" data-toggle="news-widget"><span class="lsf">plus</span></a>
  308.         <div class="widget-content">
  309.           <h4 class="widget-header">News</h4>
  310.           <div class="widget-body">
  311.             <ul class="news-list">
  312.               {% for article in articles %}
  313.               <li class="news-list-item">
  314.                 <h3 class="news-item-header">{{ article.headline }}</h3>
  315.                 <a href="/{{ locale ~ blog.blogPathPrefix }}/{{ article.getKey }}" class="news-item-link"><span class="lsf">right</span> {{ 'news-learn-more' | trans }}</a>
  316.               </li>
  317.               {% endfor %}
  318.             </ul>
  319.           </div>
  320.         </div>
  321.       </div>
  322.       {% endif %}
  323.   
  324.       <!-- document block content -->  
  325.       {{ block('main_content') }}
  327.     </main>
  329.     {{ include('_includes/footer.html.twig') }}
  331.   </body>
  332. </html>