templates/front/_common/_base.html.twig line 1

Open in your IDE?
  1. {% set STATIC_URL = asset('static/') %}
  2. {% set BUILD_ID = '1' %}
  3. <!DOCTYPE html>
  4. <html lang="{{ app.request.locale }}">
  5. <head>
  6.     <meta charset="utf-8">
  7.     <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no"/>
  8.     <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
  10.     {% set seo = null %}
  11.     {% if app.request.attributes.get('_route') != '' %}
  12.         {% set url_seo = path(app.request.attributes.get('_route'),
  13.             app.request.attributes.get('_route_params')) %}
  14.         {% set seo = url_seo|metatags %}
  15.     {% endif %}
  17.     {% block linkcanonical %}{% endblock %}
  19.     {% include 'front/_common/_metatags.html.twig' %}
  20.     
  21.     {% if info.scriptsMeta %}
  22.         {{ info.scriptsMeta|raw }}
  23.     {% endif %}
  24.     {% if seo is not null and seo.scriptsMeta %}
  25.         {{ seo.scriptsMeta|raw }}
  26.     {% endif %}
  28.     {% if info.seoFavicon %}
  29.         <!-- inicio favicon  iphone retina, ipad, iphone en orden-->
  30.         <link rel="icon" type="image/png" href="{{ asset(info.seoFavicon|image_path) }}"/>
  31.         <link rel="apple-touch-icon-precomposed" sizes="114x114" href="{{ asset(info.seoFavicon|image_path) }}">
  32.         <link rel="apple-touch-icon-precomposed" sizes="72x72" href="{{ asset(info.seoFavicon|image_path) }}">
  33.         <link rel="apple-touch-icon-precomposed" href="{{ asset(info.seoFavicon|image_path) }}">
  34.         <!-- end favicon -->
  35.     {% endif %}
  37.     {% block cssadicional %}{% endblock %}
  39.     {# Start CSS Links #}
  40.     <link rel="stylesheet" type="text/css" href="{{STATIC_URL}}/css/styles.css?v={{ BUILD_ID }}"/>
  41.     <link rel="stylesheet" type="text/css" href="{{STATIC_URL}}/css/blocks_styl.css?v={{ BUILD_ID }}"/>
  43.     <!--[if lt IE 9]>
  44.         <script src="{{STATIC_URL}}/js/html5.js"></script>
  45.         <script src="{{STATIC_URL}}/js/respond.js" type="text/javascript"></script>
  46.         <link rel="stylesheet" type="text/css" href="{{STATIC_URL}}/css/ie.css" />
  47.     <![endif]-->
  48.     {# End CSS Links #}
  50.     {% if info.scriptsHeader %}
  51.         {{ info.scriptsHeader|raw }}
  52.     {% endif %}
  53.     {% if seo is not null and seo.scriptsHeader %}
  54.         {{ seo.scriptsHeader|raw }}
  55.     {% endif %}
  56. </head>
  58. <body class="{% block classbody %}{% endblock %}">
  60. {% if info.scriptsBody %}
  61.     {{ info.scriptsBody|raw }}
  62. {% endif %}
  63. {% if seo is not null and seo.scriptsBody %}
  64.     {{ seo.scriptsBody|raw }}
  65. {% endif %}
  67. <div class="cnt-wrapper">
  68.     {% include 'front/_common/_header.html.twig' %}
  69.     <div class="wrapper">
  70.     {% block content %}{% endblock %}
  71.     </div>
  72.     {% include 'front/_common/_footer.html.twig' %}
  73. </div>
  74.     
  75. <div class="blockOverlay"></div>
  77.         <!-- POPUP VIDEOS -->
  78.         <div class="gPopupVideo">
  79.             <a href="#" class="icon-close closePopup"></a>
  80.             <iframe src="" class="youtubePopup" frameborder="0"></iframe>
  81.             <video
  82.                 src=""
  83.                 class="mp4Popup"
  84.                 autoplay
  85.                 loop
  86.                 playsinline
  87.                 preload="metadata"
  88.             ></video>
  89.         </div>
  91.         <!-- html solo para el menu responsive -->
  92.         <div class="menu-overlay"></div>
  93.         <!-- html solo para el menu responsive -->
  95.         <!-- contenedor del menu responsive -->
  96.         <div class="responsive-tool"></div>
  97.         <div class="menu-sidebar" style="display: none" data-menu="right-in">
  98.             <div class="menu-sidebar-cnt">
  99.                 <img src="{{ asset(info.mnuHeaderImg|image_path) }}" alt="{{ info.mnuHeaderImg|image_alt }}" class="sidebar__img"/>
  100.                 <div class="sidebar__info">
  101.                     <ul class="sidebar__links">
  102.                     {% if info.socialShow and info.socialHeaderShow %}
  103.                         {% if info.socialFbShow and info.socialFbUrl %}
  104.                         <li><a href="{{ info.socialFbUrl }}" target="_blank"><img src="{{STATIC_URL}}img/facebook.png" alt="facebook" /></a></li>
  105.                         {% endif %}
  106.                         {% if info.socialLdShow and info.socialLdUrl %}
  107.                         <li><a href="{{ info.socialLdUrl }}" target="_blank"><img src="{{STATIC_URL}}img/linkedin.png" alt="linkedin" /></a></li>
  108.                         {% endif %}
  109.                         {% if info.socialIgShow and info.socialIgUrl %}
  110.                         <li><a href="{{ info.socialIgUrl }}" target="_blank"><img src="{{STATIC_URL}}img/instagram.png" alt="instagram" /></a></li>
  111.                         {% endif %}
  112.                         {% if info.socialYtShow and info.socialYtUrl %}
  113.                         <li><a href="{{ info.socialYtUrl }}" target="_blank"><img src="{{STATIC_URL}}img/youtube.png" alt="youtube" /></a></li>
  114.                         {% endif %}
  115.                         {% if info.socialTtShow and info.socialTtUrl %}
  116.                         <li><a href="{{ info.socialTtUrl }}" target="_blank"><img src="{{STATIC_URL}}img/tiktoklogo.png" alt="tiktok" /></a></li>
  117.                         {% endif %}
  118.                     {% endif %}
  119.                     </ul>
  120.                 </div>
  121.                 
  122.                 <li class="sidebar-link menu-item">
  123.                     <a class="menu-link" href="{{ path('about') }}">Nosotros</a>
  124.                 </li>
  125.                 {% if info.blogShow and info.blogUrl %}
  126.                 <li class="sidebar-link menu-item">
  127.                     <a class="menu-link" href="{{ info.blogUrl }}" target="_blank">Blog</a>
  128.                 </li>
  129.                 {% endif %}
  130.                 {% if info.externalLinkSomenewsShow and info.externalLinkSomenews %}
  131.                 <li class="sidebar-link menu-item">
  132.                     <a class="menu-link external" href="{{ info.externalLinkSomenews }}" target="_blank">Seminuevos</a>
  133.                 </li>
  134.                 {% endif %}
  135.                 {% if info.externalLinkPartsShow and info.externalLinkParts %}
  136.                 <li class="sidebar-link menu-item">
  137.                     <a class="menu-link external" href="{{ info.externalLinkParts }}" target="_blank">Tienda de repuestos</a>
  138.                 </li>
  139.                 {% endif %}
  140.             </div>
  141.         </div>
  142.         <div class="b1Coockie">
  143.             <div class="wancho flex aic">
  144.                 <div class="gParrafo">
  145.                     <p>Este sitio usa cookies. <a href="{{ path('cookies') }}" target="_blank">Más información</a></p>
  146.                 </div>
  147.                 <div class="flex cookie__buttons">
  148.                     <a href="#" class="general_button white" id="noCookies">Rechazar</a>
  149.                     <a href="#" class="general_button clickCookie">Aceptar</a>
  150.                 </div>
  151.             </div>
  152.         </div>
  154.         {% if info.whatsappShow and info.whatsappNumber %}
  155.         {% set whatsapp_url = 'https://api.whatsapp.com/send?phone=' ~ info.whatsappNumber|only_numbers %}
  156.         {% set whatsapp_url = whatsapp_url ~ (info.whatsappText ? '&text=' ~ info.whatsappText|url_encode : '' ) %}
  157.         <a  href="{{ whatsapp_url }}" target="_blank" 
  158.             class="wsp__button icon-whatsapp1">
  159.         </a>
  160.         {% endif %}
  162.         <script
  163.             src="{{STATIC_URL}}/js/jquery-3.2.1.min.js"
  164.             type="text/javascript"
  165.         ></script>
  166.         <script src="{{STATIC_URL}}/js/main.js" type="text/javascript"></script>
  168. {% block jsfinal %}{% endblock %}
  170. <script type="text/javascript">
  171.     if (document.getElementsByClassName('clickCookie')[0]) {
  172.         let elCookie = document.getElementsByClassName('clickCookie')[0];
  173.         let elWrapCookie = document.getElementsByClassName('b1Coockie')[0];
  175.         elCookie.addEventListener('click', function (e) {
  176.             e.preventDefault();
  177.             this.parentNode.parentNode.parentNode.classList.add('disabledWrap');
  178.             localStorage.setItem('#stateE2i', true);
  179.         });
  180.         if (localStorage.getItem('#stateE2i') === 'true') {
  181.         } else {
  182.             elWrapCookie.classList.add('active');
  183.         }
  185.         function deleteAllCookies() {
  186.             var cookies = document.cookie.split(";");
  187.             for (var i = 0; i < cookies.length; i++) {
  188.                 var cookie = cookies[i];
  189.                 var eqPos = cookie.indexOf("=");
  190.                 var name = eqPos > -1 ? cookie.substr(0, eqPos) : cookie;
  191.                 document.cookie = name + "=;expires=Thu, 01 Jan 1970 00:00:00 GMT";
  192.             }
  193.         }
  195.         if (localStorage.getItem('#stateE2i') === 'No') {
  196.             deleteAllCookies();
  197.             elWrapCookie.classList.remove('active');
  198.         }
  199.         
  200.         $('#noCookies').click(function(e){
  201.             e.preventDefault();
  202.             deleteAllCookies();
  203.             localStorage.setItem('#stateE2i', 'No');
  204.             elWrapCookie.classList.remove('active');
  205.         });
  206.     }
  208.     
  209. </script>
  211. <script>
  212.     {# Start Custom JS Links #}
  214.     {# End Custom JS Links #}
  216.     function storeUtms($data) {
  217.         $.ajax({
  218.             url: '{{ path('store_utms') }}',
  219.             type: 'get',
  220.             dataType: 'json',
  221.             data: $data,
  222.             success: function (data) {
  223.                 updateUtm(data);
  224.             }
  225.         })
  226.     }
  228.     function updateUtm(data) {
  229.         if (data['utm_source']) {
  230.             $('.form_utmsource').val(data['utm_source']);
  231.         }
  232.         if (data['utm_medium']) {
  233.             $('.form_utmmedium').val(data['utm_medium']);
  234.         }
  235.         if (data['utm_source']) {
  236.             $('.form_utmsource').val(data['utm_source']);
  237.         }
  238.         if (data['utm_campaign']) {
  239.             $('.form_utmcampaign').val(data['utm_campaign']);
  240.         }
  241.         if (data['utm_term']) {
  242.             $('.form_utmterm').val(data['utm_term']);
  243.         }
  244.         if (data['utm_content']) {
  245.             $('.form_utmcontent').val(data['utm_content']);
  246.         }
  247.         if (data['utm_gclid']) {
  248.             $('.form_gclid').val(data['utm_gclid']);
  249.         }
  250.     }
  252.     let utm_data = {};
  253.     {% set utm_params = ['utm_source', 'utm_campaign', 'utm_medium', 'utm_term', 'utm_content', 'gclid'] %}
  254.     {% for u in utm_params %}
  255.     {% if app.request.get(u)|default('') %}
  256.     utm_data['{{ u }}'] = '{{ app.request.get(u) }}';
  257.     {% endif %}
  258.     {% endfor %}
  259.     if (!$.isEmptyObject(utm_data)) {
  260.         storeUtms(utm_data);
  261.     }
  263.     {% include 'front/templates/utms.html.twig' %}
  264. </script>
  266. {% if info.scriptsFooter %}
  267.     {{ info.scriptsFooter|raw }}
  268. {% endif %}
  269. {% if seo is not null and seo.scriptsFooter %}
  270.     {{ seo.scriptsFooter|raw }}
  271. {% endif %}
  273. </body>
  274. </html>