templates/page/template.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %} {{ page.metaTitle }} {% endblock %}
  5. {% block meta %}
  6.     <!-- Primary Meta Tags -->
  7.     <meta name="description" content="{{ page.metaDescription }}">
  9.     <!-- Open Graph -->
  10.     <meta property="og:type" content="website">
  11.     <meta property="og:url" content="{{ app.request.getSchemeAndHttpHost() ~ path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}">
  12.     <meta property="og:title" content="{{ page.metaTitle }}">
  13.     <meta property="og:description" content="{{ page.metaDescription }}">
  14.     {% if page.imageEnTete %}
  15.         <meta property="og:image" content="{{ app.request.getSchemeAndHttpHost() ~ urlImageEnTete ~ page.imageEnTete }}">
  16.     {% else %}
  17.         <meta property="og:image" content="{{ app.request.getSchemeAndHttpHost() ~ asset('assets/logo-og.jpg') }}">
  18.     {% endif %}
  20.     <!-- Twitter -->
  21.     <meta property="twitter:card" content="summary">
  22.     <meta property="twitter:url" content="{{ app.request.getSchemeAndHttpHost() ~ path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}">
  23.     <meta property="twitter:title" content="{{ page.metaTitle }}">
  24.     <meta property="twitter:description" content="{{ page.metaDescription }}">
  25.     {% if page.imageEnTete %}
  26.         <meta property="twitter:image" content="{{ app.request.getSchemeAndHttpHost() ~ urlImageEnTete ~ page.imageEnTete }}">
  27.     {% else %}
  28.         <meta property="twitter:image" content="{{ app.request.getSchemeAndHttpHost() ~ asset('assets/logo-og.jpg') }}">
  29.     {% endif %}
  30. {% endblock %}
  32. {% block stylesheets %}
  33.     <link rel="stylesheet" href="{{ asset('css/page.css') }}"/>
  34.     <link rel="stylesheet" href="{{ asset('css/navLaMarque.css') }}"/>
  35. {% endblock %}
  37. {% block entete %}
  38.     {% if page.imageEnTete is not empty %}
  39.         <img class="img-100" src='{{ urlImageEnTete ~ page.imageEnTete  }}' alt='{{ page.imageAlt }}'>
  40.         <div class="row ">
  41.             <div class="breadcrumb-container breadcrumb-produit px-5">
  42.                 <nav aria-label="breadcrumb">
  43.                     <ol class="breadcrumb-reverse">
  44.                         <li class="breadcrumb-item"><a href="{{ path('homepage') }}">Accueil</a></li>
  45.                         <li class="breadcrumb-item active">{{ page.titre }}</li>
  46.                     </ol>
  47.                 </nav>
  48.                 <h1 class="titre-photo">{{ page.titre  }}</h1>
  49.             </div>
  50.         </div>
  51.     {% else %}
  52.         <div class="container">
  53.             <div class="no-header"></div> 
  54.             <nav aria-label="breadcrumb">
  55.                 <ol class="breadcrumb">
  56.                     <li class="breadcrumb-item"><a href="{{ path('homepage') }}">Accueil</a></li>
  57.                     <li class="breadcrumb-item active">{{ page.titre }}</li>
  58.                 </ol>
  59.             </nav>   
  60.             <h2>{{ page.titre }}</h2>
  61.         </div>
  62.     {% endif %}
  63. {% endblock %}
  64. {% block body %}
  65.     {% if page.navbarSousMenu == true %}
  66.         <div class="row my-5">
  67.             <div class="col-12">
  68.                 <h3 class="mb-4">
  69.                     Qui sommes-nous ?
  70.                 </h3>
  71.                 <p>
  72.                     Créée en 1981, la marque Sogal<sup>®</sup> est leader des portes de placard et spécialiste en France de l’aménagement intérieur sur-mesure.<br />
  73.                     A l'aide d'un fort partenariat avec les distributeurs négociants en matériaux, présents partout en France, Sogal<sup>®</sup> entretient des relations étroites avec les artisans et professionnels qui installent ses produits chaque jour.<br />
  74.                     Environ 1500 points de vente commercialisent les produits Sogal sur le territoire, et plus de 3000 artisans dont 500 Sogal Experts sont ambassadeurs de la marque et de ses produits. Retrouvez-les facilement avec <a href="{{ path('artisans') }}">notre carte interactive</a>.<br />
  75.                     Gage de qualité et de savoir-faire, Sogal<sup>®</sup> est une marque du groupe CMAI. <br />
  76.                     <br />
  77.                     <a class="button" href="http://www.cmai-groupe.com/" target="_blank">Découvrez CMAI</a>
  78.                 </p>
  79.             </div>    
  80.         </div>
  81.     {% endif %}
  82. {% endblock %}
  84. {% block bodyFluid %}
  85.     {% if page.navbarSousMenu == true %}
  86.         <div class="nav-lamarque">
  87.             <div class="container">
  88.                 {% include "page/navbarLaMarque.html.twig" %}
  89.             </div>
  90.         </div>
  91. {% endif %}
  92. {#
  93.     <div class="row">
  94.         {% if page.rows is not empty %}
  95.         <div class="a" style="background-color: {{ page.rows.first.backgroundColor }}">
  96.         </div>
  97.         {% else %}
  98.         <div class="a">
  99.         </div>
  100.         {% endif %}
  101.     </div>
  102. #}
  104.     {% for row in page.rows %}
  105.         {% include "template/row.html.twig" %}
  106.     {% endfor %}
  108.     {# MODAL #}
  109.     <div id="myModal" class="modal modal-zoom">
  110.         <section class="row">
  111.             <div class="col-12">
  112.                 <img class="modal-content-zoom img-fluid" id="img01">
  113.                 <p id="titreModal" class="caption-zoom"></p>
  114.             </div>
  115.         </section>
  116.     </div>
  117. {% endblock %}
  118. {% block javascripts %}
  119.     <script src="{{ asset('js/page.js') }}"></script>
  120. {% endblock %}