Gruppo Hera Luce e GasCasaLuce e GasPlacet Fissa

Hera Placet Fissa

Scopri l'offerta Hera Placet Fissa a mercato libero, differenziata per fasce orarie

An error occurred while processing the template.
The following has evaluated to null or missing:
==> FasciaBanner  [in template "20099#20135#31895758" at line 49, column 32]

----
Tip: If the failing expression is known to be legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing</#if>. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)??
----

----
FTL stack trace ("~" means nesting-related):
	- Failed at: #if FasciaBanner.BackgroundFasciaBann...  [in template "20099#20135#31895758" at line 49, column 27]
----
1<#assign 
2    imgSrc="" 
3    imgAlt="" 
4    imgId="" 
5    sliders=[] 
6    indexOfTabSlider="" 
7    carouselIdx=1 
8    infoIndex="" 
9    firstSectionId = "" 
10    secondSectionId = "" 
11    infoIndex="" 
12    thirdSectionId = "" 
13    fourthSectionId = "" 
14    fifthSectionId = "" 
15    tryurl=themeDisplay.getPortalURL()+themeDisplay.getURLCurrent() 
16    heracommnordeststring=languageUtil.get(locale, "heracomm-nordeststring") 
17    cmvenergiastring=languageUtil.get(locale, "cmvenergiastring") 
18    heracommmarchestring=languageUtil.get(locale, "heracomm-marchestring") 
19    estenergystring=languageUtil.get(locale, "estenergystring") 
20    compare1=languageUtil.get(locale, "HC") 
21    compare2=languageUtil.get(locale, "HC") 
22    /> 
23    <#if tryurl?contains(cmvenergiastring)> 
24        <#assign 
25        compare1=languageUtil.get(locale, "CMV") 
26        compare2=languageUtil.get(locale, "CMV") 
27        /> 
28    </#if> 
29 
30    <#if tryurl?contains(heracommnordeststring) || tryurl?contains(estenergystring)> 
31        <#assign 
32        compare1=languageUtil.get(locale, "HCNE") 
33        compare2=languageUtil.get(locale, "EENE") 
34        /> 
35    </#if> 
36    <#if tryurl?contains(heracommmarchestring)> 
37        <#assign 
38        compare1=languageUtil.get(locale, "HCM") 
39        compare2=languageUtil.get(locale, "HCM") 
40        /> 
41    </#if> 
42 
43    <style> 
44        .header-breadcrumb a:hover{ 
45            color: #000 !important; 
46
47 
48        #livechat, 
49        #container-banner{<#if FasciaBanner.BackgroundFasciaBanner.getData()?? && FasciaBanner.BackgroundFasciaBanner.getData() != ""> 
50	<img alt="${FasciaBanner.BackgroundFasciaBanner.getAttribute("alt")}" data-fileentryid="${FasciaBanner.BackgroundFasciaBanner.getAttribute("fileEntryId")}" src="${FasciaBanner.BackgroundFasciaBanner.getData()}" /> 
51</#if> 
52            display: none; 
53
54        #Overview .slick-track { 
55            display: flex; 
56
57        #Overview .slick-slide { 
58            height: inherit; 
59
60        #Overview .slick-slide > div { 
61            height: 100%; 
62
63        #sliderOverview-0 .slick-track { 
64            display: flex; 
65
66        #sliderOverview-0 .slick-slide { 
67            height: inherit; 
68
69        #sliderOverview-0 .slick-slide > div { 
70            height: 100%; 
71
72        #container-footer-attivazione-prodotto { 
73            background: white; 
74
75        #container-footer-attivazione-prodotto > div { 
76            background: white; 
77
78        .tabOverview__wrapper .tabOverview__button:not(.tabOverview__buttonActive):hover { 
79            background-color: rgba(242, 68, 116, 0.04); 
80
81        .tabOverview__wrapper .tabOverview__button { 
82            width: 25%; 
83            max-width: 210px; 
84
85        @media (max-width: 576px) { 
86            .documentContent__wrapper { 
87                padding: 0 20px; 
88
89            .tabOverview__wrapper { 
90                flex-direction: column; 
91                border-top: 4px solid #F9EEF6; 
92
93            .tabOverview__wrapper .tabOverview__button { 
94                width: 100%; 
95                font-size: 18px; 
96                max-width: 100%; 
97                border-bottom: 4px solid #F9EEF6; 
98
99            .tabOverview__wrapper .tabOverview__button:last-child { 
100                border-bottom: 0; 
101
102            #portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_0ICZ0sueKkwm .contentOverview__slideWrapper { 
103                padding-inline: 40px; 
104
105            .contentOverview__slideWrapper .slick-slide{ 
106                padding: 0 10px!important; 
107
108            .contentOverwiev__tabButton{ 
109                font-size: 12px; 
110
111            .contentOverview__slideWrapper .gradient-text { 
112                font-size: 21px; 
113
114 
115            .contentOverview__slideWrapper .gradient-text + .big { 
116                font-size: 14px !important; 
117
118            h2{ 
119                font-size: 24px !important; 
120
121            h4 { 
122                font-size: 14px !important 
123
124            .container p { 
125                font-size: 14px !important; 
126
127
128        .contentOverview__slideWrapper .slick-dots li { 
129            width: 46px; 
130
131        .contentOverview__slideWrapper .slick-dots li button { 
132            width: 33px; 
133            height: 10px; 
134
135        .contentOverview__slideWrapper .slick-dots li button:before{ 
136            font-size: 60px; 
137            top: 4px; 
138            left: 0; 
139            content: ''; 
140            background-color: #DE4384; 
141            width: 33px; 
142            height: 2px; 
143 
144
145        [id^="portlet_heraschedeprodotto"] [id^='card_'] { 
146            border: 2px solid transparent; 
147
148        .contentOverview__slideWrapper .slick-arrow { 
149            display: inline !important; 
150
151        .sliderHidden { 
152            height: 0; 
153            visibility: hidden; 
154            opacity: 0;} 
155 
156        .tabOverview__wrapper { 
157            display: flex; 
158            align-items: center; 
159            justify-content: flex-start; 
160            border-bottom: 4px solid #F9EEF6; 
161
162 
163        .tabOverview__button { 
164            padding: 0 20px; 
165            border: none; 
166            background: transparent; 
167            letter-spacing: 1px; 
168            cursor: pointer; 
169            height: 100px; 
170
171 
172        .tabOverview__buttonActive { 
173            background: linear-gradient(94.13deg, rgba(242, 68, 116, 0.09) 0%, rgba(155, 60, 183, 0.09) 112.75%); 
174            font-weight: 600; 
175
176        .contentOverwiev__tabButton:focus { 
177            outline: none; 
178
179 
180        .contentOverwiev__wrapper { 
181            padding-top: 3em; 
182
183 
184        .contentOverwiev__contentWrapper { 
185            margin-bottom: 3em; 
186
187 
188        .contentInfoDocumenti__contentWrapper { 
189            margin-bottom: 3em; 
190
191 
192        .contentOverwiev__tabWrapper { 
193            display: flex; 
194
195 
196        .contentInfoDocumenti__tabWrapper { 
197            display: flex; 
198            margin-bottom: 1.5em; 
199
200 
201        .contentOverwiev__tabButton { 
202            border: none; 
203            background: transparent; 
204            cursor: pointer; 
205            width: 280px; 
206            padding: 1.5em 0; 
207
208 
209        .contentInfoDocumenti__tabButton { 
210            border: none; 
211            background: transparent; 
212            cursor: pointer; 
213            width: 280px; 
214            padding: 1.5em 0; 
215
216 
217        .contentInfoDocumenti__tabButtonActive { 
218            border-bottom: 4px solid #F24474; 
219            font-weight: 600; 
220
221 
222 
223        .contentOverwiev__tabButtonActive { 
224            border-bottom: 4px solid #F24474; 
225            font-weight: 600; 
226
227 
228        .contentOverview__slideWrapper { 
229            color: #000; 
230            padding: 3em 0; 
231
232 
233        .contentEnergia__tabContentWrapper { 
234            background: rgba(163, 214, 205, 0.15); 
235            color: #000; 
236            padding-top: 60px; 
237            padding-bottom: 110px; 
238
239 
240        .contentEnergia__tabContentWrapperBgInvert { 
241            box-shadow: 0 0 0 100vmax rgba(163, 214, 205, 0.15); 
242            clip-path: inset(0 -100vmax); 
243
244 
245        .contentSoluzioni__contentWrapper { 
246            padding: 3em 0; 
247
248 
249        .contentOverview__sliderPosition { 
250            position: relative; 
251
252 
253        .contentEnergia__contentWrapper { 
254            padding: 1em 0; 
255
256 
257        .contentEnergia__contentWrapperBubble { 
258            position: relative; 
259
260 
261        .contentOverview__sliderArrowL { 
262            position: absolute; 
263            left: -50px; 
264            top: 50%; 
265            font-size: 30px; 
266            transform: translateY(-50%); 
267            color: #F34575; 
268            cursor: pointer; 
269
270 
271        .contentOverview__sliderArrowR { 
272            position: absolute; 
273            right: -50px; 
274            top: 50%; 
275            font-size: 30px; 
276            transform: translateY(-50%); 
277            color: #F34575; 
278            cursor: pointer; 
279
280 
281        .contentEnergia__contentWrapperBubble::before { 
282            position: absolute; 
283            content: url("https://heracomm.gruppohera.it/documents/83408/0/iconBubble.webp/8e993330-082c-5e07-0a86-1ec1b5e6050f?t=1688567258438"); 
284            left: -30px; 
285            top: -54px; 
286            z-index: -10; 
287
288 
289        .contentSoluzioni { 
290            margin-bottom: 80px; 
291
292 
293        .contentSoluzioni__cardWrapper { 
294            display: flex; 
295            justify-content: center; 
296            align-items: center; 
297            flex-wrap: wrap; 
298
299 
300        .contentSoluzioni__CardCta { 
301            font-weight: 400; 
302            font-size: 13px; 
303            letter-spacing: 0.4px; 
304            padding: 14px 25px; 
305            height: auto; 
306            background: linear-gradient(281deg,#9b3cb7 0%,#f24474 60%); 
307            border-radius: 35px; 
308
309 
310        .contentSoluzioni__CardContent { 
311            margin-bottom: 50px; 
312
313 
314        .contentSoluzioni__card { 
315            max-width: 360px; 
316            border-radius: 15px; 
317            overflow: hidden; 
318            border: none; 
319            box-shadow: 0px 6px 9px rgb(0 0 0 / 8%); 
320
321 
322        .card-body { 
323            padding: 1.25rem 1.25rem 2.2rem 1.25rem!important; 
324
325 
326        .contentEnergia__tabWrapper { 
327            display: flex; 
328
329 
330        .contentEnergia__tabButton { 
331            border: none; 
332            background: transparent; 
333            cursor: pointer; 
334            width: 280px; 
335            padding: 1.5em 0; 
336
337 
338        .contentEnergia__tabButtonActive { 
339            border-bottom: 4px solid #A3D6CD; 
340            font-weight: 600; 
341
342 
343        .contentEnergia__cta { 
344            text-decoration: underline; 
345
346 
347        .contentEnergiaSliderWrapper { 
348            position: relative; 
349
350 
351 
352        .contentEnergia__sliderImgWrapper { 
353            width: 100%; 
354            height: 260px; 
355            overflow: hidden; 
356            border-radius: 25px; 
357
358 
359        .contentEnergia__sliderArrowL { 
360            position: absolute; 
361            left: 5%; 
362            top: 50%; 
363            transform: translateY(-50%); 
364            font-size: 16px; 
365            color: #fff; 
366            cursor: pointer; 
367            z-index: 100; 
368
369 
370        .contentEnergia__sliderArrowR { 
371            position: absolute; 
372            right: 5%; 
373            top: 50%; 
374            transform: translateY(-50%); 
375            font-size: 16px; 
376            color: #fff; 
377            cursor: pointer; 
378            z-index: 100; 
379
380 
381        .bannerEnergia { 
382            position: relative; 
383            margin-top: -110px; 
384
385 
386        .bannerEnergia__img { 
387            background-image: url("/o/hera-theme/images/engage1/banner.png"); 
388            background-repeat: no-repeat; 
389            background-size: 100vmax 100%;; 
390            height: 400px; 
391
392 
393        .bannerEnergia__contentWrapper { 
394            position: absolute; 
395            width: 100%; 
396            top: 35% !important; 
397            left: 0; 
398            transform: translateY(30%); 
399
400 
401        [id^='sliderOverview'] .slick-list { 
402            overflow: hidden; 
403
404        .slick-dots > li:only-child{ 
405            display: none; 
406
407        @media (min-width: 768px) and (max-width: 992px) { 
408 
409            .bannerEnergia__contentWrapper { 
410                top: 27% !important; 
411
412
413        @media (min-width: 576px) and (max-width: 767px) { 
414 
415            .bannerEnergia__contentWrapper { 
416                top: 22% !important; 
417
418
419 
420        @media (max-width: 576px) { 
421            .contentOverview__slideWrapper { 
422                padding: 48px 60px; 
423
424            .bannerEnergia { 
425                margin-top: -135px; 
426
427 
428            .bannerEnergia__img { 
429                height: 500px; 
430
431 
432            .bannerEnergia__contentWrapper { 
433                top: 45% !important; 
434                transform: translateY(20%); 
435
436 
437 
438            .bannerEnergia { 
439                margin-top: -170px; 
440
441 
442            .bannerEnergia__img { 
443                height: 550px; 
444
445 
446            .tabOverview__wrapper { 
447                flex-wrap: wrap; 
448                justify-content: center; 
449
450 
451            .tabOverview__button { 
452                width: 200px; 
453
454            #senna_surface1-default #footer { 
455                margin-bottom: 227px !important; 
456
457
458 
459        @media (max-width: 991px) { 
460            .portlet-body .hc-cart-externalWrapper { 
461                right: 0 !important; 
462                top: -70px !important; 
463                margin-bottom: 0; 
464
465 
466            .tabOverview__button { 
467                padding-inline: clamp(10px, 3vw, 40px) !important; 
468                font-size: clamp(11px,2vw, 16px); 
469                height: clamp(66px, 10vw, 120px) !important; 
470
471            #portlet_heraschedeprodotto_INSTANCE_heraschedeprodotto12616697 .card-container .card-body .buttons-wrapper{ 
472                flex-wrap: wrap; 
473                justify-content: center; 
474
475            #portlet_heraschedeprodotto_INSTANCE_heraschedeprodotto12616697 .card-container .card-body .buttons-wrapper > div { 
476                width: 100%; 
477                text-align: center; 
478
479            #portlet_heraschedeprodotto_INSTANCE_heraschedeprodotto12616697 .card-container .card-body .buttons-wrapper button{ 
480                margin: 15px auto; 
481
482
483 
484 
485        .contentInfoDocumenti__infoSingolaWrapper { 
486            display: flex; 
487            justify-content: space-between; 
488            align-items: center; 
489            padding: 1.5em 0; 
490            border-bottom: 1px solid #DCDCDC; 
491            transition: all 0.5s ease-in; 
492
493 
494        .contentInfoDocumenti__infoSingolaTitle { 
495            color: #CFB825; 
496
497 
498        .contentInfoDocumenti__infoSingolaArrow { 
499            font-size: 24px; 
500
501 
502        .contentInfoDocumenti__footerWrapper { 
503            max-width: 768px; 
504
505 
506        .contentInfoDocumenti__infoWrapper { 
507            margin-bottom: 2.5em; 
508            max-width: 768px; 
509
510 
511        .contentInfoDocumenti__infoSingolaWrapper[aria-expanded="true"] .contentInfoDocumenti__infoSingolaArrow { 
512            rotate: 90deg; 
513
514 
515        .contentInfoDocumenti__infoSingolaWrapper[aria-expanded="flase"] .contentInfoDocumenti__infoSingolaArrow { 
516            rotate: 0deg; 
517
518 
519        .contentInfoEDettagli__tabContentWrapper { 
520            margin-bottom: 3em; 
521
522 
523        .documentContent__wrapper{ 
524            max-width: 768px; 
525
526 
527        html { 
528            scroll-behavior: smooth; 
529
530        button, 
531        button:hover, 
532        button:focus, 
533        button:active { 
534            color: #000; 
535
536        #Soluzioni, 
537        .card-container { 
538            padding: 0 15px; 
539
540 
541 
542        .portlet-boundary_heraschedeprodotto_ .portlet { 
543            max-width: 1325px; 
544            margin-inline: auto; 
545
546        .portlet-boundary_heraschedeprodotto_ .portlet .portlet-body { 
547            overflow-x: auto; 
548
549        .portlet-boundary_heraschedeprodotto_ .portlet h2 { 
550            font-size: 32px; 
551            font-weight: 900; 
552            margin-bottom: 20px; 
553
554        .portlet-boundary_heraschedeprodotto_ .portlet .card-container { 
555            display: flex; 
556            justify-content: space-between; 
557            margin-block: 50px; 
558            width: fit-content; 
559            gap: clamp(25px,4vw,53px); 
560            margin-inline: auto; 
561            max-width: 100%; 
562            min-width: 760px; 
563
564        .portlet-boundary_heraschedeprodotto_ .portlet .card-container-wrapper { 
565            overflow-x: auto; 
566
567        .portlet-boundary_heraschedeprodotto_ .portlet .card-container [id^='card'] { 
568            max-width: 360px; 
569            box-shadow: 0px 6px 9px 0px #00000014; 
570            border-radius: 15px; 
571            overflow: hidden; 
572            min-height: 495px; 
573            flex: 1; 
574
575        .portlet-boundary_heraschedeprodotto_ .portlet .card-container .title-section { 
576            display: flex; 
577            gap: 10px; 
578            align-items: center; 
579
580        .portlet-boundary_heraschedeprodotto_ .portlet .card-container .title-section [id^='title'] { 
581            background: -webkit-linear-gradient(90.15deg, #F24474 7.51%, #9B3CB7 110.03%); 
582            -webkit-background-clip: text; 
583            -webkit-text-fill-color: transparent; 
584            font-size: 26px; 
585            font-weight: 900; 
586
587        .portlet-boundary_heraschedeprodotto_ .portlet .card-container .card-body [id^='aggiuntaOfferta'] { 
588            background-color: #6A6A6A; 
589            border-radius: 6px; 
590            width: fit-content; 
591            color: white; 
592            font-size: 11px; 
593            padding: 2px 7px; 
594            display: flex; 
595            gap: 8px; 
596            align-items: center; 
597            line-height: 17px; 
598 
599
600        .portlet-boundary_heraschedeprodotto_ .portlet .card-container .card-body { 
601            display: flex; 
602            flex-direction: column; 
603            height: calc(100% - 223px); 
604            gap: 12px; 
605            padding-bottom: 20px !important; 
606
607        .portlet-boundary_heraschedeprodotto_ .portlet .card-container .card-body [id^='description'] { 
608            flex-grow: 2; 
609
610        .portlet-boundary_heraschedeprodotto_ .portlet .card-container .card-body .buttons-wrapper { 
611            display: flex; 
612            justify-content: space-between; 
613            align-items: center; 
614
615        .portlet-boundary_heraschedeprodotto_ .portlet .card-container .card-body .buttons-wrapper button { 
616            height: 37px; 
617            width: 135px; 
618            background: linear-gradient(91.11deg, #9B3CB7 1.52%, #F24474 97.54%); 
619            border-radius: 48px; 
620            border: 0; 
621            font-size: 13px; 
622            color: white; 
623            display: flex; 
624            justify-content: center; 
625            align-items: center; 
626            gap: 10px; 
627            cursor: pointer; 
628
629        .portlet-boundary_heraschedeprodotto_ .portlet .card-container .card-body .buttons-wrapper button img { 
630            margin-bottom: 2px; 
631
632        .portlet-boundary_heraschedeprodotto_ .portlet .card-container .card-body .buttons-wrapper button:hover { 
633            background: white; 
634            color: #f24474; 
635            border: 2px solid #f24474; 
636
637        .portlet-boundary_heraschedeprodotto_ .portlet .card-container .card-body .buttons-wrapper button:hover img { 
638            filter: drop-shadow(1px 1px 0px #f24474); 
639
640        .portlet-boundary_heraschedeprodotto_ .portlet .card-container .card-body .buttons-wrapper a { 
641            padding: 5px 20px; 
642            cursor: pointer; 
643            color: #ED4479; 
644            text-decoration: underline; 
645
646        .modal .close.d-none:last-child{ 
647            display: block!important; 
648
649        @media (min-width:576px){ 
650            #wrapper-content .container, 
651            #wrapper-content .portlet-boundary_heraschedeprodotto_ .portlet{ 
652                padding-left: 46px; 
653                padding-right: 46px; 
654
655
656        @media (min-width:1024px){ 
657            #wrapper-content .container, 
658            #wrapper-content .portlet-boundary_heraschedeprodotto_ .portlet{ 
659                padding-left: 56px; 
660                padding-right: 56px; 
661
662
663        @media (min-width:1280px){ 
664            .tabOverview__wrapper{ 
665                padding-right: 594px; 
666
667            button.tabOverview__button:first-child { 
668                padding-left: 110px; 
669                width: 275px; 
670                min-width: 275px; 
671
672            .tabOverview__wrapper .tabOverview__button{ 
673                width: 190px; 
674                min-width: 190px; 
675
676            #wrapper-content .container, 
677            #wrapper-content .portlet-boundary_heraschedeprodotto_ .portlet{ 
678                max-width: 1440px !important; 
679                padding-left: 136px; 
680                padding-right: 136px; 
681
682
683        <#if SezioneEnergia.TitoloEnergia.getData() == ""> 
684        .contentEnergia { 
685            display: none; 
686
687        </#if> 
688        .gradient-text a { 
689            background-clip: text; 
690            -webkit-background-clip: text; 
691            -webkit-text-fill-color: transparent; 
692            background-image: linear-gradient(271deg,#9b3cb7,#f24474); 
693
694        .casa .h3.gradient-text { 
695            -webkit-text-fill-color: transparent; 
696
697        .FasciaBannerContainer{ 
698            height: 600px; 
699            background-size: cover; 
700         background-repeat: no-repeat; 
701         padding-top: 120px; 
702         padding-bottom: 60px; 
703         margin-bottom: 50px; 
704         <#if FasciaBanner??> 
705             background-image: url('${FasciaBanner.BackgroundFasciaBanner.getData()}'); 
706         </#if> 
707
708        .testoFasciaBanner{ 
709            width: 60%; 
710            color:white; 
711
712        @media(max-width:768px){ 
713            .testoFasciaBanner{ 
714                width: 100%; 
715
716
717 
718		@media (max-width: 576px) { 
719			.FasciaBannerContainer{ 
720                <#if FasciaBanner??> 
721				background-image: url('${FasciaBanner.BackgroundFasciaBannerMobile.getData()}'); 
722                </#if> 
723				height: 780px; 
724
725
726 
727    </style> 
728    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css" integrity="sha512-17EgCFERpgZKcm0j0fEq1YCJuyAWdz9KUtv1EjVuaOz8pDnh/0nZxmU6BBXwaaxqoi9PQXnRWqlcDB027hgv9A==" crossorigin="anonymous" referrerpolicy="no-referrer" /> 
729    <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js" integrity="sha512-XtmMtDEcNz2j7ekrtHvOVR4iwwaD6o/FUJe6+Zq+HgcCsk3kj4uSQQR8weQ2QVj1o0Pk6PwYLohm206ZzNfubg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> 
730 
731    <script> 
732 
733        function switchTabs(event, currentTabId, buttonClass, tabClassWrapper, activeClassButton, isFlex = true) { 
734 
735            const buttons = Array.from(document.getElementsByClassName(buttonClass)); 
736            const tabs = Array.from(document.getElementsByClassName(tabClassWrapper)[0].children); 
737            buttons.forEach(button => button.classList.remove(activeClassButton)); 
738            tabs.forEach(singleTabs => { 
739                singleTabs.classList.remove(isFlex ? "d-flex" : "d-block"); 
740                singleTabs.classList.add("sliderHidden"); 
741            }); 
742            const currentTab = document.getElementById(currentTabId); 
743            currentTab.classList.remove("sliderHidden"); 
744            currentTab.classList.add(isFlex ? "d-flex" : "d-block"); 
745 
746            event.currentTarget.classList.add(activeClassButton); 
747
748 
749        function navigateOnTabs (event, tabId)  { 
750            window.location.href = tabId; 
751            const buttons = Array.from(document.getElementsByClassName("tabOverview__button")); 
752            buttons.forEach(button => button.classList.remove("tabOverview__buttonActive")); 
753            event.currentTarget.classList.add("tabOverview__buttonActive"); 
754            return; 
755
756 
757 
758        $(document).ready(() => { 
759 
760            if ($('#infoContent > div').length === 0) { 
761                $('.contentInfoDocumenti__tabButton:first-child').addClass('d-none'); 
762                $('#documentContent').addClass('d-block').removeClass('sliderHidden'); 
763
764            if ($('#documentContent > div').length === 0) { 
765                $('.contentInfoDocumenti__tabButton:last-child').addClass('d-none'); 
766
767            //           if ($('section.bannerEnergia p.title-bigger').text().trim() === '') { 
768            //       $('section.bannerEnergia').addClass('d-none'); 
769            //   } 
770 
771            let OfferArticle = $('.card-container').data('offerta'); 
772 
773            function updateVas(status, cardID) { 
774                let vasObject = getVasObject()? getVasObject():{}; 
775                if(status === 'delete' && cardID !== undefined){ 
776                    $('.services').eq(cardID).attr('hidden', true); 
777                    $('#aggiuntaOfferta_'+ cardID).attr('hidden', true); 
778                    $('#card_'+cardID).find('[id*="scopriDiPiuContainer"]').removeAttr('hidden'); 
779                    $('#card_'+cardID).find('[id*="modificaContainer"]').attr('hidden', true); 
780                    $('#card_'+cardID).find('[id*="eliminaContainer"]').css("visibility", "hidden"); 
781                    $('#Soluzioni #card_'+ cardID).css("border", "2px solid transparent"); 
782
783                if(!Object.keys(vasObject).length){ 
784                    $('#cart-vas').attr('hidden', true); 
785                }else{ 
786                    let cardLen = $('.card-container').children().length; 
787                    let vasObjectKeys = Object.keys(vasObject); 
788                    $('#cart-vas').removeAttr('hidden'); 
789                    for(let i=0;i<cardLen;i++){ 
790                        let name = $('#title_'+i).text().trim(); 
791                        let idOfferta = name.replace(' ','_'); 
792                        if(vasObjectKeys.includes(name)){ 
793                            $('.services').eq(i).removeAttr('hidden'); 
794                            $('#aggiuntaOfferta_'+ i).removeAttr('hidden'); 
795                            $('#card_'+i).find('[id*="scopriDiPiuContainer"]').attr('hidden', true); 
796                            $('#card_'+i).find('[id*="modificaContainer"]').removeAttr('hidden'); 
797                            $('#card_'+i).find('[id*="eliminaContainer"]').css("visibility", "visible"); 
798                            $('#Soluzioni #card_'+ i).css("border", "2px solid #EC447A"); 
799
800
801
802 
803
804 
805            function getVasObject() { 
806                let vasObjectString = sessionStorage.getItem(OfferArticle); 
807                let vasObject = null; 
808                if (vasObjectString) { 
809                    vasObject = JSON.parse(vasObjectString); 
810
811                return vasObject; 
812
813 
814            updateVas(); 
815 
816            $(document).on('click','.vasmodal .confirmaddmodal', function(e){ 
817                updateVas(); 
818            }); 
819            $(document).on('click', '[id*="elimina-"]', function(e){ 
820                let current = e.currentTarget; 
821                let cardID = $(current).closest('[id*="card_"]').attr('id'); 
822                updateVas('delete', cardID.split('_')[1]); 
823            }); 
824            $(document).on('click', '.nothanks', function(e){ 
825                let current = e.currentTarget; 
826                let cardID = $(current).closest('.vasmodal').attr('id'); 
827                updateVas('delete', cardID.replace('FunnelModal','')); 
828            }); 
829 
830 
831            $(document).on('click', '.cart-vas img', function(e){ 
832                let vasObject = getVasObject()?getVasObject():{}; 
833                let current = e.currentTarget; 
834                let service = $(current).data('service').replace(/(^\w{1})|(\s+\w{1})/g, l => l.toUpperCase()); 
835                let cardID = $(current).data('index'); 
836 
837                delete vasObject[service]; 
838                sessionStorage.setItem(OfferArticle, JSON.stringify(vasObject)); 
839                updateVas('delete', cardID); 
840            }); 
841 
842 
843            $(".contentOverview__slider-0, .contentOverview__slider-1").slick({ 
844                infinite: true, 
845                slidesToShow: 3, 
846                dots: true, 
847                prevArrow: "<i class='icon-arrow-l black d-none d-lg-block contentOverview__sliderArrowL'></i>", 
848                nextArrow: "<i class='icon-arrow-r black d-none d-lg-block contentOverview__sliderArrowR'></i>", 
849                responsive: [ 
850
851                        breakpoint: 1200, 
852                        settings: { 
853                            slidesToShow: 2, 
854                            slidesToScroll: 2 
855
856                    }, 
857
858                        breakpoint: 768, 
859                        settings: { 
860                            slidesToShow: 1, 
861                            slidesToScroll: 1 
862
863
864
865            }); 
866            $('.cart-vas').prependTo('#cart-vas-content'); 
867            function checkVasLuce(){ 
868                let vasObject = getVasObject()? getVasObject():{}; 
869                if(Object.keys(vasObject).length > 0){ 
870                    let vasHeraLed = {}; 
871                    if(Object.keys(vasObject["Hera Led"]).length > 0){ 
872                        vasHeraLed = vasObject["Hera Led"]; 
873                    }else if(Object.keys(vasObject["Hera Led Business"]).length > 0){ 
874                        vasHeraLed = vasObject["Hera Led Business"]; 
875
876                    if(Object.keys(vasHeraLed).length > 0){ 
877                        let vasHeraLedValues = Object.values(vasHeraLed); 
878                        let vasHeraLedSum = 0; 
879                        for(var i=0; i<vasHeraLedValues.length; i++){ 
880                            vasHeraLedSum += +vasHeraLedValues[i]; 
881
882                        if(vasHeraLedSum === 20 && Object.keys(vasObject["Hera Led"]).length > 0){ 
883                            $('.services').find('[data-id="Hera Led"]').html('189&euro;'); 
884                        }else if(vasHeraLedSum === 20 && Object.keys(vasObject["Hera Led Business"]).length > 0){ 
885                            $('.services').find('[data-id="Hera Led Business"]').html('189&euro;'); 
886
887
888
889 
890 
891
892            checkVasLuce(); 
893        }) 
894 
895 
896    </script> 
897    <#if ImmagineSfondo.getData()?? && ImmagineSfondo.getData() !=""> 
898    <#--  <section> 
899        <img loading="lazy" 
900        alt="${ImmagineSfondo.getAttribute("alt")}" 
901        data-fileentryid="${ImmagineSfondo.getAttribute("fileEntryId")}" 
902        src="${ImmagineSfondo.getData()}" class="w-100" style="height: 515px; object-fit: cover" /> 
903    </section>  --> 
904        <section> 
905            <picture> 
906                <source media="(max-width:600px)" srcset="${ImmagineSfondoMobile.getData()}" /> 
907                <img loading="lazy" alt="canvas" src="${ImmagineSfondo.getData()}" class="w-100" style="height: 515px; object-fit: cover"/> 
908            </picture> 
909        </section> 
910    </#if> 
911    <div class="hc-cart-externalWrapper"> 
912        ${SchedaAttivazioneProdotto.getData()} 
913    </div> 
914    <div id="container-footer-attivazione-prodotto" class="d-none w-100 position-fixed"> 
915        ${FooterAttivazioneProdotto.getData()} 
916    </div> 
917    <#if VociTab.getSiblings()?has_content> 
918        <section> 
919            <div class="tabOverview__wrapper"> 
920                <#list VociTab.getSiblings() as cur_VociTab> 
921                    <#if cur_VociTab?index == 0> 
922                        <#assign firstSectionId =  cur_VociTab.getData()?replace(" ", "_") /> 
923                        <button class="tabOverview__button tabOverview__buttonActive" onclick="navigateOnTabs(event, '#${firstSectionId}')"> 
924                            ${cur_VociTab.getData()?upper_case} 
925                        </button> 
926                    </#if> 
927 
928                    <#if cur_VociTab?index == 1> 
929                        <#assign secondSectionId =  cur_VociTab.getData()?replace(" ", "_") /> 
930                        <button class="tabOverview__button" onclick="navigateOnTabs(event, '#${secondSectionId}')"> 
931                            ${cur_VociTab.getData()?upper_case} 
932                        </button> 
933                    </#if> 
934 
935                    <#if cur_VociTab?index == 2> 
936                        <#assign thirdSectionId = cur_VociTab.getData()?replace(" ", "_") /> 
937                        <button class="tabOverview__button"  onclick="navigateOnTabs(event, '#${thirdSectionId}')"> 
938                            ${cur_VociTab.getData()?upper_case} 
939                        </button> 
940                    </#if> 
941 
942                    <#if cur_VociTab?index == 3> 
943                        <#assign fourthSectionId =  cur_VociTab.getData()?replace(" ", "_") /> 
944                        <button class="tabOverview__button"  onclick="navigateOnTabs(event, '#${fourthSectionId}')"> 
945                            ${cur_VociTab.getData()?upper_case} 
946                        </button> 
947                    </#if> 
948					<#if cur_VociTab?index == 4> 
949                        <#assign fifthSectionId =  cur_VociTab.getData()?replace(" ", "_") /> 
950                        <button class="tabOverview__button"  onclick="navigateOnTabs(event, '#${fifthSectionId}')"> 
951                            ${cur_VociTab.getData()?upper_case} 
952                        </button> 
953                    </#if> 
954 
955                </#list> 
956            </div> 
957        </section> 
958    </#if> 
959 
960 
961    <div class="container" style="max-width: 1325px"> 
962 
963        <section id="${firstSectionId}" class="contentOverwiev__wrapper"> 
964            <div class="contentOverwiev__contentWrapper"> 
965                ${SezioneOverview.TitoloOverview.getData()} 
966                ${SezioneOverview.DescrizioneOverview.getData()} 
967            </div> 
968 
969            <div class="contentOverwiev__tabWrapper"> 
970                <#if SezioneOverview.TitoloTabOverview.getSiblings()?has_content> 
971                    <#assign indexOfTabSlider= 0 /> 
972                    <#list SezioneOverview.TitoloTabOverview.getSiblings() as cur_SezioneOverview> 
973 
974                        <#if cur_SezioneOverview?index==0 && cur_SezioneOverview.getData()!= ""> 
975                            <#assign indexOfTabSlider=cur_SezioneOverview?index /> 
976                            <button class="contentOverwiev__tabButton contentOverwiev__tabButtonActive" onclick="switchTabs(event, 'sliderOverview-${cur_SezioneOverview?index}', 'contentOverwiev__tabButton', 'contentOverview__slideWrapper', 'contentOverwiev__tabButtonActive', false)">${cur_SezioneOverview.getData()}</button> 
977                        <#elseif cur_SezioneOverview.getData()!= ""> 
978                            <button class="contentOverwiev__tabButton" onclick="switchTabs(event, 'sliderOverview-${cur_SezioneOverview?index}', 'contentOverwiev__tabButton', 'contentOverview__slideWrapper', 'contentOverwiev__tabButtonActive', false)">${cur_SezioneOverview.getData()} </button> 
979                        </#if> 
980 
981                    </#list> 
982                </#if> 
983            </div> 
984 
985            <div class="contentOverview__slideWrapper contentOverview__slideWrapperBgInvert"> 
986                <#if SezioneOverview.TitoloTabOverview.getSiblings()?has_content> 
987                    <#list SezioneOverview.TitoloTabOverview.getSiblings() as cur_SezioneOverview> 
988                        <#if indexOfTabSlider == cur_SezioneOverview?index && cur_SezioneOverview.getData()!= ""> 
989                            <div id="sliderOverview-${cur_SezioneOverview?index}" class="d-block"> 
990                                <div class="contentOverview__slider-${cur_SezioneOverview?index} contentOverview__sliderPosition"> 
991 
992                                    <#list cur_SezioneOverview.TabOverviewCardSlider.getSiblings() as cur_tabSlider> 
993                                        <div class="p-4 d-inline-block"> 
994                                            ${cur_tabSlider.getData()} 
995                                        </div> 
996                                    </#list> 
997 
998                                </div> 
999                            </div> 
1000                        <#elseif cur_SezioneOverview.getData()!= ""> 
1001                            <div id="sliderOverview-${cur_SezioneOverview?index}" class="sliderHidden"> 
1002                                <div class="contentOverview__slider-${cur_SezioneOverview?index} contentOverview__sliderPosition"> 
1003                                    <#list cur_SezioneOverview.TabOverviewCardSlider.getSiblings() as cur_tabSlider> 
1004                                        <div class="p-4 d-inline-block"> 
1005                                            ${cur_tabSlider.getData()} 
1006                                        </div> 
1007                                    </#list> 
1008                                </div> 
1009                            </div> 
1010                        </#if> 
1011                    </#list> 
1012                </#if> 
1013            </div> 
1014        </section> 
1015    </div> 
1016    <#assign newthirdSectionId="" newfourthSectionId="" /> 
1017    <#if getterUtil.getBoolean(includeVAS.getData())> 
1018        <@liferay_portlet["runtime"] instanceId="heraschedeprodotto-${.vars['reserved-article-id'].data}" portletName="heraschedeprodotto" /> 
1019        <#assign newthirdSectionId=thirdSectionId newfourthSectionId=fourthSectionId /> 
1020    <#else> 
1021        <#if VociTab.getSiblings()?size == 2> 
1022            <#assign newfourthSectionId = secondSectionId /> 
1023        </#if> 
1024        <#if VociTab.getSiblings()?size == 3> 
1025            <#assign newthirdSectionId=secondSectionId newfourthSectionId=thirdSectionId/> 
1026        </#if> 
1027    </#if> 
1028 
1029    <div class="container" style="max-width: 1325px"> 
1030        <section id="${newthirdSectionId}"class="contentEnergia"> 
1031            <#if SezioneEnergia.TitoloEnergia.getData()?? && SezioneEnergia.DescrizioneEnergia.getData()??> 
1032                <div class="contentEnergia__contentWrapper"> 
1033                    <#if SezioneEnergia.TitoloEnergia.getData()?? && SezioneEnergia.TitoloEnergia.getData() != ""> 
1034                        <div class="contentEnergia__contentWrapperBubble"> 
1035                            ${SezioneEnergia.TitoloEnergia.getData()} 
1036                        </div> 
1037                    </#if> 
1038                    <#if SezioneEnergia.DescrizioneEnergia.getData()??> 
1039                        ${SezioneEnergia.DescrizioneEnergia.getData()} 
1040                    </#if> 
1041                </div> 
1042            </#if> 
1043 
1044            <div class="contentEnergia__tabWrapper"> 
1045                <#if SezioneEnergia.TitoloTabEnergia.getData()?? && SezioneEnergia.TitoloTabEnergia.getData() != ""> 
1046                    <#assign idSectionEnergia = SezioneEnergia.TitoloTabEnergia.getData()?replace(' ', '_') /> 
1047                    <button class="contentEnergia__tabButton contentEnergia__tabButtonActive"   onclick="switchTabs(event, '${idSectionEnergia}','contentEnergia__tabButton','contentEnergia__tabContentWrapper', 'contentEnergia__tabButtonActive', true)">${SezioneEnergia.TitoloTabEnergia.getData()}</button> 
1048                </#if> 
1049 
1050                <#if SezioneEnergia.TitoloTabEnergia2.getData()?? && SezioneEnergia.TitoloTabEnergia2.getData() != ""> 
1051                    <#assign idSectionEnergia2 = SezioneEnergia.TitoloTabEnergia2.getData()?replace(' ', '_') /> 
1052                    <button class="contentEnergia__tabButton" onclick="switchTabs(event, '${idSectionEnergia2}','contentEnergia__tabButton','contentEnergia__tabContentWrapper', 'contentEnergia__tabButtonActive', true)">${SezioneEnergia.TitoloTabEnergia2.getData()}</button> 
1053                </#if> 
1054 
1055                <#if SezioneEnergia.TitoloTabEnergia3?? && SezioneEnergia.TitoloTabEnergia3.getData()?? && SezioneEnergia.TitoloTabEnergia3.getData() != ""> 
1056                    <#assign idSectionEnergia3 = SezioneEnergia.TitoloTabEnergia3.getData()?replace(' ', '_') /> 
1057                    <button class="contentEnergia__tabButton" onclick="switchTabs(event, '${idSectionEnergia3}','contentEnergia__tabButton','contentEnergia__tabContentWrapper', 'contentEnergia__tabButtonActive', true)">${SezioneEnergia.TitoloTabEnergia3.getData()}</button> 
1058                </#if> 
1059            </div> 
1060            <#if SezioneEnergia.TitoloTabEnergia.getData()?? && SezioneEnergia.TitoloTabEnergia.getData() != ""> 
1061                <div class="contentEnergia__tabContentWrapper contentEnergia__tabContentWrapperBgInvert"> 
1062                    <#if SezioneEnergia.TitoloTabEnergia.getData()?? && SezioneEnergia.TitoloTabEnergia.getData() != ""> 
1063                        <div id="${idSectionEnergia}" class="row d-flex"> 
1064                            <div class="col-lg-7 mb-5 mb-lg-0"> 
1065                                <div class="mb-5"> 
1066                                    ${SezioneEnergia.TitoloTabEnergia.DescrizioneTabEnergia.getData()} 
1067                                </div> 
1068                                <#if SezioneEnergia.TitoloTabEnergia.LinkCtaEnergia1.getData() != ""> 
1069                                    <div class="contentEnergia__cta"> 
1070                                        <a href="${SezioneEnergia.TitoloTabEnergia.LinkCtaEnergia1.getData()}" style="color:#f04476;" >Scopri di più</a> 
1071                                    </div> 
1072                                </#if> 
1073                            </div> 
1074                            <div class="col-lg-5"> 
1075                                <#if SezioneEnergia.TitoloTabEnergia.ImmagineSliderEnergia??> 
1076                                    <#if SezioneEnergia.TitoloTabEnergia.ImmagineSliderEnergia.getSiblings()?has_content> 
1077                                        <div class="contentEnergia__sliderWrapper2"> 
1078                                            <#list SezioneEnergia.TitoloTabEnergia.ImmagineSliderEnergia.getSiblings() as cur_SezioneEnergia> 
1079                                                <#if cur_SezioneEnergia.getData()?? && cur_SezioneEnergia.getData() != ""> 
1080                                                    <div class="contentEnergia__sliderImgWrapper"> 
1081                                                        <img loading="lazy" 
1082                                                             alt="${cur_SezioneEnergia.getAttribute("alt")}" 
1083                                                             data-fileentryid="${cur_SezioneEnergia.getAttribute("fileEntryId")}" 
1084                                                             src="${cur_SezioneEnergia.getData()}" 
1085                                                             class="w-100 h-100" 
1086                                                             style="object-fit: cover;" 
1087                                                             loading="lazy" 
1088                                                        /> 
1089                                                    </div> 
1090                                                </#if> 
1091                                            </#list> 
1092                                        </div> 
1093                                    </#if> 
1094                                </#if> 
1095                            </div> 
1096                        </div> 
1097                    </#if> 
1098                    <#if SezioneEnergia.TitoloTabEnergia2.getData()?? && SezioneEnergia.TitoloTabEnergia2.getData() != ""> 
1099                        <div id="${idSectionEnergia2}" class="row d-none"> 
1100                            <div class="col-lg-7 mb-5 mb-lg-0"> 
1101                                <div class="mb-5"> 
1102                                    ${SezioneEnergia.TitoloTabEnergia2.DescrizioneTabEnergia2.getData()} 
1103                                </div> 
1104                                <#if SezioneEnergia.TitoloTabEnergia2.LinkCtaEnergia21?? && SezioneEnergia.TitoloTabEnergia2.LinkCtaEnergia21.getData() != ""> 
1105                                    <div class="contentEnergia__cta"> 
1106                                        <a href="${SezioneEnergia.TitoloTabEnergia2.LinkCtaEnergia21.getData()}" style="color:#f04476;" >Scopri di più</a> 
1107                                    </div> 
1108                                </#if> 
1109                            </div> 
1110                            <div class="col-lg-5"> 
1111                                <#if SezioneEnergia.TitoloTabEnergia2.ImmagineSliderEnergia2??> 
1112                                    <#if SezioneEnergia.TitoloTabEnergia2.ImmagineSliderEnergia2.getSiblings()?has_content> 
1113                                        <div class="contentEnergia__sliderWrapper"> 
1114                                            <#list SezioneEnergia.TitoloTabEnergia2.ImmagineSliderEnergia2.getSiblings() as cur_SezioneEnergia> 
1115                                                <#if cur_SezioneEnergia.getData()?? && cur_SezioneEnergia.getData() != ""> 
1116                                                    <div class="contentEnergia__sliderImgWrapper"> 
1117                                                        <img loading="lazy" 
1118                                                             alt="${cur_SezioneEnergia.getAttribute("alt")}" 
1119                                                             data-fileentryid="${cur_SezioneEnergia.getAttribute("fileEntryId")}" 
1120                                                             src="${cur_SezioneEnergia.getData()}" 
1121                                                             class="w-100 h-100" 
1122                                                             style="object-fit: cover;" 
1123                                                             loading="lazy" 
1124                                                        /> 
1125                                                    </div> 
1126                                                </#if> 
1127                                            </#list> 
1128                                        </div> 
1129                                    </#if> 
1130                                </#if> 
1131                            </div> 
1132                        </div> 
1133                    </#if> 
1134                    <#if SezioneEnergia.TitoloTabEnergia3?? && SezioneEnergia.TitoloTabEnergia3.getData()?? && SezioneEnergia.TitoloTabEnergia3.getData() != ""> 
1135                        <div id="${idSectionEnergia3}" class="row d-none"> 
1136                            <div class="col-lg-7 mb-5 mb-lg-0"> 
1137                                <div class="mb-5"> 
1138                                    ${SezioneEnergia.TitoloTabEnergia3.DescrizioneTabEnergia3.getData()} 
1139                                </div> 
1140                                <#if SezioneEnergia.TitoloTabEnergia3.LinkCtaEnergia3?? && SezioneEnergia.TitoloTabEnergia3.LinkCtaEnergia3.getData() != ""> 
1141                                    <div class="contentEnergia__cta"> 
1142                                        <a href="${SezioneEnergia.TitoloTabEnergia3.LinkCtaEnergia3.getData()}" style="color:#f04476;" >Scopri di più</a> 
1143                                    </div> 
1144                                </#if> 
1145                            </div> 
1146                            <div class="col-lg-5"> 
1147                                <#if SezioneEnergia.TitoloTabEnergia3.ImmagineSliderEnergia3??> 
1148                                    <#if SezioneEnergia.TitoloTabEnergia3.ImmagineSliderEnergia3.getSiblings()?has_content> 
1149                                        <div class="contentEnergia__sliderWrapper"> 
1150                                            <#list SezioneEnergia.TitoloTabEnergia3.ImmagineSliderEnergia3.getSiblings() as cur_SezioneEnergia> 
1151                                                <#if cur_SezioneEnergia.getData()?? && cur_SezioneEnergia.getData() != ""> 
1152                                                    <div class="contentEnergia__sliderImgWrapper"> 
1153                                                        <img loading="lazy" 
1154                                                             alt="${cur_SezioneEnergia.getAttribute("alt")}" 
1155                                                             data-fileentryid="${cur_SezioneEnergia.getAttribute("fileEntryId")}" 
1156                                                             src="${cur_SezioneEnergia.getData()}" 
1157                                                             class="w-100 h-100" 
1158                                                             style="object-fit: cover;" 
1159                                                             loading="lazy" 
1160                                                        /> 
1161                                                    </div> 
1162                                                </#if> 
1163                                            </#list> 
1164                                        </div> 
1165                                    </#if> 
1166                                </#if> 
1167                            </div> 
1168                        </div> 
1169                    </#if> 
1170                </div> 
1171            </#if> 
1172        </section> 
1173    </div> 
1174    <#if SezioneBanner.ContenutoBanner?? && SezioneBanner.ContenutoBanner.getData()?has_content> 
1175        <section class="bannerEnergia"> 
1176            <div class="position-relative"> 
1177                <div class="bannerEnergia__img"></div> 
1178                <div class="bannerEnergia__contentWrapper"> 
1179                    ${SezioneBanner.ContenutoBanner.getData()} 
1180                </div> 
1181            </div> 
1182        </section> 
1183    </#if> 
1184     
1185    <#if FasciaBanner?? && FasciaBanner.BackgroundFasciaBanner.getData()?has_content> 
1186              <section id="${newfourthSectionId}" class="FasciaBannerContainer"> 
1187                  <div class="container" style="max-width: 1325px;"> 
1188                      <div class="testoFasciaBanner"> 
1189                             <#if FasciaBanner.TitoloFasciaBanner?? && FasciaBanner.TitoloFasciaBanner.getData()?has_content> 
1190                                 <h2>${FasciaBanner.TitoloFasciaBanner.getData()}</h2> 
1191                             </#if> 
1192                             <#if FasciaBanner.TestoFasciaBanner?? && FasciaBanner.TestoFasciaBanner.getData()?has_content> 
1193                                 <p>${FasciaBanner.TestoFasciaBanner.getData()}</p> 
1194                             </#if> 
1195                             <br /> 
1196                             <#if FasciaBanner.LinkInternoFasciaBanner?? && FasciaBanner.LinkInternoFasciaBanner.getFriendlyUrl()?has_content && FasciaBanner.TestoCTAFasciaBanner?? && FasciaBanner.TestoCTAFasciaBanner.getData??> 
1197                                 <a class="btn gradient white mb-2" href="${FasciaBanner.LinkInternoFasciaBanner.getFriendlyUrl()}"> 
1198                                    ${FasciaBanner.TestoCTAFasciaBanner.getData()} 
1199                                 </a> 
1200                                <#elseif FasciaBanner.LinkEsternoFasciaBanner?? && FasciaBanner.LinkEsternoFasciaBanner.getData()?has_content  && FasciaBanner.TestoCTAFasciaBanner?? && FasciaBanner.TestoCTAFasciaBanner.getData??> 
1201                                 <a class="btn gradient white mb-2" href="${FasciaBanner.LinkEsternoFasciaBanner.getData()}"> 
1202                                    ${FasciaBanner.TestoCTAFasciaBanner.getData()} 
1203                                </a> 
1204                             </#if>    
1205                         </div> 
1206                  </div> 
1207                </section> 
1208 	</#if> 
1209 
1210    <section id="${fifthSectionId}" class="container contentInfoDocumenti" style="max-width: 1325px"> 
1211        <div class="contentInfoDocumenti__contentWrapper" id="Info_Dettagli"> 
1212            ${SezioneInfoEDettagli.TitoloInfo.getData()} 
1213            ${SezioneInfoEDettagli.DescrizioneInfo.getData()} 
1214        </div> 
1215 
1216        <div class="contentInfoDocumenti__tabWrapper"> 
1217            <#if SezioneInfoEDettagli.TitoloTabDomande.getData()?has_content> 
1218                <button class="contentInfoDocumenti__tabButton contentInfoDocumenti__tabButtonActive" onclick="switchTabs(event, 'infoContent', 'contentInfoDocumenti__tabButton', 'contentInfoEDettagli__tabContentWrapper', 'contentInfoDocumenti__tabButtonActive', false)"> 
1219                    ${SezioneInfoEDettagli.TitoloTabDomande.getData()} 
1220                </button> 
1221                <#if SezioneInfoEDettagli.TitoloTabDocumenti?? && SezioneInfoEDettagli.TitoloTabDocumenti.getData()?has_content> 
1222                    <button class="contentInfoDocumenti__tabButton" onclick="switchTabs(event, 'documentContent', 'contentInfoDocumenti__tabButton', 'contentInfoEDettagli__tabContentWrapper', 'contentInfoDocumenti__tabButtonActive', false)"> 
1223                        ${SezioneInfoEDettagli.TitoloTabDocumenti.getData()} 
1224                    </button> 
1225                </#if> 
1226            <#elseif SezioneInfoEDettagli.TitoloTabDocumenti?? && SezioneInfoEDettagli.TitoloTabDocumenti.getData()?has_content> 
1227                <div class="contentInfoDocumenti__tabButtonActive p-3 mb-4"> 
1228                    ${SezioneInfoEDettagli.TitoloTabDocumenti.getData()} 
1229                </div> 
1230            </#if> 
1231        </div> 
1232 
1233        <div class="contentInfoEDettagli__tabContentWrapper"> 
1234            <#if SezioneInfoEDettagli.TitoloTabDomande.TitoloDomande1.getData()?has_content> 
1235                <div id="infoContent" class="contentInfoDocumenti__infoWrapper d-block"> 
1236                    <#list SezioneInfoEDettagli.TitoloTabDomande.TitoloDomande1.getSiblings() as cur_SezioneInfoEDettagli> 
1237                        <div> 
1238                            <#assign infoIndex = cur_SezioneInfoEDettagli?counter /> 
1239                            <a class="contentInfoDocumenti__infoSingolaWrapper" data-toggle="collapse" href="#info-dettagli-${infoIndex}" role="button" aria-expanded="false" aria-controls="info-dettagli-${infoIndex}"> 
1240                                <p class="big contentInfoDocumenti__infoSingolaTitle">${cur_SezioneInfoEDettagli.getData()} </p> 
1241                                <i class="icon-arrow-r black contentInfoDocumenti__infoSingolaArrow"></i> 
1242                            </a> 
1243                            <div id="info-dettagli-${infoIndex}" class="collapse"  > 
1244                                <div class="p-4"> 
1245                                    ${cur_SezioneInfoEDettagli.DescrizioneDomande.getData()} 
1246                                </div> 
1247                            </div> 
1248                        </div> 
1249                    </#list> 
1250                </div> 
1251            </#if> 
1252            <div id="documentContent" class="contentInfoDocumenti__documentiWrapper <#if SezioneInfoEDettagli.TitoloTabDomande.getData()?has_content>d-none</#if>"> 
1253                <div class="row documentContent__wrapper" > 
1254                    <div id="moduleRow" class="row col-12"> 
1255                        <#if SezioneInfoEDettagli.DocumentiEModulistica?? && SezioneInfoEDettagli.DocumentiEModulistica.getSiblings()?has_content> 
1256                            <#list SezioneInfoEDettagli.DocumentiEModulistica.getSiblings() as cur_documentoAllegato> 
1257                                <#assign dlFileEntryService = objectUtil("com.liferay.document.library.kernel.service.DLFileEntryServiceUtil") /> 
1258                                <#if cur_documentoAllegato.getData() !=""> 
1259                                    <#assign counterDocAll=0 /> 
1260                                    <#list "${cur_documentoAllegato.getData()}"?split("/") as xDocAll> 
1261                                        <#if counterDocAll==2> 
1262                                            <#assign groupIdDocAll=xDocAll?number /> 
1263                                        </#if> 
1264                                        <#if counterDocAll==5> 
1265                                            <#assign 
1266                                            uuIdDocAll=xDocAll 
1267                                            counterUuIdDocAll=0 
1268                                            /> 
1269                                            <#list "${xDocAll}" ?split("?") as xUuIdDocAll> 
1270                                                <#if counterUuIdDocAll==0> 
1271                                                    <#assign uuIdDocAll=xUuIdDocAll /> 
1272                                                </#if> 
1273                                                <#assign counterUuIdDocAll=counterUuIdDocAll + 1 /> 
1274                                            </#list> 
1275                                        </#if> 
1276                                        <#assign counterDocAll=counterDocAll + 1 /> 
1277                                    </#list> 
1278                                    <#assign fileDocAll=dlFileEntryService.getFileEntryByUuidAndGroupId(uuIdDocAll, groupIdDocAll) /> 
1279                                    <#assign substringcompare= fileDocAll.fileName?keep_before("_")/> 
1280                                    <#assign display = "" /> 
1281                                    <#if fileDocAll.fileName?contains("HC_") && (tryurl?contains(estenergystring) || tryurl?contains(heracommmarchestring))> 
1282                                        <#assign display = "d-none" /> 
1283                                    <#elseif fileDocAll.fileName?contains("HCM_") && (tryurl?contains("heracomm.gruppohera") || tryurl?contains(estenergystring))> 
1284                                        <#assign display = "d-none" /> 
1285                                    <#elseif fileDocAll.fileName?contains("EENE_") && (tryurl?contains("heracomm.gruppohera") || tryurl?contains(heracommmarchestring))> 
1286                                        <#assign display = "d-none" /> 
1287                                    </#if> 
1288                                    <div class='col-md-12 ${display}'> 
1289                                        <div class='row mb-3'> 
1290                                            <div class='col-1'> 
1291                                                <i class='icon-doc gradient-text x-bigger'></i> 
1292                                            </div> 
1293                                            <div class='col-10 pl-md-0'> 
1294                                                <div class='black-three big letter-spacing-sm'> 
1295                                                    <a href="${cur_documentoAllegato.getData()}" class="black-three big letter-spacing-sm" target="_blank"> 
1296                                                        <#if fileDocAll.fileName?starts_with("HC_") || fileDocAll.fileName?starts_with("HCM_") || fileDocAll.fileName?starts_with("EENE_")> 
1297												<#assign indexOfUnderscore = fileDocAll.fileName?index_of('_')> 
1298												${fileDocAll.fileName?substring(indexOfUnderscore + 1)} 
1299												<#else> 
1300												${fileDocAll.fileName} 
1301											</#if> 
1302                                                    </a> 
1303                                                </div> 
1304                                            </div> 
1305                                        </div> 
1306                                    </div> 
1307                                </#if> 
1308                            </#list> 
1309                        </#if> 
1310                    </div> 
1311                </div> 
1312            </div> 
1313        </div> 
1314        <div class="contentInfoDocumenti__footerWrapper"> 
1315            ${SezioneInfoEDettagli.DescrizioneFooterInfo.getData()} 
1316        </div> 
1317    </section> 
1318    <script> 
1319        $(document).ready(function() { 
1320 
1321            let nomeofferta; 
1322            <#if NOMEPRODOTTO?has_content> 
1323            nomeofferta = "${NOMEPRODOTTO.getData()?trim}"; 
1324            </#if> 
1325 
1326            let societa = 'Bologna'; 
1327            <#if tryurl?contains(heracommmarchestring)> 
1328            societa = "Pesaro"; 
1329            <#elseif tryurl?contains(estenergystring)> 
1330            societa = "Gorizia"; 
1331            </#if> 
1332 
1333            let mercato = "${getterUtil.getString(themeDisplay.getThemeSetting('area'))}"; 
1334            let params = {"nome_offerta": nomeofferta, "mercato" : mercato,"societa":societa,"versione":"","step":"scheda prodotto","profilo":"","durata":""} 
1335            <#if tryurl?contains(heracommmarchestring)> 
1336            params = Object.assign(params, {"commodity":"Gas"}); 
1337            </#if> 
1338 
1339            $.ajax({ 
1340                type: 'POST', 
1341                headers: { 
1342                    'Content-Type': 'application/json', 
1343                }, 
1344                data: JSON.stringify(params), 
1345                url: "/o/hera-rest/getCollectionList", 
1346                async: false, 
1347                success: function(resultData) { 
1348                    var lunghezzaresponse = 0; 
1349                    console.log('result-test:', resultData); 
1350 
1351                    if(resultData.code !== "ERR_405") { 
1352                        for (lunghezzaresponse = 0; lunghezzaresponse < resultData.response.length; lunghezzaresponse++) { 
1353                            var elementocorrenteUUID = resultData.response[lunghezzaresponse].uuid; 
1354                            var elementocorrentedisplayname = resultData.response[lunghezzaresponse].displayName; 
1355                            var elementocorrentedisplaynamewithextension = elementocorrentedisplayname + '.' + resultData.response[lunghezzaresponse].attributi.valore; 
1356 
1357                            var htmltoinsert = "<div class='col-md-12'>"; 
1358                            htmltoinsert = htmltoinsert + "<div class='row mb-3'>"; 
1359                            htmltoinsert = htmltoinsert + "<div class='col-2 text-xl-center'>"; 
1360                            htmltoinsert = htmltoinsert + "<i class='icon-doc gradient-text x-bigger'></i>"; 
1361                            htmltoinsert = htmltoinsert + "</div> <div class='col-10 pl-md-0'>"; 
1362                            htmltoinsert = htmltoinsert + "<div onclick='engageoneuuid(\"" + elementocorrentedisplaynamewithextension + "\",\"" + elementocorrenteUUID + "\")' class='pointer black-three big letter-spacing-sm'>" + elementocorrentedisplaynamewithextension + "</div> </div> </div> </div>"; 
1363                            $("#moduleRow").prepend(htmltoinsert); 
1364
1365                    } else { 
1366                        console.log("Collection non trovata", params); 
1367
1368
1369            }); 
1370        }); 
1371    </script>