File "layout-base.tmpl"

Full Path: /srv/www/www.cadoro.it/src/templates/layout-base.tmpl
File size: 21.13 KB
MIME-type: text/html
Charset: utf-8

<!DOCTYPE html>
<html lang="it">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="google-site-verification" content="Mrzpor7Nms3Z02Uaw2s3Wjan_2bG4nnBHxBcfl7BKIo" />
    <title>{block name=title}CADORO{/block}</title>
    <script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="a239d568-e4be-47bf-ab12-b447b429d417" data-blockingmode="auto" type="text/javascript"></script>
    {block name="head"}
    <meta name="description" content="Scopri i supermercati Cadoro, le offerte, i punti vendita più vicini a te, le informazioni sui prodotti e tanti consigli per la tua spesa.">
    <meta name="author" content="">
    {/block}
    <link href="//fonts.googleapis.com/css?family=Hind:300,400,500,600|Oswald:300,400|Sue+Ellen+Francisco|Roboto+Slab:400,700" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Great+Vibes" rel="stylesheet">
    <link rel="stylesheet" type="text/css" media="all" href="{$base_url}/css/main.css?{$key_assets}" />
    <!--[if lt IE 9]>
      <script src="{$cdn_url}/js/html5.js"></script>
      <script src="{$cdn_url}/js/respond.js"></script>
    <![endif]-->
    <!--[if lt IE 9]><link rel="stylesheet" type="text/css" media="all" href="{$cdn_url}/css/main-ie8.css?{$key_assets}" /><![endif]-->
    <link rel="apple-touch-icon" sizes="180x180" href="{$cdn_url}/apple-touch-icon.png">
    <link rel="icon" type="image/png" href="{$cdn_url}/favicon-32x32.png" sizes="32x32">
    <link rel="icon" type="image/png" href="{$cdn_url}/favicon-16x16.png" sizes="16x16">
    <link rel="manifest" href="{$cdn_url}/manifest.json">
    <link rel="mask-icon" href="{$cdn_url}/safari-pinned-tab.svg" color="#5bbad5">
    <meta name="theme-color" content="#ffffff">
    <meta name="facebook-domain-verification" content="1qskk9q0k9lxafzlmp8v3cndnh7te5"/>
    <!-- universalLinks -->
    <link rel="alternate" href="android-app://it.cadoro.app/https/*.cadoro.it/landing/.*" />
    <link rel="alternate" href="android-app://it.cadoro.app/https/cadoro.it/landing/.*" />
    <link rel="alternate" href="android-app://it.cadoro.app/http/*.cadoro.it/landing/.*" />
    <link rel="alternate" href="android-app://it.cadoro.app/http/cadoro.it/landing/.*" />
    {literal}
      <!-- Facebook Pixel Code -->
      <script>
      !function(f,b,e,v,n,t,s)	
      {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
      n.callMethod.apply(n,arguments):n.queue.push(arguments)};
      if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
      n.queue=[];t=b.createElement(e);t.async=!0;
      t.src=v;s=b.getElementsByTagName(e)[0];
      s.parentNode.insertBefore(t,s)}(window, document,'script',
      'https://connect.facebook.net/en_US/fbevents.js');
      fbq('init', '290593109465708');
      fbq('track', 'PageView');
      </script>
      <noscript>
      <img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=290593109465708&ev=PageView&noscript=1" />
      </noscript>
      <!-- End Facebook Pixel Code -->
    {/literal}
    {block name="csshead"}{/block}
  </head>
  <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KLRT3N8"
    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  <!-- End Google Tag Manager (noscript) -->
  	<body {if isset($page.hero) && $page.hero} class="page-hero" style="background-image: url({$cdn_url}/assets/{$page.hero});background-size: 100%" {/if} data-imgmobile="{if isset($page.hero_mobile) && $page.hero_mobile}{$page.hero_mobile}{/if}" data-img="{if isset($page.hero) && $page.hero}{$page.hero}{/if}">
  	<input type="hidden" class="video-identificator" value="{if isset($page.hero_video) && $page.hero_video}{$page.hero_video}{/if}" >
    {block name="body"}
    
    {if isset($error_tessera) && $error_tessera neq 0}
    <script>
      window.location.replace('{$base_url}/login?error_tessera=1{$error_tessera}');
    </script>
    {/if}

    {* {if $pcookie} *}
    {* <div class="privacy-cookie">
      <div class="container-fluid">
        Questo sito utilizza i cookie per fornire i suoi servizi. Proseguendo nella navigazione, accetti il loro utilizzo.
        <a href="{$base_url}/privacy" class="btn btn-default">INFORMAZIONI</a>
        <a href="#" data-behaviour="privacy-cookie-close" class="btn btn-default">OK</a>
      </div>
    </div> *}
    {* {/if} *}

    {if isset($page) && $page.hero && !$page.hero_video}
      <section class="hero hero_trigger" {if $page.link} style="cursor: pointer;" {/if}>
        <input type="hidden" value="{$page.link}" class="hero_link">
        <div class="container">
          <div class="mb20 text-left hidden-xs" style="margin-top: 10px;">
            <a href="{$base_url}">
              <img src="{$cdn_url}/images/logo.png" alt="Cadoro" class="img-responsive">
            </a>
          </div>
          <h1>{$page.title}</h1>
          {if $page.subtitle}
            <h2>{$page.subtitle}</h2>
          {/if}
        </div>
      </section>
    {elseif isset($page) && $page.hero_video}
      <section class="hero hidden-xs">
        {if $page.extra_props eq 1}
          {assign 'extra' '&autoplay=1'}
        {elseif $page.extra_props eq 2}
          {assign 'extra' '&autoplay=1&loop=1&playlist='|cat:{$page.hero_video}}
        {else}
          {assign 'extra' '&autoplay=0&loop=0'}
        {/if}
        <div style="position: absolute;width: 100%;z-index: 999;">
        	<div class="container text-left" style="padding-top: 10px;">
        		<a href="{$base_url}">
					<img src="{$cdn_url}/images/logo.png" alt="Cadoro" class="img-responsive">
				</a>
        	</div>
        </div>

        <div class="video-wrapper hidden-xs">
          <iframe class="video" frameborder="0" width="100%" style="color: #f50;" src="https://youtube.com/embed/{$page.hero_video}?mute=1&controls=0&showinfo=0&autohide=0&rel=0{$extra}" allowfullscreen data-autoplay data-keepplaying></iframe>
        </div>
      </section>
    {/if}

    <header class="header hidden-print">
      <div class="container">
        <div class="row">
          <div class="col-sm-3 text-left">
            <div class="header-logo">
              <a href="{$base_url}">
                <img src="{$cdn_url}/images/logo.png" alt="Cadoro" class="img-responsive">
              </a>
              <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
                <i class="fa fa-bars"></i>
              </button>
            </div>
          </div>
          <div class="col-sm-9">
            <div class="row">
              <div class="col-sm-12 text-right">
                <ul class="nav navbar-nav navbar-right" style="margin-right: 0;">
                  <li class="hidden-xs">
                    <a href="{$base_url}/cerca" class="search"><i class="fa fa-search"></i></a>
                  </li>
                  <li>
                    <a href="{$base_url}/profilo" class="profile{if $principal} logged{/if}">
                      <strong>TUA</strong>CARD'ORO <i class="fa fa-caret-down"></i>
                    </a>
                  </li>
                </ul>
              </div>
              <div class="col-sm-12 navbar">
                <div class="collapse navbar-collapse navbar-main-collapse navbar-right">
                  <ul class="nav navbar-nav">
                    {assign "menu_main" _menu('main')}
                    {if $menu_main}
                    {foreach $menu_main->content() as $m}
                    <li>
                      {if $m.children}
                        <a href="{$m.link}"{if $m.class} class="{$m.class} dropdown-toggle"{else} class="dropdown-toggle"{/if}{if $m.rel} rel="{$m.rel}"{/if} data-toggle="dropdown">
                          {$m.name} <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu">
                          {foreach $m.children as $m2}
                          <li>
                            <a href="{$m2.link}"{if $m2.class} class="{$m2.class}"{/if}{if $m2.rel} rel="{$m2.rel}"{/if}>{$m2.name}</a>
                          </li>
                          {/foreach}
                        </ul>
                      {else}
                        <a href="{$m.link}"{if $m.class} class="{$m.class}"{/if}{if $m.rel} rel="{$m.rel}"{/if}>{$m.name}</a>
                      {/if}
                    </li>
                    {/foreach}
					{if $principal}<li class="hidden-md hidden-lg"><a href="{$base_url}/logout">ESCI</a></li>{/if}
                    {/if}
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </header>

    {if isset($page) && $page.hero_video}
      <section class="visible-xs">
        {if $page.extra_props eq 1}
          {assign 'extra' '&autoplay=1'}
        {elseif $page.extra_props eq 2}
          {assign 'extra' '&autoplay=1&loop=1&playlist='|cat:{$page.hero_video}}
        {/if}
        <div class="video-wrapper">
          <iframe class="video" frameborder="0" width="100%" style="color: #f50;" src="https://youtube.com/embed/{$page.hero_video}?mute=1&controls=0&showinfo=0&autohide=0&rel=0{$extra}" allowfullscreen></iframe>
        </div>
      </section>
    {/if}

    {block name="content_full"}
    <div class="container mt20 content">
      {block name="content"}{/block}
    </div>
    {/block}
    
    <section class="footer-newsletter hidden-print  {if $request_uri == '/filodiretto/newsletter'}hidden{/if}">
      <div class="container">
        <div class="row text-center">
          <div class="col-sm-12 ">
            <h4>
              NEWSLETTER <br>
              Rimani aggiornato sulle nostre novità
              </h4>
              <a class="btn btn-danger text-uppercase" href="{$base_url}/filodiretto/newsletter">&nbsp;&nbsp;Iscriviti&nbsp;&nbsp;</a>
          </div>
          {* <form id="newsletter-form" method="post" action="{$base_url}/newsletter"{if $request_uri ne '/filodiretto/newsletter'} class="hidden-xs"{/if}>
            <div class="col-sm-9">
              <div class="row">
                <div class="col-sm-3 mt30">
                  <input type="text" class="form-control" name="firstname" placeholder="NOME">
                </div>
                <div class="col-sm-3 mt30">
                  <input type="text" class="form-control" name="lastname" placeholder="COGNOME">
                </div>
                <div class="col-sm-3 mt30">
                  <input type="email" class="form-control" name="email" placeholder="EMAIL">
                </div>
                <div class="col-sm-3 mt30">
                  <button id="iscriviti-newsletter" type="submit" class="btn btn-danger btn-block">INVIA</button>
                </div>
              </div>
              <div class="checkbox mb0">
                <label>
                  <input type="checkbox" name="privacy" value="1"> Letta l’<a href="{$base_url}/privacy"><u>informativa</u></a>, acconsento all’invio di comunicazioni promozionali e di marketing.
                </label>
              </div>
            </div>
          </form> *}
        </div>
      </div>
    </section>
    
    <footer class="footer hidden-print">
      <div class="container">
        <div class="row">
          <div class="col-sm-2">
            <div class="mt20 mb20">
              <a href="{$base_url}">
                <img src="{$cdn_url}/images/logo.png" alt="Cadoro" class="img-responsive">
              </a>
            </div>
          </div>
          <div class="col-sm-4">
            <div class="mt30 shop-description">
              Parfina s.r.l. con unico socio<br>
              Via Abbate 65 – 30020 Quarto d’Altino (VE) – Italia<br>
              P.IVA 03604050272
            </div>
          </div>
          <div class="col-sm-3">
            <div class="footer-social">
              <span class="label-s"> Seguici su</span> 
              <a href="https://www.instagram.com/cadoro_supermercati/" target="_blank"><img src="{$cdn_url}/images/instagram.png" width="35px" alt="instagram"></a> &nbsp;&nbsp;
              <a href="https://www.facebook.com/Cadoro.it" target="_blank"><img src="{$cdn_url}/images/facebook.png" width="35px" alt="Facebook"></a>  
            </div>
          </div>
          <div class="col-sm-3">
            <a href="{$base_url}/area-riservata" class="footer-area-riservata">AREA RISERVATA</a>
          </div>
        </div>
      </div>
      <hr class="no-hidden-xs">
      <div class="container">
        <div class="row">
          {assign "menu_footer" _menu('footer')}
          {if $menu_footer}
          {foreach $menu_footer->content() as $m}
          <div class="col-md-2 col-sm-4 col-xs-6 mt10">
            <a href="{$m.link}"{if $m.class} class="{$m.class}"{/if}{if $m.rel} rel="{$m.rel}"{/if}><strong>{$m.name}</strong></a>
            {if $m.children}
            <ul class="list-unstyled mt5">
              {foreach $m.children as $m2}
              <li>
                <a href="{$m2.link}"{if $m2.class} class="{$m2.class}"{/if}{if $m2.rel} rel="{$m2.rel}"{/if}>{$m2.name}</a>
              </li>
              {/foreach}
            </ul>
            {/if}
          </div>
          {/foreach}
          {/if}
        </div>
      </div>
      {* <div class="visible-xs hidden-sm hidden-md hidden-lg text-center mt30">
        <a href="{literal}javascript:$('html,body').animate({scrollTop: 0});{/literal}">TORNA SU <i class="fa fa-chevron-up"></i></a>
      </div> *}
      {assign "menu_legal" _menu('legal')}
      {if $menu_legal}
      <hr class="hidden-xs">
      <div class="footer-legal">
        <div class="container">
          <div class="row">
            {foreach $menu_legal->content() as $m}
            <div class="col-md-2 col-sm-4 col-xs-6 mt25">
              <a href="{$m.link}"{if $m.class} class="{$m.class}"{/if}{if $m.rel} rel="{$m.rel}"{/if}><strong>{$m.name}</strong></a>
              {if $m.children}
              <ul class="list-unstyled mt10">
                {foreach $m.children as $m2}
                <li>
                  <a href="{$m2.link}"{if $m2.class} class="{$m2.class}"{/if}{if $m2.rel} rel="{$m2.rel}"{/if}>{$m2.name}</a>
                </li>
                {/foreach}
              </ul>
              {/if}
            </div>
            {/foreach}
          </div>
        </div>
      </div>
      {/if}
      <hr class="gray">
      <div class="footer-credits">
        <div class="container">
          <div class="row">
            <div class="col-sm-12 text-right">
              Site created by <a href="http://www.olojin.it" rel="external"><img src="{$cdn_url}/images/olojin.png" alt="Olojin"></a>
            </div>
          </div>
        </div>
      </div>
    </footer>
    {/block}
    <div class="main-toolbar">
      {if $richiamo_prodotto}
      <a href="{$base_url}/richiamo-prodotto">
        <img src="{$cdn_url}/images/btn-richiamo-prodotto.png" alt="Richiamo Prodotto" class="mb60">
      </a>
      {/if}
      <a href="{$base_url}/filodiretto">
        <img src="{$cdn_url}/images/btn-filodiretto.png" alt="Filodiretto">
      </a>
      <a href="{$base_url}/punti-vendita">
        <img src="{$cdn_url}/images/btn-punti-vendita.png" alt="Punti Vendita">
      </a>
    </div>
    {if $principal}
    <div class="profile-toolbar hidden-xs">
      <div class="container">
        <div class="row">
          <div class="col-sm-6">
            <a href="" data-behaviour="profile-toolbar-toggle">
            {if $principal['dipendente']}
              <img width="80px" src="{$cdn_url}/images/profile-toolbar-teamcard.png" alt="Ciao">
            {else}
              <img src="{$cdn_url}/images/profile-toolbar-1.png" alt="Ciao">
            {/if}
              Ciao <strong>{$principal.firstname}</strong>, Cadoro ti dà il benvenuto
            </a>
          </div>
          <div class="col-sm-4 text-right">
            <div class="profile-toolbar-points">
              <a href="{$base_url}/profilo/punti">
                SALDO PUNTI <strong>{_n($principal->get_points(), 0)}</strong>
              </a><br>
              {if isset($points_loyalty_count) and $points_loyalty_count}
              <a href="{$base_url}/profilo/loyalty">
                OGGI HAI GUADAGNATO {$points_loyalty_count} {if $points_loyalty_count == 0}PUNTO{else}PUNTI{/if}!
              </a>
              {/if}
            </div>
          </div>
          <div class="col-sm-2 text-right">
            <img src="{$cdn_url}/images/profile-toolbar-3.png" class="arrow">
            <div class="profile-toolbar-1">
              <a href="{$base_url}/profilo">
                <img src="{$cdn_url}/images/profile-toolbar-2.png" alt="Il mio profilo" hspace="20">
              </a>
              <a href="{$base_url}/logout">
                ESCI
              </a>
            </div>
            <div class="profile-toolbar-2">
              <a href="" data-behaviour="profile-toolbar-toggle"><i class="fa fa-times"></i></a>
            </div>
          </div>
        </div>
        <div class="row profile-toolbar-links" style="display: none;">
          <div class="col-sm-3 col-sm-offset-1">
            <ul class="list list-unstyled">
              <li>
                <a href="{$base_url}/profilo">PROFILO</a>
              </li>
              <li>
                <a href="{$base_url}/profilo/punti">SALDO PUNTI</a>
              </li>
              <li>
                <a href="{$base_url}/profilo/lista-spesa">LISTA DELLA SPESA</a>
              </li>
            </ul>
          </div>
          <div class="col-sm-3 col-sm-offset-1">
            <ul class="list list-unstyled">
              <li>
                <a href="{$base_url}/profilo/punti">I TUOI COUPON</a>
              </li>
              <li>
                <a href="{$base_url}/profilo/preferiti">CONTENUTI PREFERITI</a>
              </li>
              {assign "s" $principal->get_store()}
              {if $s}
              <li>
                <a href="{$base_url}/punti-vendita/{$s.slug}">PUNTO VENDITA PREFERITO</a>
              </li>
              {/if}
            </ul>
          </div>
        </div>
      </div>
    </div>
    {/if}
    <script type="text/javascript" src="{$cdn_url}/js/main.js?{$key_assets}"></script>
    {if isset($points_loyalty)}
    <script>
    $(function () {
      $('.profile-toolbar .col-sm-2 strong, .profile-toolbar .col-sm-4 strong').animate({
        'font-size': '50px', 'color': '#ffff88'
      })
      setTimeout(function () {
        $('.profile-toolbar .col-sm-2 strong, .profile-toolbar .col-sm-4 strong').animate({
          'font-size': '24px', 'color': '#ffffff'
        })
      }, 2000);
    });
    </script>
    {/if}
    {block name="jstail"}{/block}
    <!-- switch banner image -->
    <script>
      var assets = '{$cdn_url}/assets';
    </script>
    {literal}
    <script>
      $(window).on('load resize', function(){
        var w = $(window).width();
        var items = $('.page-hero');
        var video = $('.video-identificator').val();
		if(w < 576) {
			if(items.data('imgmobile') && video.length == 0) {
			  items.removeAttr('style').css('background-image', 'url("'+assets+'/'+items.data('imgmobile')+'")');
			} else {
				items.removeAttr('style').css('background-image', 'none');
			}
		} else {
			if(items.data('imgmobile') && items.data('imgmobile') != items.data('img')) {
			  items.removeAttr('style').css('background-image', 'url("'+assets+'/'+items.data('img')+'")');
			}
		}
        });
    </script>
    {/literal}
    <!-- link banner -->
    {if isset($page.link) && $page.link}
      <script>
        $('.hero_trigger').click(function() {
          var heroLink = $('.hero_link').val();
          //window.location.href(heroLink);
          window.location.assign(heroLink);
        });
      </script>
    {/if}
    <!-- video -->
    <script>
    	$(window).load(function() {
    		setTimeout(function(){ 
    			$('.video-wrapper').css('transition', '5s');
    			$('.video-wrapper').css('opacity', 1); 
    		}
    		,2000)
    	});
    </script>

    <script>
      {if not $debug}
        {literal}
          (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
          (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
          })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
          ga('create', 'UA-87433802-1', 'auto');
          ga('send', 'pageview');

          (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
          new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
          j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
          'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
          })(window,document,'script','dataLayer','GTM-KLRT3N8');

        {/literal}
      {/if}
    </script>
    <!-- Google ReCaptcha -->
    <script src="https://www.google.com/recaptcha/api.js"></script>
    <script>
      function onSubmit(token) {
        document.getElementById("newsletter-form").submit();
      }
      function onRichiediCarta(token) {
        document.getElementById("richiedi-carta").submit();
      }
    </script>
  </body>
</html>