Gruppo Hera Luce e GasCasaLuce e GasPrezzo Netto Special Web

Prezzo Netto Special Web

Prezzo Netto Special Web

Sottoscrivi online o fatti richiamare per accedere ai prezzi all'ingrosso dell'energia elettrica e del gas naturale, con un bonus di benvenuto a portata di click.

60€ di bonus su luce e gas

Hera Fast Check e Diario dei Consumi gratuiti

Sostieni l’ambiente con il "Pacchetto Natura"

Gruppo Hera Luce e GasCasaLuce e GasPrezzo Netto Special Web

Prezzo Netto Special Web

Sottoscrivi online o fatti richiamare per accedere ai prezzi all'ingrosso dell'energia elettrica e del gas naturale, con un bonus di benvenuto a portata di click.

60€ di bonus su luce e gas

Hera Fast Check e Diario dei Consumi gratuiti

Sostieni l’ambiente con il "Pacchetto Natura"

Si è verificato un errore nell'elaborarazione del modello.
com.liferay.journal.service.JournalArticleServiceUtil

----
FTL stack trace ("~" means nesting-related):
	- Failed at: journalArticleServiceUtil = objectUti...  [in template "20099#20135#93612" at line 12, column 9]
	- Reached through: #assign-container  [in template "20099#20135#93612" at line 1, column 1]
----
1<#assign 
2	infoAgg = false 
3	offertaGas = false 
4	offertaLuce = false 
5	classCol = "col-lg-12" 
6	title = .vars['reserved-article-title'].data 
7	urlcustom = themeDisplay.getURLCurrent()?keep_before("?") 
8	isPromo = false 
9	nomePromo = "Offerta in promo" 
10	showWidget = false 
11	colClassOfferta = "col-lg-12" 
12	journalArticleServiceUtil = objectUtil("com.liferay.journal.service.JournalArticleServiceUtil") 
13	assetVocabularyServiceUtil = objectUtil("com.liferay.asset.kernel.service.AssetVocabularyServiceUtil") 
14	vocabularyId = 0 
15	parentArticleCount = journalArticleServiceUtil.getArticlesCountByArticleId(getterUtil.getLong(themeDisplay.getScopeGroup().getParentGroupId()), .vars['reserved-article-id'].data) 
16	articleCount = journalArticleServiceUtil.getArticlesCountByArticleId(getterUtil.getLong(scopeGroupId), .vars['reserved-article-id'].data) 
17/> 
18<#if articleCount gt 0 || parentArticleCount gt 0> 
19	<#if articleCount gt 0> 
20		<#assign 
21			vocabulariesList = assetVocabularyServiceUtil.getGroupVocabularies(themeDisplay.getScopeGroupId()) 
22			journalArticle = journalArticleServiceUtil.getArticle(getterUtil.getLong(scopeGroupId), .vars['reserved-article-id'].data) 
23		/> 
24	<#else> 
25		<#assign 
26			vocabulariesList = assetVocabularyServiceUtil.getGroupVocabularies(themeDisplay.getScopeGroup().getParentGroupId()) 
27			journalArticle = journalArticleServiceUtil.getArticle(getterUtil.getLong(themeDisplay.getScopeGroup().getParentGroupId()), .vars['reserved-article-id'].data) 
28		/> 
29	</#if> 
30	<#assign 
31		assetCategoryServiceUtil = objectUtil("com.liferay.asset.kernel.service.AssetCategoryServiceUtil") 
32		journalArticleCategories = assetCategoryServiceUtil.getCategories("com.liferay.journal.model.JournalArticle", journalArticle.getResourcePrimKey()) 
33		hasLuce = false 
34		hasGas = false 
35		formUrl = "offerte-luce-gas/sottoscrizione" 
36		target = "" 
37		subtarget = "" 
38		offerta = urlcustom?keep_after_last("/offerte-luce-gas/") 
39		prefUrl = urlcustom?keep_before("/offerte-luce-gas/") 
40		prefUrlCondividi = themeDisplay.getPortalURL() 
41	/> 
42	<#list vocabulariesList as vocabulary> 
43	    <#assign vocabularyName = vocabulary.getName() /> 
44	    <#if vocabularyName?? && vocabularyName?lower_case == "servizio"> 
45	        <#assign vocabularyId = vocabulary.getVocabularyId() /> 
46	    </#if> 
47	</#list> 
48	<#if urlcustom?contains("/business/")> 
49		<#assign 
50			isCasa = false 
51			target = "business" 
52			subtarget = urlcustom?keep_after_last("/business/offerte-luce-gas/") 
53			subtarget = subtarget?keep_before("/") 
54			offerta = urlcustom?keep_after_last("/" + subtarget + "/") 
55		/> 
56	<#else> 
57		<#assign 
58			isCasa = true 
59			target = "casa" 
60		/> 
61	</#if> 
62	<#assign formUrl = prefUrl + "/" + formUrl /> 
63	<#list journalArticleCategories as category> 
64		<#if category.vocabularyId == vocabularyId> 
65			<#switch category.name?lower_case> 
66				<#case "luce"> 
67					<#assign hasLuce=true /> 
68					<#break /> 
69				<#case "gas"> 
70					<#assign hasGas=true /> 
71					<#break /> 
72				<#default> 
73					<#break /> 
74			</#switch> 
75		</#if> 
76	</#list> 
77	<#if TipologiaOffertaGas?? || TipologiaOffertaLuce??> 
78		<#if TipologiaOffertaGas.getData() != "" || TipologiaOffertaLuce.getData() != ""> 
79			<#assign infoAgg=true /> 
80			<#if TitoloIntro.getData() != "" || DescrizioneIntro.getData() != ""> 
81				<#assign classCol="col-lg-6" /> 
82			</#if> 
83			<#if TipologiaOffertaGas.getData() != ""> 
84			<#assign offertaGas=true> 
85			</#if> 
86			<#if TipologiaOffertaLuce.getData() != ""> 
87			<#assign offertaLuce=true> 
88			</#if> 
89		</#if> 
90	</#if> 
91	<#if OffertaInPromozione??> 
92		<#if OffertaInPromozione.getData()?? && OffertaInPromozione.getData() == "si"> 
93			<#assign isPromo = true /> 
94		</#if> 
95	</#if> 
96	<#if isPromo> 
97		<#if NomePromozione??> 
98			<#if NomePromozione.getData()?? && NomePromozione.getData() != ""> 
99				<#assign nomePromo = NomePromozione.getData() /> 
100			</#if> 
101		</#if> 
102	</#if> 
103	<#if MostraWidgetAttivaOra??> 
104		<#if MostraWidgetAttivaOra.getData()?? && MostraWidgetAttivaOra.getData() == "si"> 
105			<#assign 
106				showWidget = true 
107				colClassOfferta = "col-lg-8" 
108			/> 
109		</#if> 
110	</#if> 
111	<#-- Widget --> 
112	<#if showWidget> 
113		<section id="widget-offerta"> 
114			<div class="container position-relative py-5 d-none d-sm-block"> 
115				<div class="row"> 
116					<div class="offset-lg-8 col-lg-4 col-widget-offerta px-0 px-sm-3 d-none d-lg-block"> 
117						<div class="fixed-widget-offerta-container"> 
118							<div class="fixed-widget-offerta-inner-container white-box position-relative text-center p-4 mt-4" style="box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);"> 
119								<#if isPromo> 
120									<h4 class="darkish-pink text-uppercase bigger bolder mb-1">${nomePromo}</h4> 
121								<#else> 
122									<h4 class="darkish-pink text-uppercase small bolder mb-1">Offerta</h4> 
123								</#if> 
124								<div class="black-three x-bigger bolder letter-spacing-sm mb-3">Scegli la fornitura</div> 
125								<form action="${formUrl}" method="GET"> 
126									<div class="row px-4"> 
127										<#if hasLuce> 
128											<div class="col-lg-6 pb-3"> 
129												<a class="btn w-100 justify-content-center" href="javascript:void(0)" data-tipoofferta="luce"> 
130													<i class="icon-energia mr-2"></i> Luce 
131												</a> 
132											</div> 
133										</#if> 
134										<#if hasGas> 
135											<div class="col-lg-6 pb-3"> 
136												<a class="btn w-100 justify-content-center" href="javascript:void(0)" data-tipoofferta="gas"> 
137													<i class="icon-gas mr-2"></i> Gas 
138												</a> 
139											</div> 
140										</#if> 
141										<#if hasLuce && hasGas> 
142											<div class="col-lg-12 pb-1"> 
143												<a class="btn w-100 justify-content-center" href="javascript:void(0)" data-tipoofferta="luce-gas"> 
144													<i class="icon-energia mr-1"></i><i class="icon-gas mr-2"></i>Luce &amp; Gas 
145												</a> 
146											</div> 
147										</#if> 
148										<input type="hidden" name="target" value="${target}" required /> 
149										<input type="hidden" name="subtarget" value="${subtarget}" required /> 
150										<input type="hidden" name="offerta" value="${offerta}" required /> 
151										<input type="hidden" name="luce" value="0" required /> 
152										<input type="hidden" name="gas" value="0" required /> 
153									</div> 
154									<div class="offerta-selected x-bigger letter-spacing-sm greyish-brown l12 my-3"> 
155										Hai scelto <strong class="offerta-name">${title}</strong> <strong class="offerta-type"></strong> clicca su attiva per continuare. 
156									</div> 
157									<div class=" col-lg-12 justify-content-center"> 
158										<input class="btn gradient white w-100 justify-content-center mt-3 mb-3" type="submit" value="Attiva ora!" id="attivaora"/> 
159									</div> 
160									<!--div class=" col-lg-12 justify-content-center"> 
161										<a id="myBtn" class="gradient-text big bold letter-spacing-sm pt-1" href="#"> 
162											<i class="icon-share mr-1 bigger align-text-bottom" style="vertical-align:middle !important"></i> Condividi 
163										</a> 
164									</div--> 
165								</form> 
166							</div> 
167							<div class="white-two-bg position-relative text-center px-4 pb-3"> 
168								<h4 class="greyish-brown text-uppercase small bolder mb-3">Hai bisogno di aiuto?</h4> 
169								<div class="row text-left"> 
170									<div class="col-xl-12  text-center pb-2"> 
171										<a id="tichiamiamooff" class="gradient-text font-weight-bold" href="#" style="font-size:14px"> 
172											<i class="icon-consulente title-mid gradient-text big align-sub mr-1"></i>Ti chiamiamo noi 
173										</a> 
174									</div> 
175									<div class="col-xl-12 pb-2 text-center" id="vvc-activate-box"> 
176									</div> 
177									<!-- <div class="col-xl-6 pb-2"> 
178										<a class="gradient-text font-weight-bold" href="#" style="font-size:14px"> 
179											<i class="icon-info-alt title-mid gradient-text big align-sub mr-1"></i>Attiva la chat 
180										</a> 
181									</div> --> 
182								</div> 
183							</div> 
184						</div> 
185					</div> 
186				</div> 
187			</div> 
188		</section> 
189		<!-- widget mobile--> 
190		<section class="container"> 
191			<div class="mobile d-lg-none white" style="background-color: white;"> 
192				<div class="fixed-widget-offerta-container container text-center" style="margin-top: 0px!important;"> 
193					<form action="${formUrl}" method="GET"> 
194						<div class="row px-4 pt-4 justify-content-center"> 
195							<div class="col-xs-12"> 
196								<#if isPromo> 
197									<p class="darkish-pink text-uppercase bold">${nomePromo}</p> 
198								<#else> 
199									<p class="darkish-pink text-uppercase bold">Offerta</p> 
200								</#if> 
201								<p class="black bold x-bigger pb-2" style="margin-top: -15px;">Scegli la fornitura</p> 
202							</div> 
203							<div class="row px-4"> 
204								<#if hasLuce> 
205									<div class="col-xs-6 pb-3"> 
206										<a class="btn btn-border darkish-color white-bg w-100 justify-content-center" href="javascript:void(0)" data-tipoofferta="luce"> 
207											<i class="icon-energia mr-2"></i> Luce 
208										</a> 
209									</div> 
210								</#if> 
211								<#if hasGas> 
212									<div class="col-xs-6 pb-3"> 
213										<a class="btn btn-border darkish-color white-bg w-100 justify-content-center" href="javascript:void(0)" data-tipoofferta="gas"> 
214											<i class="icon-gas mr-2"></i> Gas 
215										</a> 
216									</div> 
217								</#if> 
218								<#if hasLuce && hasGas> 
219									<div class="col-lg-12 pb-1"> 
220										<a class="btn btn-border darkish-color white-bg mb-2 w-100 justify-content-center" href="javascript:void(0)" data-tipoofferta="luce-gas"> 
221											<i class="icon-energia mr-1"></i><i class="icon-gas mr-2"></i> Luce &amp; Gas 
222										</a> 
223									</div> 
224								</#if> 
225								<input type="hidden" name="target" value="${target}" required /> 
226								<input type="hidden" name="subtarget" value="${subtarget}" required /> 
227								<input type="hidden" name="offerta" value="${offerta}" required /> 
228								<input type="hidden" name="luce" value="0" required /> 
229								<input type="hidden" name="gas" value="0" required /> 
230							</div> 
231							<div class="offerta-selected x-bigger letter-spacing-sm greyish-brown l12 my-3"> 
232								Hai scelto <strong class="offerta-name">${title}</strong> <strong class="offerta-type"></strong> clicca su attiva per continuare. 
233							</div> 
234							<input class="btn gradient white w-100 justify-content-center mt-3 mb-3 border-0 mw-100" type="submit" value="Attiva ora!"/> 
235							<!--a id="myBtn_mobile" class="gradient-text big bold letter-spacing-sm justify-content-center col-xs-12 pt-3" href="#"> 
236								<i class="icon-share mr-1 bigger align-text-bottom"></i> Condividi 
237							</a--> 
238						</form> 
239					</div> 
240				</div> 
241				<div class="white-two-bg position-relative text-center px-2 pb-3"> 
242					<h4 class="greyish-brown text-uppercase small bolder mb-3 text-center mt-4 pt-3">Hai bisogno di aiuto?</h4> 
243					<div class="row"> 
244						<div class="col-xs-12 text-center pb-2"> 
245							<a id="tichiamiamooff" class="gradient-text letter-spacing-sm font-weight-bold" href="#" style="font-size:15px"> 
246								<i class="icon-consulente title-mid gradient-text big align-sub mr-1"></i> 
247								Ti chiamiamo noi 
248							</a> 
249						</div> 
250						<div class="col-xs-12 pb-2 text-center" id="vvc-activate-box-mobile"> 
251						</div> 
252						<!-- <div class="col-xs-12 text-center pb-2"> 
253							<a class="gradient-text letter-spacing-sm font-weight-bold" href="#" style="font-size:15px"> 
254								<i class="icon-info-alt title-mid gradient-text big align-sub mr-1"></i>Attiva la chat 
255							</a> 
256						</div> --> 
257					</div> 
258				</div> 
259			</div> 
260		</section> 
261	</#if> 
262 
263	<#-- ************* Modale per avviso Condividi ************** --> 
264	<style> 
265		/* The Modal (background) */ 
266		.offerta-modal { 
267			display: none; /* Hidden by default */ 
268			position: fixed; /* Stay in place */ 
269			z-index: 1; /* Sit on top */ 
270			padding-top: 300px; /* Location of the box */ 
271			left: 0; 
272			top: 0; 
273			width: 100%; /* Full width */ 
274			height: 100%; /* Full height */ 
275			overflow: auto; /* Enable scroll if needed */ 
276			background-color: rgb(0,0,0); /* Fallback color */ 
277			background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ 
278
279 
280		/* Modal Content */ 
281		.offerta-modal-content { 
282		  	background-color: #fefefe; 
283		  	margin: auto; 
284		  	padding: 20px; 
285		  	border: 1px solid #888; 
286		  	width: 80%; 
287
288 
289		/* The close_offerta Button */ 
290		.close_offerta { 
291		  	color: #aaaaaa; 
292		  	float: right; 
293		  	font-size: 28px; 
294		  	font-weight: bold; 
295
296 
297		.close_offerta:hover, 
298		.close_offerta:focus { 
299		  	color: #000; 
300		  	text-decoration: none; 
301		  	cursor: pointer; 
302
303	</style> 
304	<#assign completeUrl = prefUrlCondividi + urlcustom /> 
305 
306	<!-- The Modal --> 
307	<div id="myModal" class="modal offerta-modal" style="z-index:100"> 
308	  <!-- Modal content --> 
309	  <div class="modal-content offerta-modal-content col-lg-3"> 
310		   <span class="close_offerta text-right" style="color:red;">&times;</span> 
311			<div> 
312				<h3 class="bigger text-center mb-3">Condividi l'offerta coi tuoi amici inoltrandogli questo link</h3> 
313				<input type="text" value="${completeUrl}" id="myInput" class="text-center" disabled> 
314			</div> 
315			<div class="text-center"> 
316				<button id="copyLinkButton" onclick="copyToClipBoard()" class="btn gradient white text-center mt-3">Copia Link</button> 
317			</div> 
318	  	</div> 
319	</div> 
320 
321	<script> 
322		// Get the modal 
323		var modal = document.getElementById("myModal"); 
324		// Get the button that opens the modal 
325		var btn = document.getElementById("myBtn"); 
326		var btnMobile = document.getElementById("myBtn_mobile"); 
327		// Get the <span> element that closes the modal 
328		var span = document.getElementsByClassName("close_offerta")[0]; 
329 
330		if (btn !== null) { 
331			// When the user clicks the button, open the modal 
332			btn.onclick = function() { 
333					modal.style.display = "block"; 
334					$( "#copyLinkButton" ).prop( "disabled", false ); 
335
336
337 
338		if (btnMobile !== null) { 
339			btnMobile.onclick = function() { 
340		  		modal.style.display = "block"; 
341		   		$( "#copyLinkButton" ).prop( "disabled", false ); 
342
343
344 
345		// When the user clicks on <span> (x), close the modal 
346		span.onclick = function() { 
347	  		modal.style.display = "none"; 
348	  		$("#copiedToClipboard").remove(); 
349
350 
351		// When the user clicks anywhere outside of the modal, close it 
352		window.onclick = function(event) { 
353	  		if (event.target == modal) { 
354	    		modal.style.display = "none"; 
355
356
357 
358		function copyToClipBoard() { 
359	  		/* Get the text field */ 
360	  		var copyText = document.getElementById("myInput"); 
361	  		/* Select the text field */ 
362	  		copyText.select(); 
363	  		/* Copy the text inside the text field */ 
364	  		document.execCommand("copy"); 
365	  		/* Alert the copied text */ 
366	  		$("#copyLinkButton").after('<div id="copiedToClipboard" class="text-center"><font color="green" size="2">Copiato</font></div>'); 
367	  		$("#copyLinkButton").prop( "disabled", true ); 
368
369	</script> 
370     
371	<#-- ************* Sezione "Informazioni offerta e snippet HTML" ************* --> 
372	<#if TitoloIntro.getData() !="" || DescrizioneIntro.getData() !="" || infoAgg> 
373		<section id="tariffa-chart"> 
374			<div class="container position-relative py-5"> 
375				<div class="row"> 
376					<div class="${colClassOfferta}"> 
377						<div class="row"> 
378							<#if TitoloIntro.getData() !="" || DescrizioneIntro.getData() !=""> 
379								<div class="${classCol}"> 
380									<#if TitoloIntro??> 
381										<#if TitoloIntro.getData() !=""> 
382											<h3 class="gradient-text title-big letter-spacing-sm bolder mb-5">${TitoloIntro.getData()}</h3> 
383										</#if> 
384									</#if> 
385									<#if DescrizioneIntro??> 
386										<#if DescrizioneIntro.getData() !=""> 
387											<blockquote class="black-three big letter-spacing-sm l15 pr-lg-5">${DescrizioneIntro.getData()}</blockquote> 
388										</#if> 
389									</#if> 
390								</div> 
391							</#if> 
392							<#if infoAgg> 
393							<div class="col-lg-6"> 
394							    <#if isPromo> 
395									<#if ImmaginePromozione??> 
396										<#if ImmaginePromozione.getData()??> 
397											<div class="position-absolute mt-0" id="img-promo" style="top: -40px; right: 10px; max-width: 145px;"> 
398												<img src="${ImmaginePromozione.getData()}" /> 
399											</div> 
400										</#if> 
401									</#if> 
402								</#if> 
403								<nav class="chart-tabs"> 
404									<div class="nav nav-tabs align-items-center mt-2 mb-5 ml-3" id="nav-tab" role="tablist"><a class="nav-item nav-link active" data-toggle="tab" href="#chart-luce" id="chartofferteluce"><i class="icon-energia"></i> Luce</a> 
405									<a class="nav-item nav-link" data-toggle="tab" href="#chart-gas" id="chartoffertegas"><i class="icon-gas"></i> Gas</a></div> 
406								</nav> 
407								<#if offertaGas> 
408								<div id="tabella-offerte-gas"> 
409								<#if TipologiaOffertaGas.getSiblings()?has_content> 
410									<#list TipologiaOffertaGas.getSiblings() as cur_TipologiaOffertaGas> 
411										<div class="row"> 
412										<#if cur_TipologiaOffertaGas.ImmagineTipologiaOffertaGas.getData()?? && cur_TipologiaOffertaGas.ImmagineTipologiaOffertaGas.getData()!=""> 
413												<div class="col-lg-3 d-none d-lg-block"> 
414													<img src="${cur_TipologiaOffertaGas.ImmagineTipologiaOffertaGas.getData()}" /> 
415												</div> 
416												<div class="col-lg-9 gradient-text x-bigger letter-spacing-sm bolder mb-5 my-auto d-none d-lg-block"> 
417												${cur_TipologiaOffertaGas.getData()} 
418												</div> 
419												<!-- Mobile --> 
420												<div class="mobile d-lg-none"> 
421													<img src="${cur_TipologiaOffertaGas.ImmagineTipologiaOffertaGas.getData()}" style="max-width:80%;"/> 
422												</div> 
423												<div class="mobile d-lg-none gradient-text x-bigger letter-spacing-sm bolder mb-5 my-auto"> 
424												${cur_TipologiaOffertaGas.getData()} 
425												</div> 
426										<#else> 
427										<div class="col-lg-12 gradient-text x-bigger letter-spacing-sm bolder mb-5 text-center my-auto"> 
428												${cur_TipologiaOffertaGas.getData()} 
429												</div> 
430										</#if> 
431										</div> 
432									<div> 
433									${cur_TipologiaOffertaGas.TabellaTipologiaOffertaGas.getData()} 
434									</div> 
435									</#list> 
436								</#if> 
437							<hr class="w-100"> 
438							<#if FooterTipologiaOffertaGas.getData() != ""> 
439							${FooterTipologiaOffertaGas.getData()} 
440							</#if> 
441								</div> 
442								</#if> 
443								<#if offertaLuce> 
444								<div id="tabella-offerte-luce"> 
445								<#if TipologiaOffertaLuce.getSiblings()?has_content> 
446									<#list TipologiaOffertaLuce.getSiblings() as cur_TipologiaOffertaLuce> 
447										<div class="row"> 
448										<#if cur_TipologiaOffertaLuce.ImmagineTipologiaOffertaLuce.getData()?? && cur_TipologiaOffertaLuce.ImmagineTipologiaOffertaLuce.getData()!=""> 
449												<div class="col-lg-3 d-none d-lg-block"> 
450													<img src="${cur_TipologiaOffertaLuce.ImmagineTipologiaOffertaLuce.getData()}" /> 
451												</div> 
452												<div class="col-lg-9 gradient-text x-bigger letter-spacing-sm bolder mb-5 my-auto d-none d-lg-block"> 
453												${cur_TipologiaOffertaLuce.getData()} 
454												</div> 
455 
456												<!-- Mobile --> 
457												<div class="mobile d-lg-none"> 
458													<img src="${cur_TipologiaOffertaLuce.ImmagineTipologiaOffertaLuce.getData()}" style="max-width:80%;"/> 
459												</div> 
460												<div class="mobile d-lg-none gradient-text x-bigger letter-spacing-sm bolder mb-5 my-auto"> 
461												${cur_TipologiaOffertaLuce.getData()} 
462												</div> 
463										<#else> 
464												<div class="col-lg-12 gradient-text x-bigger letter-spacing-sm bolder mb-5 text-center my-auto"> 
465												${cur_TipologiaOffertaLuce.getData()} 
466												</div> 
467										</#if> 
468										</div> 
469									<div> 
470									${cur_TipologiaOffertaLuce.TabellaTipologiaOffertaLuce.getData()} 
471									</div> 
472									</#list> 
473								</#if> 
474							<hr class="w-100"> 
475							<#if FooterTipologiaOffertaLuce.getData() != ""> 
476							${FooterTipologiaOffertaLuce.getData()} 
477							</#if> 
478								</div> 
479							</div> 
480								</#if> 
481							</#if> 
482						</div> 
483					</div> 
484				</div> 
485			</div> 
486		</section> 
487	</#if> 
488 
489	<#-- ************* Sezione "Servizi e tool inclusi nell'offerta" ************* --> 
490	<#if ServizioToolIncluso.getSiblings()?has_content> 
491		<section id="gestire-energia"> 
492			<#assign title="Inclusi nell'offerta" /> 
493			<#if urlcustom?contains("simply-hera")> 
494				<#assign title = "Conosci la tua energia?" /> 
495			</#if> 
496			<div class="container"> 
497				<div class="row align-items-center d-none d-lg-block"> 
498					<div class="${colClassOfferta}"> 
499						<h3 class="gradient-text title-big letter-spacing-sm bolder mb-5">${title}</h3> 
500					</div> 
501				</div> 
502				<div class="row align-items-center mobile d-lg-none pt-5"> 
503					<div class="${colClassOfferta}"> 
504						<h3 class="gradient-text title-big letter-spacing-sm bolder">${title}</h3> 
505					</div> 
506				</div> 
507				<div class="row"> 
508					<#assign istanceCounter = 0 /> 
509					<#list ServizioToolIncluso.getSiblings() as cur_ServizioToolIncluso> 
510						<#assign firstTimeServizioToolIncluso=true /> 
511						<#if cur_ServizioToolIncluso??> 
512							<#if cur_ServizioToolIncluso.getData() !=""> 
513								<#assign 
514									actServizioToolIncluso = cur_ServizioToolIncluso.getData()?eval 
515									actServizioToolInclusoClassPK = actServizioToolIncluso.classPK?number 
516									journalArticleServizioToolIncluso = journalArticleServiceUtil.getLatestArticle(actServizioToolInclusoClassPK) 
517									docXmlServizioToolIncluso = saxReaderUtil.read(journalArticleServizioToolIncluso.getContentByLocale(locale.toString())) 
518									immagineSoIn = docXmlServizioToolIncluso.valueOf("//dynamic-element[@name='imageSoIn']/dynamic-content/text()") 
519									immagineMob = docXmlServizioToolIncluso.valueOf("//dynamic-element[@name='ImmagineMob']/dynamic-content/text()") 
520									title = journalArticleServizioToolIncluso.getTitle(locale) 
521									summary = journalArticleServizioToolIncluso.getDescription(locale) 
522									firstTimeServizioToolIncluso = false 
523								/> 
524								<#if immagineSoIn == ""> 
525									<#assign immagineSoIn = immagineMob	/> 
526								</#if> 
527								<#list "${immagineSoIn}" ?split(",") as imageTmpSingleVar> 
528									<#assign imageSingleVar=imageTmpSingleVar?split(":") /> 
529									<#if imageSingleVar[0]?contains("groupId")> 
530										<#assign immagineStrGroupID=imageSingleVar[1]?replace('"', '' ) /> 
531									<#elseif imageSingleVar[0]?contains("name")> 
532										<#assign 
533											immagineStrName=imageSingleVar[1]?replace('"', '' ) 
534											immagineStrName=immagineStrName?replace(' ', ' +') 
535										/> 
536									<#elseif imageSingleVar[0]?contains("uuid")> 
537										<#assign immagineStrUUID=imageSingleVar[1]?replace('"', '') /> 
538									</#if> 
539								</#list> 
540								<#assign immagineUrl="" /> 
541								<#if immagineStrGroupID?? && immagineStrName?? && immagineStrUUID??> 
542									<#assign immagineUrl="/documents/" + immagineStrGroupID + "/0/" + immagineStrName + "/" + immagineStrUUID /> 
543								</#if> 
544								<#assign layoutService = serviceLocator.findService("com.liferay.portal.kernel.service.LayoutService") /> 
545								<#if themeDisplay.getScopeGroup().getParentGroupId() gt 0> 
546									<#assign articleLayout = layoutService.getLayoutByUuidAndGroupId(journalArticleServizioToolIncluso.getLayoutUuid(), themeDisplay.getScopeGroup().getParentGroupId() , false) /> 
547								<#else> 
548									<#assign articleLayout = layoutService.getLayoutByUuidAndGroupId(journalArticleServizioToolIncluso.getLayoutUuid(), getterUtil.getLong(scopeGroupId) , false) /> 
549								</#if> 
550								<#assign friendlyUrl = layout.getGroup().getDisplayURL(themeDisplay, false) + articleLayout.getFriendlyURL(locale) /> 
551								<#if articleLayout.getFriendlyURL(locale)?contains("hera-fast-check-up")> 
552								<#assign 								 
553								friendlyUrlFastCheckup = "/casa/soluzioni-innovative#fastCheckupAnchorId"  
554								friendlyUrl = layout.getGroup().getDisplayURL(themeDisplay, false) + friendlyUrlFastCheckup 
555								/> 
556								</#if> 
557							 
558								<div class="col-md-4 mb-5 d-none d-lg-block"> 
559									<div class="tile"> 
560										<div class="row"> 
561											<div class="col-lg-4 pt-4 pr-lg-0"> 
562												<a href="${friendlyUrl}"> 
563													<img src="${immagineUrl}" class="w-100" /> 
564												</a> 
565											</div> 
566											<div class="col-lg-8 tile-content"> 
567												<a href="${friendlyUrl}"> 
568													<h5 class="x-bigger gradient-text bolder letter-spacing-sm">${title}</h5> 
569													<div class="black-three small letter-spacing-sm l14">${summary}</div> 
570													<span class="black-three small letter-spacing-sm medium">Scopri di più<i class="icon-arrow-r align-middle darkish-pink pl-2"></i></span> 
571												</a> 
572											</div> 
573										</div> 
574									</div> 
575								</div> 
576 
577								<!-- Mobile --> 
578								<#if istanceCounter == 0> 
579									<div class="col-md-4 mobile d-lg-none"> 
580								<#else> 
581									<div class="col-md-4 mt-4 mobile d-lg-none"> 
582								</#if> 
583								<div class="tile"> 
584									<div class="row"> 
585										<div class="col-xs-4 pt-4 pr-lg-0"> 
586											<a href="${friendlyUrl}"> 
587												<img src="${immagineUrl}" class="w-100" /> 
588											</a> 
589										</div> 
590										<div class="col-xs-8 tile-content"> 
591											<a href="${friendlyUrl}"> 
592												<h5 class="x-bigger gradient-text bolder letter-spacing-sm">${title}</h5> 
593												<div class="black-three small letter-spacing-sm l14">${summary}</div> 
594												<span class="black-three small letter-spacing-sm medium">Scopri di più<i class="icon-arrow-r align-middle darkish-pink pl-2"></i></span> 
595											</a> 
596										</div> 
597									</div> 
598								</div> 
599								</div> 
600							<#elseif firstTimeServizioToolIncluso> 
601								<style> 
602									#gestire-energia { 
603										display: none 
604
605								</style> 
606							</#if> 
607						<#elseif firstTimeServizioToolIncluso> 
608							<style> 
609								#gestire-energia { 
610									display: none 
611
612							</style> 
613						</#if> 
614						<#assign istanceCounter = istanceCounter + 1 /> 
615					</#list> 
616				</div> 
617			</div> 
618		</section> 
619	</#if> 
620 
621	<#-- ************* Sezione "Servizi e tool consigliati" ************* --> 
622	<#if urlcustom?contains("hera-impronta-zero")> 
623		<#assign titoloSTC = "Aggiungi le nostre soluzioni: per te 20€ di sconto" /> 
624	<#else> 
625		<#assign titoloSTC = "Servizi e Tool consigliati" /> 
626	</#if> 
627	<#if ServizioToolConsigliato.getSiblings()?has_content> 
628		<section id="servizi-tool" class="py-5"> 
629			<div class="container py-md-5"> 
630				<h3 class="title-big white letter-spacing-sm bolder mt-5 mb-4 d-none d-lg-block">${titoloSTC}</h3> 
631				<!-- <h3> Mobile --> 
632				<h3 class="title-normal white letter-spacing-sm bolder mb-4 mobile d-lg-none">${titoloSTC}</h3> 
633				<div class="row"> 
634					<div class="${colClassOfferta}"> 
635						<div class="row mr-2"> 
636							<#list ServizioToolConsigliato.getSiblings() as cur_ServizioToolConsigliato> 
637								<#assign firstTimeServizioToolConsigliato=true /> 
638								<#if cur_ServizioToolConsigliato??> 
639									<#if cur_ServizioToolConsigliato.getData() !=""> 
640										<#assign 
641											actServizioToolConsigliato = cur_ServizioToolConsigliato.getData()?eval 
642											actServizioToolConsigliatoClassPK = actServizioToolConsigliato.classPK?number 
643											journalArticleServizioToolConsigliato = journalArticleServiceUtil.getLatestArticle(actServizioToolConsigliatoClassPK) 
644											docXmlServizioToolConsigliato = saxReaderUtil.read(journalArticleServizioToolConsigliato.getContentByLocale(locale.toString())) 
645											title = journalArticleServizioToolConsigliato.getTitle(locale) 
646											summary = journalArticleServizioToolConsigliato.getDescription(locale) 
647											base = docXmlServizioToolConsigliato.valueOf("//dynamic-element[@name='description']/dynamic-content/text()") 
648											tipoicona = docXmlServizioToolConsigliato.valueOf("//dynamic-element[@name='TipoIcona']/dynamic-content/text()") 
649											firstTimeServizioToolConsigliato = false 
650										/> 
651										<#assign layoutService = serviceLocator.findService("com.liferay.portal.kernel.service.LayoutService") /> 
652										<#if themeDisplay.getScopeGroup().getParentGroupId() gt 0> 
653											<#assign articleLayout = layoutService.getLayoutByUuidAndGroupId(journalArticleServizioToolConsigliato.getLayoutUuid(), themeDisplay.getScopeGroup().getParentGroupId() , false) /> 
654										<#else> 
655											<#assign articleLayout = layoutService.getLayoutByUuidAndGroupId(journalArticleServizioToolConsigliato.getLayoutUuid(), getterUtil.getLong(scopeGroupId) , false) /> 
656										</#if> 
657										<#assign friendlyUrl = layout.getGroup().getDisplayURL(themeDisplay, false) + articleLayout.getFriendlyURL(locale) /> 
658										<div class="col-md-4 pr-md-0 mb-4"> 
659											<a href="${friendlyUrl}" class="white-box d-block h-100 p-3"> 
660												<div class="row"> 
661													<div class="col-2 pt-1"> 
662														<i class="${tipoicona} gradient-text title-mid"></i> 
663													</div> 
664													<div class="col-10"> 
665														<h4 class="gradient-text big letter-spacing-sm font-weight-bold">${title}</h4> 
666														<div class="greyish-brown small letter-spacing-sm l13 mb-0">${summary}</div> 
667													</div> 
668												</div> 
669											</a> 
670										</div> 
671									<#elseif firstTimeServizioToolConsigliato> 
672										<style> 
673											#servizi-tool { 
674												display: none 
675
676										</style> 
677									</#if> 
678								<#elseif firstTimeServizioToolConsigliato> 
679									<style> 
680										#servizi-tool { 
681											display: none 
682
683									</style> 
684								</#if> 
685							</#list> 
686						</div> 
687					</div> 
688				</div> 
689			</div> 
690		</section> 
691	</#if> 
692 
693	<#-- ************* Sezione "L'offerta nel dettaglio" ************* --> 
694	<#if TestoDettaglioOfferta.getSiblings()?has_content && TestoDettaglioOfferta.getData() !=""> 
695		<section id="list" class="white-two-bg py-5"> 
696			<div class="container py-3"> 
697				<h3 class="title-big black-three letter-spacing-sm bolder">Altri Vantaggi</h3> 
698				<div class="row mt-4 pt-3"> 
699					<div class="${colClassOfferta}"> 
700						<ul class="pl-lg-5 list-unstyled greyish-brown big letter-spacing-sm"> 
701							<#list TestoDettaglioOfferta.getSiblings() as cur_TestoDettaglioOfferta> 
702								<#assign colorCheck=cur_TestoDettaglioOfferta.ColoreElencoPuntato.getData() /> 
703								<#if colorCheck=="verde"> 
704									<li class="${colorCheck}">${cur_TestoDettaglioOfferta.getData()}</li> 
705								<#else> 
706									<li>${cur_TestoDettaglioOfferta.getData()}</li> 
707								</#if> 
708							</#list> 
709						</ul> 
710						<#if urlcustom?contains("hera-bebe")> 
711							<div> 
712								<a href="https://heracomm.gruppohera.it/documents/83408/106450/Regolamento+HERA+BEBE%27.pdf/4bba47b6-48b1-fc6a-9c65-0be6015acdbd?t=1560437503256" class="greyish-brown big bolder letter-spacing-sm l13 mb-0" target="_blank"> Regolamento dell'operazione a premi "Hera Bebè" con validità dal 24 luglio 2018 al 31 dicembre 2019 </a> 
713							</div> 
714						</#if> 
715					</div> 
716				</div> 
717			</div> 
718		</section> 
719	</#if> 
720 
721	<#-- ************* Sezione "Domande frequenti" ************* --> 
722	<#if TitoloFaq??> 
723		<#list TitoloFaq.getSiblings()> 
724			<#assign firstTimeTitoloFaq=true /> 
725			<section id="faq" class="pt-4"> 
726				<div class="container position-relative pt-5"> 
727					<#if urlcustom?contains("hera-impronta-zero")> 
728						<h3 class="title-big black-three letter-spacing-sm bolder">Gas Verde 100% CO<sub>2</sub> Free</h3> 
729						<div class="black-three big letter-spacing-sm l15 pr-lg-5 py-4"> 
730							<span>Hera Impronta Zero ti garantisce gas naturale le cui emissioni di CO2 sono compensate <br/> tramite l’acquisto di crediti di carbonio certificati, con i quali sovvenzioniamo progetti <br/> internazionali di riduzione delle emissioni di gas a effetto serra in atmosfera. 
731							</span> 
732						</div> 
733						<div class="container greyish-brown small"> 
734						<span>Contribuisci anche tu a realizzare questi 4 Sustainable Development Goals dell’Agenda Onu 2030</span> 
735						<img src="https://heracomm.gruppohera.it/documents/83408/0/theGlobalGoals.png/95113ede-52e4-b0aa-9399-da71fdeae05f?t=1562058787111" class="w-50" /> 
736						</div> 
737						<br> 
738						<div> 
739							<span class="black-three big letter-spacing-sm l15 pr-lg-5 py-5">I progetti finanziati sono certificati dai più alti standard internazionali in materia di riduzione <br/> delle emissioni di carbonio. 
740							</span> 
741						</div> 
742					<#else> 
743						<h3 class="title-big black-three letter-spacing-sm bolder">Domande frequenti</h3> 
744					</#if> 
745					<div class="row mt-4"> 
746						<div class="${colClassOfferta}"> 
747							<ul class="pl-lg-5 list-unstyled"> 
748								<#items as curFaq> 
749									<#if curFaq??> 
750										<#if curFaq.getData() !=""> 
751											<#assign firstTimeTitoloFaq=false /> 
752											<li class="mt-3 pt-3"> 
753												<a href="#" class="big medium burnt-yellow" data-toggle="collapse" data-target="#FAQ-${curFaq?index}" aria-expanded="false" aria-controls="collapseExample"> 
754													${curFaq.getData()} 
755													<i class="icon-chevron-down greyish-brown title-mid float-right d-none d-sm-inline"></i> 
756												</a> 
757												<div class="collapse" id="FAQ-${curFaq?index}"> 
758													${curFaq.getChild('DescrizioneFaq').getData()} 
759												</div> 
760											</li> 
761										<#elseif firstTimeTitoloFaq> 
762											<style> 
763												#faq { 
764													display: none 
765
766											</style> 
767										</#if> 
768									<#elseif firstTimeTitoloFaq> 
769										<style> 
770											#faq { 
771												display: none 
772
773										</style> 
774									</#if> 
775								</#items> 
776							</ul> 
777						</div> 
778					</div> 
779				</div> 
780			</section> 
781		</#list> 
782	</#if> 
783 
784	<#-- ************* Sezione "Documenti e Modulistica" ************* --> 
785	<#if DocumentiEModulistica.getData()!=""> 
786		<#if DocumentiEModulistica.getSiblings()?has_content> 
787			<section id="doc-list" class="pb-4"> 
788				<div class="container py-5"> 
789					<h3 class="title-big black-three letter-spacing-sm bolder mt-5 pt-3 d-none d-lg-block">Documenti e Modulistica</h3> 
790					<!-- <h3> Mobile --> 
791					<h3 class="title-normal black-three letter-spacing-sm bolder mt-5 pt-3 mobile d-lg-none">Documenti e Modulistica</h3> 
792					<div class="row"> 
793						<div class="${colClassOfferta}"> 
794							<div class="row mt-5 pl-lg-5"> 
795								<#list DocumentiEModulistica.getSiblings() as cur_documentoAllegato> 
796									<#assign dlFileEntryService=serviceLocator.findService("com.liferay.document.library.kernel.service.DLFileEntryService") /> 
797									<#if cur_documentoAllegato.getData() !=""> 
798										<#assign counterDocAll=0 /> 
799										<#list "${cur_documentoAllegato.getData()}"?split("/") as xDocAll> 
800											<#if counterDocAll==2> 
801												<#assign groupIdDocAll=xDocAll?number /> 
802											</#if> 
803											<#if counterDocAll==5> 
804												<#assign 
805													uuIdDocAll=xDocAll 
806													counterUuIdDocAll=0 
807												/> 
808												<#list "${xDocAll}" ?split("?") as xUuIdDocAll> 
809													<#if counterUuIdDocAll==0> 
810														<#assign uuIdDocAll=xUuIdDocAll /> 
811													</#if> 
812													<#assign counterUuIdDocAll=counterUuIdDocAll + 1 /> 
813												</#list> 
814											</#if> 
815											<#assign counterDocAll=counterDocAll + 1 /> 
816										</#list> 
817										<#assign fileDocAll=dlFileEntryService.getFileEntryByUuidAndGroupId(uuIdDocAll, groupIdDocAll) /> 
818										<div class="col-md-4 col-sm-6"> 
819											<div class="row mb-3"> 
820												<div class="col-2 text-xl-center"> 
821													<i class="icon-doc gradient-text x-bigger"></i> 
822												</div> 
823												<div class="col-10 pl-md-0"> 
824													<a href="${cur_documentoAllegato.getData()}" class="black-three big letter-spacing-sm" target="_blank"> 
825														${fileDocAll.fileName?replace('.pdf|.PDF', '', 'r')} 
826													</a> 
827												</div> 
828											</div> 
829										</div> 
830									</#if> 
831								</#list> 
832							</div> 
833						</div> 
834					</div> 
835				</div> 
836			</section> 
837		</#if> 
838	</#if> 
839 
840	<#-- ************* Sezione "Note informative" ************* --> 
841	<#if NoteInformative??> 
842		<#if NoteInformative.getData() != ""> 
843			<section id="note-informative"> 
844			    <div class="container py-3"> 
845			        <div class="row"> 
846			            <div class="col-lg-8 smaller"> 
847							${NoteInformative.getData()} 
848			            </div> 
849			        </div> 
850			    </div> 
851			</section> 
852		</#if> 
853	</#if> 
854 
855	<#if !(themeDisplay.getPortalURL()?contains("auth-")) && !(themeDisplay.getPortalURL()?contains("-dev")) && !(themeDisplay.getPortalURL()?contains("-test")) && target == "casa" && urlcustom?contains("hera-impronta-zero")> 
856		<!-- Adform Tracking Code BEGIN --> 
857		<script type="text/javascript"> 
858		    window._adftrack = Array.isArray(window._adftrack) ? window._adftrack : (window._adftrack ? [window._adftrack] : []); 
859		    window._adftrack.push({ 
860		        pm: 1855697, 
861		        divider: encodeURIComponent('|'), 
862		        pagename: encodeURIComponent('Landing Page') 
863		    }); 
864		    (function () { var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = 'https://track.adform.net/serving/scripts/trackpoint/async/'; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); })(); 
865 
866		</script> 
867		<noscript> 
868		    <p style="margin:0;padding:0;border:0;"> 
869		        <img src="https://track.adform.net/Serving/TrackPoint/?pm=1855697&ADFPageName=Landing%20Page&ADFdivider=|" width="1" height="1" alt="" /> 
870		    </p> 
871		</noscript> 
872		<!-- Adform Tracking Code END --> 
873	</#if> 
874</#if> 
875 
876<script type="text/javascript"> 
877	(function(){ 
878		window.vvc_ready_handlers = []; 
879		window.vivocha = { ready: function(cb) { window.vvc_ready_handlers.push(cb); }} 
880		var t = document.createElement("script"); 
881		t.type="text/javascript"; t.async=true; 
882		t.src="//www.vivocha.com/a/hera001/api/vivocha.js"; 
883		var n=document.getElementsByTagName("script")[0]; 
884		n.parentNode.insertBefore(t,n); 
885	})(); 
886</script>