templates/bundles/BitBagSyliusCmsPlugin/Shop/Page/show.html.twig line 6

Open in your IDE?
  1. {% if page.fullLayout == true %}
  2.     {% set layout = '@SyliusShop/layout-full-width.html.twig' %}
  3. {% else %}
  4.     {% set layout = '@SyliusShop/layout.html.twig' %}
  5. {% endif %}
  6. {% extends layout %}
  9. {% set published = (page.publishAt is not null and page.publishAt|date("Y-m-d H:i:s") < "now"|date("Y-m-d H:i:s") or page.publishAt is null) %}
  11. {% set mainImage = null %}
  12. {% if page.image %}
  13.     {% set mainImage = page.image.path %}
  14. {% endif %}
  17. {% block banner %}
  18.     {% if
  19.         page.code != "conditions-d-utilisation"
  20.         and page.code != "conditions-generales-de-vente"
  21.         and page.code != "mentions-legales"
  22.         and page.code != "politique-de-confidentialite"
  23.         and page.template != "structure"
  24.     %}
  25.         {% if ('@SyliusShop/Banner/_banner-' ~ page.code ~ '.html.twig')|template_file_exists %}
  26.             {{ render(url('odiseo_sylius_banner_plugin_shop_partial_banner', {'template': '@SyliusShop/Banner/_banner-' ~ page.code ~ '.html.twig'})) }}
  27.         {% else %}
  28.             {{ render(url('odiseo_sylius_banner_plugin_shop_partial_banner', {'template': '@SyliusShop/Banner/_banner.html.twig'})) }}
  29.         {% endif %}
  30.     {% endif %}
  31. {% endblock %}
  34. {%- block title -%}
  35.     {% if page.title is not empty and published == true  %}
  36.         {{ page.title }}
  37.     {% else %}
  38.         {{ parent() }}
  39.     {% endif %}
  40. {%- endblock -%}
  43. {% block head %}
  44.     {{ parent() }}
  46.     {% block stylesheets %}
  47.         {{ parent() }}
  49.         {% if page.code == "contact" or page.template == "structure" %}
  50.             <script src='https://api.mapbox.com/mapbox-gl-js/v2.3.1/mapbox-gl.js'></script>
  51.             <link href='https://api.mapbox.com/mapbox-gl-js/v2.3.1/mapbox-gl.css' rel='stylesheet' />
  52.         {% endif %}
  54.         {% if page.template == "prestation" or page.template == "structure" %}
  55.             <link href='{{ asset('assets/shop/css/magnific-popup.css') }}' rel='stylesheet' />
  56.         {% endif %}
  57.     {% endblock %}
  59.     {% block metatags %}
  60.         {{ parent() }}
  62.         {% if published == true %}
  63.             {% if page.metaKeywords is not empty %}
  64.                 <meta name="keywords" content="{{ page.metaKeywords }}"/>
  65.             {% endif %}
  66.             {% if page.metaDescription is not empty %}
  67.                 <meta name="description" content="{{ page.metaDescription }}"/>
  68.             {% endif %}
  70.             <meta property="og:site_name" content="Mons Fromage" />
  71.             <meta property="og:locale" content="{{ sylius.localeCode }}" />
  72.             <meta property="og:title" content="{{ page.title|e('html_attr') }}" />
  73.             <meta property="og:url" content="{{ website_url ~ path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}" />
  74.             <meta property="og:type" content="website" />
  75.             <meta property="og:description" content="{{ page.metaDescription|e('html_attr') }}" />
  76.             <meta property="og:image" content="{{ website_url ~ '/' ~ mainImage }}" />
  78.             <meta name="twitter:card" content="summary" />
  79.             <meta name="twitter:title" content="{{ page.title|e('html_attr') }}" />
  80.             <meta name="twitter:description" content="{{ page.metaDescription|e('html_attr') }}" />
  81.             <meta name="twitter:image" content="{{ website_url ~ '/' ~ mainImage }}" />
  82.         {% endif %}
  83.     {% endblock %}
  84. {% endblock %}
  87. {% block content %}
  88.     {% if published == true %}
  89.         {% if page.template is not null %}
  90.             {% include 'bundles/BitBagSyliusCmsPlugin/Shop/Page/templates/_' ~ page.template ~ '.html.twig' %}
  91.         {% else %}
  92.             {% include 'bundles/BitBagSyliusCmsPlugin/Shop/Page/' ~ page.code ~ '.html.twig' %}
  93.         {% endif %}
  94.     {% else %}
  95.         {% include 'bundles/BitBagSyliusCmsPlugin/Shop/Page/Error/_notPublished.html.twig' with {'publishAt': page.publishAt} %}
  96.     {% endif %}
  97. {% endblock %}
  100. {% block javascripts %}
  101.     {{ parent() }}
  103.     {% if page.template == "prestation" or page.template == "structure" %}
  104.         <script src="{{ asset('assets/shop/js/jquery.magnific-popup.min.js') }}"></script>
  106.         <script type="text/javascript">
  107.             $(document).ready(function ($) {
  108.                 $('.{{ page.template }}-details__galerie-images').magnificPopup({
  109.                     delegate: 'a',
  110.                     fixedContentPos: false,
  111.                     midClick: true,
  112.                     gallery:{
  113.                         enabled:true
  114.                     },
  115.                     type: 'image'
  116.                 });
  117.             });
  118.         </script>
  119.     {% endif %}
  121.     {% if page.template == "structure" %}
  122.         <script type="text/javascript">
  125.             // Display the map
  126.             mapboxgl.accessToken = '{{ mapbox_key }}';
  128.             var map = new mapboxgl.Map({
  129.                 container: 'map',
  130.                 style: 'mapbox://styles/mapbox/light-v10',
  131.                 center: [{{ page.structureGpsLng }}, {{ page.structureGpsLat }}],
  132.                 zoom: 13
  133.             });
  135.             var marker = new mapboxgl.Marker({
  136.                 color: '#883412'
  137.             })
  138.                 .setLngLat([{{ page.structureGpsLng }}, {{ page.structureGpsLat }}])
  139.                 .addTo(map);
  141.             var nav = new mapboxgl.NavigationControl();
  142.             map.addControl(nav, 'top-left');
  143.         </script>
  144.     {% endif %}
  146.     {% if page.code == "contact" or page.code == "fromagers-evenementiels" or page.code == "centre-international-mons-formation" %}
  147.         <script src="https://www.google.com/recaptcha/api.js"></script>
  148.         <script type="text/javascript">
  149.             function onSubmitContactForm(token) {
  150.                 $(document).ready(function() {
  151.                     $("form#contact-form #recaptcha-token").val(token);
  152.                     var firstName = $("form#contact-form input#sylius_contact_firstname").val().trim();
  153.                     var lastName = $("form#contact-form input#sylius_contact_lastname").val().trim();
  154.                     var email = $("form#contact-form input#sylius_contact_email").val().trim();
  155.                     var phone = $("form#contact-form input#sylius_contact_phone").val().trim();
  156.                     var message = $("form#contact-form #sylius_contact_message").val().trim();
  157.                     var emailRegex = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
  158.                     var phoneRegex = /^(\D*\d){8,}$/;
  160.                     if((firstName === "") || (lastName === "") || (email === "") || (message === "")) {
  161.                         $("#contact-form-errors").empty().html("{{ 'sylius.contact.required_fields_are_missing'|trans }}").removeClass("hidden");
  162.                         return;
  163.                     }
  165.                     if((email !== "") && !emailRegex.test(String(email).toLowerCase())) {
  166.                         $("#contact-form-errors").empty().html("{{ 'sylius.contact.email_not_valid'|trans }}").removeClass("hidden");
  167.                         return;
  168.                     }
  170.                     if((phone !== "") && !phoneRegex.test(String(phone).toLowerCase())) {
  171.                         $("#contact-form-errors").empty().html("{{ 'sylius.contact.phone_not_valid'|trans }}").removeClass("hidden");
  172.                         return;
  173.                     }
  175.                     $("#contact-form-errors").empty().addClass("hidden");
  176.                     $("form#contact-form button").empty().html("<i class='fas fa-paper-plane'></i>{{ 'sylius.contact.sending'|trans }}");
  177.                     document.getElementById("contact-form").submit();
  178.                 });
  179.             }
  180.         </script>
  181.     {% endif %}
  183.     {% if page.code == "contact" %}
  184.         <script type="text/javascript">
  185.             mapboxgl.accessToken = '{{ mapbox_key }}';
  187.             var map = new mapboxgl.Map({
  188.                 container: 'map',
  189.                 style: 'mapbox://styles/mapbox/light-v10',
  190.                 center: [3.9129083, 46.065271],
  191.                 zoom: 13
  192.             });
  194.             var marker = new mapboxgl.Marker({
  195.                 color: '#883412'
  196.             })
  197.                 .setLngLat([3.9129083, 46.065271])
  198.                 .addTo(map);
  200.             var nav = new mapboxgl.NavigationControl();
  201.             map.addControl(nav, 'top-left');
  202.         </script>
  203.     {% endif %}
  204. {% endblock %}