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