templates/front/Produit/produit.html.twig line 1

Open in your IDE?
  1. {% extends '/front/layout.html.twig' %}
  2. {% trans_default_domain 'app' %}
  4. {% block canonical %}{{ app.request.schemeAndHttpHost ~ app.request.pathInfo }}{% endblock %}
  6. {% block fondcolor %} blanc{% endblock %}
  7. {% block seotitle %}
  8.     {{ infosResidence.seoTitle |raw }}
  9. {% endblock %}
  10. {% block seodesc %}
  11.     {{ infosResidence.seoDesc |raw }}
  12. {% endblock %}
  13. {% block microformat %}
  14. {#
  15. {
  16.   "@context": "http://schema.org",
  17.   "@type": "LodgingBusiness",
  18.   "name": "Charmant chalet à la montagne",
  19.   "description": "Un magnifique chalet de trois chambres offrant une vue imprenable sur les montagnes.",
  20.   "image": "http://exemple.com/photo.jpg",
  21.   "address": {
  22.     "@type": "PostalAddress",
  23.     "streetAddress": "123 rue de la Montagne",
  24.     "addressLocality": "Ville",
  25.     "postalCode": "12345",
  26.     "addressCountry": "FR"
  27.   },
  28.   "telephone": "+33 1 23 45 67 89",
  29.   "email": "contact@exemple.com",
  30.   "checkinTime": "16:00:00",
  31.   "checkoutTime": "11:00:00"
  32. }
  33. #}
  34. {% endblock %}
  36. {% block stylesheets %}
  37.     {{ parent() }}
  38.     <style>
  39.         .carousel-produit {
  40.             background-color:#000;
  41.         }
  42.         .splide {
  43.             padding: 0!important;
  45.             }
  46.             .splide__slide img {
  47.                 width: 100%;
  48.                 height: 100%;
  49.                 object-fit: cover;
  50.             }
  52.             .splide__slide {
  53.                 opacity: 0.6;
  54.             }
  56.                 .splide__slide.is-active {
  57.                 opacity: 1;
  58.             }
  60.     </style>
  61. {% endblock %}
  63. {% block titre_produit %}
  64. <div id="product-header">
  65.     <div class="breadcrumb">
  66.         <div class="container">
  67.             {% set lieu = "" %}
  68.             <ol itemscope itemtype="https://schema.org/BreadcrumbList">
  69.             {% for item in breadCrumb %}
  70.              <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
  71.                 {% if item.url is defined %}
  72.                     <a itemprop="item" href="{{ item.url }}"><span itemprop="name">{{ item.nom }}</span></a>&nbsp;>&nbsp;
  73.                     <meta itemprop="position" content="{{ loop.index }}" />
  74.                     {% set lieu = item.nom %}
  75.                 {% else %}
  76.                     <span itemprop="name" class="">{{ item.nom }}</span>
  77.                     <meta itemprop="position" content="{{ loop.index }}" />
  78.                 {% endif %}
  79.                 </li>
  80.             {% endfor %}
  81.             </ol>
  82.         </div>
  83.     </div>
  84.     <div>
  85.         <div class="container  padding-bottom-5">
  86.             <div class="product-title">
  87.                 <div  class="col-md-8 col-sm-12 col-xs-12 padding-off">
  88.                     <div class="surtitle">{{ lieu }}</div>
  89.                     <h1 class="title">{{ residence.nom |raw }}</h1>
  90.                     <div class="subtitle"> {{ infosResidence.resLieu }}</div>
  91.                 </div>
  92.                 <div class="col-md-4 col-sm-12 col-xs-12">
  93.                     <div class="row">
  94.                         <div class="col-md-6 produit-label">
  95.                             {% if infosResidence.logo1Name %}
  96.                             <img src="{{ vich_uploader_asset(infosResidence, 'logo1File') | imagine_filter('logo_label') }}" >
  97.                             {% endif %}
  98.                         </div>
  99.                         <div class="col-md-6 produit-label">
  100.                             {% if infosResidence.logo2Name %}
  101.                             <img src="{{ vich_uploader_asset(infosResidence, 'logo2File') | imagine_filter('logo_label') }}" >
  102.                             {% endif %}
  103.                         </div>
  104.                     </div>
  105.                     <div class="row">
  106.                         <div class="col-md-6 produit-label">
  107.                             {% if infosResidence.logo1Name %}
  108.                             <p>{{ infosResidence.logo1Title}}</p>
  109.                             {% endif %}
  110.                         </div>
  111.                         <div class="col-md-6 produit-label">
  112.                             {% if infosResidence.logo2Name %}
  113.                             <p>{{ infosResidence.logo2Title}}</p>
  114.                             {% endif %}
  115.                         </div>
  116.                     </div>
  117.                 </div>
  118.             </div>
  119.         </div>
  120.     </div>
  121. </div>
  125. {% endblock %}        
  126. {% block contenu %}
  127.     {% include "/front/Produit/hero.html.twig" %}
  128.     <div class="container margin-bottom-30" data-exec="page_produit">
  129.         <div class="product-container">
  130.             <!-- LEFT COL: BEGIN -->
  131.             <div id="productContent" class="">
  132.                 {% include "/front/Produit/fil.html.twig" %}
  133.                 
  134.                 {% include "/front/Produit/description.html.twig" %}
  135.                 {% if comm_status %}
  136.                 
  137.                 <div id="titre_hebergements" class="col-md-12">
  138.                     {% include "/front/Produit/hebergements.html.twig" with {"typos": typos} %}
  139.                 </div>
  140.                 {% endif %}
  141.                 
  142.                 {% if comm_status %}
  143.                 <div id="titre_formule" class="col-md-12 margin-bottom-30">
  144.                         {% include "/front/Produit/formules.html.twig"  %} 
  145.                 </div>
  146.                 {% endif %}
  147.                 <div id="titre_infos" class="col-md-12 margin-bottom-30">
  148.                     {% include "/front/Produit/infos.html.twig" %}
  149.                 </div>
  150.             </div>
  151.             <!-- LEFT COL: END -->
  152.             <!-- RIGHT COL: BEGIN -->
  153.             <div id="productResa">
  154.                 <div id="plizwait" class="fondloader">
  155.                     <div class="loader"></div>
  156.                     <div class="fondloader-texte"></div>
  157.                 </div>
  158.                 {% if comm_status %}
  159.                     {% include "/front/Produit/reservation.html.twig" with {"packages": packages, 'travellers': travellers}  %}
  160.                 {% endif %}
  161.             </div>
  162.             <!-- RIGHT COL: END -->
  163.         </div>
  164.     </div>
  165. {% endblock %}
  168. {% block footer %}
  169.     {{ parent() }}
  170.     
  171. {% endblock %}
  173. {% block javascripts %}
  174.     {{ parent() }}
  175.     {% set datearrivee = travellers['actdatearrivee'] | dateEnToFr %}
  176.     {% set datedepart = travellers['actdatedepart'] %}
  177.     {% set duree = travellers['actnbnuits'] %}
  178.     <script>
  179.         var selectedHebergement = '{{ selectedHebergement }}';
  180.         var selectedFormule = '{{ selectedFormule }}';
  181.         var datesArrivalEnabled = {{ listDatesDebut | raw }};
  182.         var listDurees = {{ listDurees | raw }};
  183.         var datesdepartureEnabled = [];
  184.         var fromDateObj = -1, toDateObj = -1;
  185.         var fromDate = '{{ datearrivee }}';
  186.         var duree = '{{ duree }}';
  187.         var startDate = "{{ datearrivee }}";
  188.         var defaultDate = "{{ datearrivee }}";
  189.         var ages_url ="{{ path('ac_platform_getages') }}";
  190.         var setages_url ="{{ path('ac_platform_setages') }}";
  191.         var session_url ="{{ path('ac_platform_setSession') }}";
  192.         var addElement_url ="{{ path('ac_platform_addElement') }}";
  193.         var ac_platform_produit = "{{ path('ac_platform_produit', {'slug' : slug, 'id': id}) }}";
  194.         var ac_platform_produit_refresh = "{{ path('ac_platform_produit_refresh') }}";
  195.         var ac_platform_getHebergements = "{{ path('ac_platform_getHebergements', {'id': id}) }}";
  197.         var date_naissance_enfant_format_error = "{{ 'reservation.produit.erreurs.date_naissance_enfant_format' |trans({}, 'form') }}";
  198.         var dates_naissance_enfant_format_error = "{{ 'reservation.produit.erreurs.dates_naissance_enfant_format' |trans({}, 'form') }}";
  199.         var dates_naissance_enfant_validation_error = "{{ 'reservation.produit.erreurs.dates_naissance_enfant_validation' |trans({}, 'form') }}";
  201.         var date_naissance_bebe_format_error = "{{ 'reservation.produit.erreurs.date_naissance_bebe_format' |trans({}, 'form') }}";
  202.         var dates_naissance_bebe_format_error = "{{ 'reservation.produit.erreurs.dates_naissance_bebe_format' |trans({}, 'form') }}";
  203.         var dates_naissance_bebe_validation_error = "{{ 'reservation.produit.erreurs.dates_naissance_bebe_validation' |trans({}, 'form') }}";
  205.         var choix_hebergement_error = "{{ 'reservation.produit.erreurs.choix_hebergement' |trans({}, 'form') }}";
  207.         var id ='{{ id }}';
  208.         {% if comm_status %}
  209.         var idPrestation = "{{ idPrestationDefault }}";
  210.         {% endif %}
  211.         var trans = new Array();
  212.         trans['proposition_dates']  = "{{ 'proposition_dates' |trans({}, 'recherche') |e('js') }}";
  213.         trans['aucun_resultat']  = "{{ 'aucun_resultat' |trans({}, 'recherche') |e('js') }}";
  214.         trans['oups']  = "{{ 'oups' |trans({},'recherche') |e('js')}}";
  217.     </script>
  221. {% endblock %}