File "cms-content-fluid.tmpl"
Full Path: /srv/www/www.cadoro.it/src/templates/cms-content-fluid.tmpl
File size: 16.27 KB
MIME-type: text/html
Charset: utf-8
{foreach $page->content() as $content}
{if ($content.condition eq 1 or $content.condition eq 2 and not $principal or $content.condition eq 3 and $principal)
and (isset($content.published) and $content.published)
and (not isset($content.published) or not $content.published_datetime or $content.published_datetime lte date('Y-m-d H:i:s'))
and (not isset($content.published2) or not $content.published_datetime2 or $content.published_datetime2 gt date('Y-m-d H:i:s'))}
{if isset($content.slug) and $content.slug}<a name="{$content.slug}"></a>{/if}
{* <!-- Hero --> *}
{if $content.type eq 1}
<header id="content-{$content.id}" class="intro{if $content.class} {$content.class}{/if}"{if $content.image} style="background-image: url({$base_url}/assets/{$content.image});"{/if}>
<div class="intro-body">
<div class="container-wrapper">
<div class="row">
<div class="col-md-8 col-md-offset-2">
{if $content.title}
<h1 class="brand-heading">{$content.title}</h1>
{/if}
{if $content.subtitle}
<p class="intro-text">{$content.subtitle}</p>
{/if}
{if $content.cta}
<a href="{$content.cta_link}" class="btn btn-default page-scroll">
{$content.cta}
</a>
{/if}
</div>
</div>
</div>
</div>
</header>
{* <!-- Testo --> *}
{elseif $content.type eq 11}
<section id="content-{$content.id}" class="container-wrapper content-section{if $content.class} {$content.class}{/if}">
<div class="row">
<div class="col-sm-12">
{if $content.title or $content.subtitle}
<h2 class="h2">
{$content.title}
{if $content.subtitle}
<small{if $content.title} class="mt10"{/if}>{$content.subtitle}</small>
{/if}
</h2>
{/if}
{if $content.image}
<div class="text-center">
{if $content.image_link}<a href="{$content.image_link}">{/if}
<img src="{$base_url}/assets/{$content.image}" alt="" class="img-responsive">
{if $content.image_link}</a>{/if}
</div>
{/if}
<div class="content mt30">
{$content.text_1}
</div>
{if $content.cta}
<p class="mt30">
<a href="{$content.cta_link}" class="btn btn-default page-scroll">
{$content.cta}
</a>
</p>
{/if}
</div>
</div>
</section>
{* <!-- Testo su 2 colonne --> *}
{elseif $content.type eq 12}
<section id="content-{$content.id}" class="container-wrapper content-section{if $content.class} {$content.class}{/if}">
<div class="row">
<div class="col-sm-12">
{if $content.title}
<h2>
{$content.title}
{if $content.subtitle}
<small class="mt10">{$content.subtitle}</small>
{/if}
</h2>
{/if}
{if $content.image}
<div class="text-center">
{if $content.image_link}<a href="{$content.image_link}">{/if}
<img src="{$base_url}/assets/{$content.image}" alt="" class="img-responsive">
{if $content.image_link}</a>{/if}
</div>
{/if}
{if $content.cta}
<p class="mt30">
<a href="{$content.cta_link}" class="btn btn-default page-scroll">
{$content.cta}
</a>
</p>
{/if}
</div>
</div>
<div class="row">
<div class="col-sm-6 content">
{$content.text_1}
</div>
<div class="col-sm-6 content">
{$content.text_2}
</div>
</div>
</section>
{* <!-- Testo su 2 colonne (su ricette) --> *}
{elseif $content.type eq 14}
<section id="content-{$content.id}" class="container-wrapper content-section{if $content.class} {$content.class}{/if}">
<div class="row">
<div class="col-sm-12">
{if $content.title}
<h2>
{$content.title}
{if $content.subtitle}
<small class="mt10">{$content.subtitle}</small>
{/if}
</h2>
{/if}
{if $content.image}
<div class="text-center">
{if $content.image_link}<a href="{$content.image_link}">{/if}
<img src="{$base_url}/assets/{$content.image}" alt="" class="img-responsive">
{if $content.image_link}</a>{/if}
</div>
{/if}
{if $content.cta}
<p class="mt30">
<a href="{$content.cta_link}" class="btn btn-default page-scroll">
{$content.cta}
</a>
</p>
{/if}
</div>
</div>
<div class="row">
<div class="col-sm-6 content">
<div class="well well-yellow">
{$content.text_1}
</div>
</div>
<div class="col-sm-6 content">
<div class="well well-orange">
{$content.text_2}
</div>
</div>
</div>
</section>
{* <!-- Testo su 3 colonne --> *}
{elseif $content.type eq 13}
<section id="content-{$content.id}" class="container-wrapper content-section{if $content.class} {$content.class}{/if}">
<div class="row">
<div class="col-sm-12">
{if $content.title}
<h2>
{$content.title}
{if $content.subtitle}
<small class="mt10">{$content.subtitle}</small>
{/if}
</h2>
{/if}
{if $content.image}
<div class="text-center">
{if $content.image_link}<a href="{$content.image_link}">{/if}
<img src="{$base_url}/assets/{$content.image}" alt="" class="img-responsive">
{if $content.image_link}</a>{/if}
</div>
{/if}
{if $content.cta}
<p class="mt30">
<a href="{$content.cta_link}" class="btn btn-default page-scroll">
{$content.cta}
</a>
</p>
{/if}
</div>
</div>
<div class="row">
<div class="col-sm-4 content">
{$content.text_1}
</div>
<div class="col-sm-4 content">
{$content.text_2}
</div>
<div class="col-sm-4 content">
{$content.text_3}
</div>
</div>
</section>
{* <!-- Testo a sinistra, immagine a destra --> *}
{elseif $content.type eq 21 or $content.type eq 23}
<section id="content-{$content.id}" class="container-wrapper content-section{if $content.class} {$content.class}{/if}">
<div class="row">
<div class="col-sm-{if $content.type eq 21}6{else}8{/if}">
{if $content.title}
<h2 class="mt40">
{$content.title}
{if $content.subtitle}
<small class="mt10">{$content.subtitle}</small>
{/if}
</h2>
{/if}
<div class="content">
{$content.text_1}
</div>
{if $content.cta}
<p class="mt40">
<a href="{$content.cta_link}" class="btn btn-default page-scroll">
{$content.cta}
</a>
</p>
{/if}
</div>
<div class="col-sm-{if $content.type eq 21}6{else}4{/if}">
{if $content.image}
<div class="text-center">
{if $content.image_link}<a href="{$content.image_link}">{/if}
<img src="{$base_url}/assets/{$content.image}" alt="" class="img-responsive">
{if $content.image_link}</a>{/if}
</div>
{/if}
</div>
</div>
</section>
{* <!-- Immagine a sinistra, testo a destra --> *}
{elseif $content.type eq 22 or $content.type eq 24}
<section id="content-{$content.id}" class="container-wrapper content-section{if $content.class} {$content.class}{/if}">
<div class="row">
<div class="col-sm-{if $content.type eq 21}6{else}8{/if} col-sm-push-{if $content.type eq 21}6{else}4{/if}">
{if $content.title}
<h2 class="mt40">
{$content.title}
{if $content.subtitle}
<small class="mt10">{$content.subtitle}</small>
{/if}
</h2>
{/if}
<div class="content">
{$content.text_1}
</div>
{if $content.cta}
<p class="mt40">
<a href="{$content.cta_link}" class="btn btn-default page-scroll">
{$content.cta}
</a>
</p>
{/if}
</div>
<div class="col-sm-{if $content.type eq 21}6{else}4{/if} col-sm-pull-{if $content.type eq 21}6{else}8{/if}">
{if $content.image}
<div class="text-center">
{if $content.image_link}<a href="{$content.image_link}">{/if}
<img src="{$base_url}/assets/{$content.image}" alt="" class="img-responsive">
{if $content.image_link}</a>{/if}
</divt>
{/if}
</div>
</div>
</section>
{* <!-- Immagine a sinistra, testo a destra --> *}
{elseif $content.type eq 25}
<section id="content-{$content.id}" class="container-wrapper content-section" style="background: transparent url({$cdn_url}/assets/{$content.image}) top center no-repeat;">
<div class="container-wrapper">
<div class="row">
<div class="{if $content.class} {$content.class}{/if}">
{if $content.title or $content.subtitle}
<h2 class="h2">
{$content.title}
{if $content.subtitle}
<small{if $content.title} class="mt10"{/if}>{$content.subtitle}</small>
{/if}
</h2>
{/if}
<div class="content mt30">
{$content.text_1}
</div>
{if $content.cta}
<p class="mt30">
<a href="{$content.cta_link}" class="btn btn-default page-scroll">
{$content.cta}
</a>
</p>
{/if}
</div>
</div>
</div>
</section>
{* <!-- Immagini: due colonne--> *}
{elseif $content.type eq 31}
<section id="content-{$content.id}" class="container-wrapper content-section{if $content.class} {$content.class}{/if}">
<div class="row">
<div class="col-sm-6">
{if $content.image_1_link}<a href="{$content.image_1_link}">{/if}
<img src="{$base_url}/assets/{$content.image_1}" alt="" class="img-responsive">
{if $content.image_1_link}</a>{/if}
{if $content.text_1}
<div class="mt10">
{$content.text_1}
</div>
{/if}
</div>
<div class="col-sm-6">
{if $content.image_2_link}<a href="{$content.image_2_link}">{/if}
<img src="{$base_url}/assets/{$content.image_2}" alt="" class="img-responsive">
{if $content.image_2_link}</a>{/if}
{if $content.text_2}
<div class="mt10">
{$content.text_2}
</div>
{/if}
</div>
</div>
</section>
{* <!-- Immagini: tre colonne--> *}
{elseif $content.type eq 32}
<section id="content-{$content.id}" class="container-wrapper content-section{if $content.class} {$content.class}{/if}">
<div class="row">
<div class="col-sm-4">
{if $content.image_1_link}<a href="{$content.image_1_link}">{/if}
<img src="{$base_url}/assets/{$content.image_1}" alt="" class="img-responsive">
{if $content.image_1_link}</a>{/if}
{if $content.text_1}
<div class="mt10">
{$content.text_1}
</div>
{/if}
</div>
<div class="col-sm-4">
{if $content.image_2_link}<a href="{$content.image_2_link}">{/if}
<img src="{$base_url}/assets/{$content.image_2}" alt="" class="img-responsive">
{if $content.image_2_link}</a>{/if}
{if $content.text_2}
<div class="mt10">
{$content.text_2}
</div>
{/if}
</div>
<div class="col-sm-4">
{if $content.image_3_link}<a href="{$content.image_3_link}">{/if}
<img src="{$base_url}/assets/{$content.image_3}" alt="" class="img-responsive">
{if $content.image_3_link}</a>{/if}
{if $content.text_3}
<div class="mt10">
{$content.text_3}
</div>
{/if}
</div>
</div>
</section>
{* <!-- Immagini: quattro colonne--> *}
{elseif $content.type eq 33}
<section id="content-{$content.id}" class="container-wrapper content-section{if $content.class} {$content.class}{/if}">
<div class="row">
<div class="col-sm-3">
{if $content.image_1_link}<a href="{$content.image_1_link}">{/if}
<img src="{$base_url}/assets/{$content.image_1}" alt="" class="img-responsive">
{if $content.image_1_link}</a>{/if}
{if $content.text_1}
<div class="mt10">
{$content.text_1}
</div>
{/if}
</div>
<div class="col-sm-3">
{if $content.image_2_link}<a href="{$content.image_2_link}">{/if}
<img src="{$base_url}/assets/{$content.image_2}" alt="" class="img-responsive">
{if $content.image_2_link}</a>{/if}
{if $content.text_2}
<div class="mt10">
{$content.text_2}
</div>
{/if}
</div>
<div class="col-sm-3">
{if $content.image_3_link}<a href="{$content.image_3_link}">{/if}
<img src="{$base_url}/assets/{$content.image_3}" alt="" class="img-responsive">
{if $content.image_3_link}</a>{/if}
{if $content.text_3}
<div class="mt10">
{$content.text_3}
</div>
{/if}
</div>
<div class="col-sm-3">
{if $content.image_4_link}<a href="{$content.image_4_link}">{/if}
<img src="{$base_url}/assets/{$content.image_4}" alt="" class="img-responsive">
{if $content.image_4_link}</a>{/if}
{if $content.text_4}
<div class="mt10">
{$content.text_4}
</div>
{/if}
</div>
</div>
</section>
{/if}
{if $content.images && $page.category.category_id neq 4}
<div class="container-wrapper">
<div id="carousel" class="carousel slide mt30" data-interval="3000">
<div class="carousel-inner">
{foreach $content.images as $i => $image}
<div class="item{if $i eq 0} active{/if}">
<a href="{$cdn_url}/assets/{$image.asset}" rel="inappbrowser"><!-- gallery -->
<img src="{$cdn_url}/assets/{$image.asset}" class="img-responsive" alt="">
</a>
</div>
{/foreach}
</div>
{if count($content.images) gt 1}
<div class="carousel-indicators-container-wrapper">
<ol class="carousel-indicators">
{foreach $content.images as $i => $image}
<li data-target="#carousel" data-slide-to="{$i}"{if $i eq 0} class="active"{/if}></li>
{/foreach}
</ol>
</div>
{/if}
</div>
</div>
{/if}
{if isset($content.extra) and $content.extra}
{foreach $content.extra as $extra}
{if $extra eq 'gift-card-saldo'}
<div class="container-wrapper mt40">
{if isset($result) and $result.action eq $extra}
<strong>Risultato della verifica:</strong><br>
Numero Gift Card: {$result.card}<br>
Scadenza: {_dd($result.expiration)}<br>
Importo: {_n($result.amount, 2)}<br><br>
<a href="{$base_url}{$request_uri}">Nuova verifica…</a>
{else}
<form method="post" action="{$base_url}{$request_uri}">
<input type="hidden" name="action" value="{$extra}">
<strong>Verifica il saldo disponibile!</strong><br>
Inserisci i codici riportati sul retro della tua GifCard Cadoro e controlla<br>
il saldo disponibile e la data di scadenza.
<div class="row">
<div class="col-sm-4 mt20 mb20">
<input type="text" name="card" value="{_fr('card')}" class="form-control">
</div>
</div>
<div class="g-recaptcha mb20" data-sitekey="6LdwKAwUAAAAAIYEzff15dMp9eifSq48NP3j4GwJ"></div>
<script type="text/javascript" src="https://www.google.com/recaptcha/api.js?hl=it"></script>
<button type="submit" class="btn btn-danger btn-lg">INVIA</button>
</form>
{/if}
</div>
{/if}
{/foreach}
{/if}
{/if}
{/foreach}