templates/produit/fiche_produit.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block title %}{{ produit.metaTitle}}{% endblock %}
  4. {% block meta %}
  5.     <!-- Primary Meta Tags -->
  6.     <meta name="description" content="{{ produit.metaDescription }}">
  8.     <!-- Open Graph -->
  9.     <meta property="og:type" content="website">
  10.     <meta property="og:url" content="{{ app.request.getSchemeAndHttpHost() ~ path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}">
  11.     <meta property="og:title" content="{{ produit.metaTitle }}">
  12.     <meta property="og:description" content="{{ produit.metaDescription }}">
  13.     <meta property="og:image" content="{{ app.request.getSchemeAndHttpHost() ~ urlImageProduit ~ produit.images.first.url }}">
  15.     <!-- Twitter -->
  16.     <meta property="twitter:card" content="summary">
  17.     <meta property="twitter:url" content="{{ app.request.getSchemeAndHttpHost() ~ path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}">
  18.     <meta property="twitter:title" content="{{ produit.metaTitle }}">
  19.     <meta property="twitter:description" content="{{ produit.metaDescription }}">
  20.     <meta property="twitter:image" content="{{ app.request.getSchemeAndHttpHost() ~ urlImageProduit ~ produit.images.first.url }}">
  21. {% endblock %}
  23. {% block stylesheets %}
  24.     <link rel="stylesheet" href="{{ asset('css/ficheProduit.css') }}"/>
  25.     <link rel="stylesheet" href="{{ asset('magnify/magnify.css') }}">
  27. {% endblock %}
  29. {% block body %}
  30. <div class="no-header"></div>
  32. <nav aria-label="breadcrumb">
  33.     <ol class="breadcrumb">
  34.         <li class="breadcrumb-item"><a href="{{ path('homepage') }}">Accueil</a></li>
  35.         <li class="breadcrumb-item"><a href="{{ path('famille_produit', {seoUrl: produit.sousFamille.familleProduit.seoUrl }) }}">{{ produit.sousFamille.familleProduit.designation }}</a></li>
  36.         <li class="breadcrumb-item"><a href="{{ path('sous_famille', {familleProduit: produit.sousFamille.familleProduit.seoUrl, sousFamille:produit.sousFamille.seoUrl }) }}">{{ produit.sousFamille.designation }}</a></li>
  37.         <li class="breadcrumb-item active">{{ produit.modelCommercial }}</li>
  38.     </ol>
  39. </nav>
  41. <div class="row d-md-none mt-5">
  42.     <div class="col-12">
  43.         <h1 class="h3">{{ produit.modelCommercial}}</h1>
  44.     </div>
  45.     <div class="col-12">
  46.         {{ produit.description|raw }}
  47.     </div>
  48. </div>
  50. <div class="row my-5" id="produit">
  51. {# partie gauche image carousel #}
  52.     <div class="col-md-6 fixed" id="leftside">
  53.         {% include 'produit/slider_produit.html.twig' %}
  54.     </div>
  55. {# partie droite #}
  56.     <div class="col-md-6">
  57.         <div class="row d-none d-md-block" id="rightside1">
  58.             <div class="col-12">
  59.                 <p class="h3">{{ produit.modelCommercial}}</p>
  60.             </div>
  61.             <div class="col-12">
  62.                 {{ produit.description|raw }}
  63.             </div>
  64.         </div>
  65.         <div class="row " id="rightside2">
  66.             <div class="col-12">
  67.                 {% include 'produit/info_produit.html.twig' %}
  68.             </div>
  69.         </div>
  71.     </div>
  72. </div>
  73. <div id="navWrap"></div>
  75. {% endblock %}
  77. {% block bodyFluid %}
  78. {% endblock %}
  80. {% block javascripts %}
  81.     <script src="{{ asset('js/ficheProduit.js') }}"></script>
  82.     <script src="{{ asset('magnify/jquery.magnify.js') }}"></script>
  83. {% endblock %}