Privacy Policy/Cookies

Privacy Policy/Cookies è temporaneamente non disponibile.
Si è verificato un errore nell'elaborarazione del modello.
Expression default_paragraph is undefined on line 68, column 22 in 10159#10199#10143581.
1<div class="gdcontent accordion_and_carousel ${Select_Ratio.getData()}" id="${randomNamespace}accordionCarousel"> 
2    <div class="wrapper"> 
3        <div class="col_left"> 
4            <#assign contatoreAccordion=0> 
5            <#if Accordion.getSiblings()?has_content> 
6                <#list Accordion.getSiblings() as cur_Accordion> 
7                    <#assign contatoreAccordion=contatoreAccordion+1> 
8 
9 
10                     <#if cur_Accordion.Image_Title.getSiblings()?has_content> 
11                        <#assign count_images=0> 
12                        <#list cur_Accordion.Image_Title.getSiblings() as cur_Image> 
13                            <#assign count_images=count_images+1> 
14                        </#list> 
15                    </#if> 
16 
17                    <div class="carousel-custom carousel-custom-accordion carousel-custom-accordion-${contatoreAccordion} numero_img_${count_images}" data-padding="0" data-visible="1"> 
18                        <div class="wrapper"> 
19                            <div class="col_left"> 
20 
21                                <div class="carousel-custom-parent " > 
22                                    <div class="wrapper-elements"> 
23 
24                                        <div class="list-items animation"> 
25                                            <#if cur_Accordion.Image_Title.getSiblings()?has_content> 
26                                                <#assign contatoreslide=0> 
27                                                <#list cur_Accordion.Image_Title.getSiblings() as cur_Image> 
28                                                    <#assign contatoreslide=contatoreslide+1> 
29                                                    <div class="item" data-image="${cur_Image.Image.getData()}" data-accordion="${contatoreAccordion}" data-slide="${contatoreslide}"> 
30                                                        <img src="${cur_Image.Image.getData()}" /> 
31 
32 
33                                                        <#if cur_Image.linklabel.getSiblings()?has_content> 
34                                                            <#list cur_Image.linklabel.getSiblings() as bullet> 
35 
36                                                                    <#if bullet.getData()?has_content && (bullet.linklink.getData()?has_content || bullet.Link_Over_Image_GoToID.getData()?has_content ) && bullet.linktop.getData()?has_content && bullet.linkleft.getData()?has_content> 
37                                                                        <#if bullet.linklink.getData()?has_content> 
38                                                                            <a href="${bullet.linklink.getData()}" class="c-bullet btn btn-white btn-arrow-right" style="top:${bullet.linktop.getData()}%;left:${bullet.linkleft.getData()}%;">${bullet.getData()}</a> 
39                                                                        <#else> 
40                                                                            <a data-gotoid="${bullet.Link_Over_Image_GoToID.getData()}" class="${bullet.Link_GoTOID_Type.getData()}   gotoid c-bullet btn btn-white btn-arrow-right" style="top:${bullet.linktop.getData()}%;left:${bullet.linkleft.getData()}%;">${bullet.getData()}</a> 
41                                                                        </#if> 
42                                                                    </#if> 
43                                                            </#list> 
44                                                        </#if> 
45 
46 
47                                                        <div class="center-element"> 
48                                                            <h4>${cur_Image.getData()}</h4> 
49                                                            <#if cur_Image.Link_Label.getData()?has_content && cur_Image.Link_Url.getData()?has_content > 
50                                                                <h4><a href="${cur_Image.Link_Url.getData()}">${cur_Image.Link_Label.getData()}</a></h4> 
51                                                            </#if> 
52                                                        </div> 
53                                                    </div> 
54                                                </#list> 
55                                            </#if> 
56                                        </div> 
57                                    </div> 
58                                </div> 
59                            </div> 
60                            <div class="col_right"> 
61                                <div class="thumb-carousel"></div> 
62                            </div> 
63                        </div> 
64                    </div> 
65                </#list> 
66            </#if> 
67            <div id="${randomNamespace}default_items" class="default-items items-hide"> 
68                <#if default_paragraph.default_upper_image.getData()?has_content> 
69                    <div class="default-image-short"> 
70                        <img src="${default_paragraph.default_upper_image.getData()}" /> 
71                    </div> 
72                </#if> 
73                <#if default_paragraph.getData()?has_content> 
74                    <div class="default-paragraph"> 
75                        ${default_paragraph.getData()} 
76                    </div> 
77                </#if> 
78            </div> 
79        </div> 
80        <div id="${randomNamespace}columnRight" class="col_right colrightcustom opacity0"> 
81            <#if Title_Image.getData()?has_content> 
82                <img src="${Title_Image.getData()}" class="f30" /> 
83                <h3 class="f70">${Title.getData()}</h3> 
84            <#else> 
85                <h3>${Title.getData()}</h3> 
86            </#if> 
87 
88            <div class="accordions" id="${randomNamespace}"> 
89                <#assign contatoreAccordion=0> 
90                <#if Accordion.getSiblings()?has_content> 
91                    <#list Accordion.getSiblings() as cur_Accordion> 
92                        <#assign contatoreAccordion=contatoreAccordion+1> 
93                        <h4 class="header-accordion toggler-header-collapsed" data-accordion="${contatoreAccordion}">${cur_Accordion.getData()}</h4> 
94                        <div class="content-accordion toggler-contet-collapsed"> 
95                            <#if cur_Accordion.Picture.getData()?has_content> 
96                                <p> 
97                                    <img src="${cur_Accordion.Picture.getData()}" class="small-image ${cur_Accordion.Size_Image_Near_Paragraph.getData()}" />${cur_Accordion.Paragraph.getData()} 
98                                </p> 
99                                <#else> 
100                                <p> 
101                                    ${cur_Accordion.Paragraph.getData()} 
102                                </p> 
103                            </#if> 
104                            <#if cur_Accordion.Main_Link.getData()?has_content && cur_Accordion.Main_Link_Url.getData()?has_content > 
105                                <a class="btn btn-white btn-arrow-right" href="${cur_Accordion.Main_Link_Url.getData()}">       ${cur_Accordion.Main_Link.getData()} 
106                                </a> 
107                            </#if> 
108                        </div> 
109                    </#list> 
110                </#if> 
111            </div> 
112             
113            <#if Link_Right__Label_.getData()?has_content && Link_Right__URL_.getData()?has_content> 
114                <a style="float: right; margin-top: 15px;" class="btn btn-white btn-arrow-right" href="${Link_Right__URL_.getData()}">${Link_Right__Label_.getData()}</a> 
115            </#if> 
116             
117        </div> 
118        <#if default_paragraph.default_lower_image.getData()?has_content> 
119            <div id="${randomNamespace}default_long_image" class="default-image-long opacity0"> 
120                <img src="${default_paragraph.default_lower_image.getData()}" /> 
121            </div> 
122        </#if> 
123    </div> 
124</div> 
125 
126 
127 
128 
129 
130 
131 
132 
133 
134 
135<style> 
136.opacity0{ 
137    opacity:0; 
138
139</style> 
140 
141<script> 
142 
143YUI().use( 
144  'aui-toggler','aui-base', 
145  function(Y) { 
146    new Y.TogglerDelegate( 
147
148        animated: true, 
149        closeAllOnExpand: true, 
150        container: '#'+'${randomNamespace}', 
151        content: '.content-accordion', 
152        expanded: false, 
153        header: '.header-accordion', 
154        transition: { 
155          duration: 0.5, 
156          easing: 'cubic-bezier(0, 0.1, 0, 1)', 
157          on: { 
158            end: function() { 
159                 
160                setTimeout(function() { 
161                    if (allAccordionClosed()) { 
162                        hideAllProdExp(A); 
163                        displayDefaults(true); 
164
165                    else { 
166                        displayDefaults(false); 
167
168                }, 600); 
169
170
171
172
173    ); 
174    A=AUI(); 
175    setInitialHeightCarouselAccordion(A); 
176
177); 
178 
179 
180 
181var flagPEX=true; 
182var numeroProductExpType1; 
183var numeroProductExpType2; 
184try{ 
185    numeroProductExpType1 =A.one(".accordion_and_carousel").all(".type1_product_experience").size(); 
186}catch(err){ 
187    numeroProductExpType1=0; 
188
189try{ 
190    numeroProductExpType2 =A.one(".accordion_and_carousel").all(".type2_product_experience").size(); 
191}catch(err){ 
192    numeroProductExpType2=0; 
193
194 
195 
196function getParameterByName(name, url) { 
197    if (!url) url = window.location.href; 
198    name = name.replace(/[\[\]]/g, "\\$&"); 
199    var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"), 
200        results = regex.exec(url); 
201    if (!results) return null; 
202    if (!results[2]) return ''; 
203    return decodeURIComponent(results[2].replace(/\+/g, " ")); 
204
205 
206var initCarouselAccordionAnd=false; 
207AUI().use('aui-base', 'aui-anim', 'anim-easing', 'transition', 'event','node-event-simulate', function (B) { 
208    A = AUI(); 
209    W = A.getWin(); 
210 
211 
212    //sempre tutte nascoste le product experience 
213   hideAllProdExp(A); 
214 
215 
216 
217 
218    //setHeightCarouselAccordion(); 
219    setInitialHeightCarouselAccordion(A) 
220 
221 
222    window.onload=function(){ 
223 
224 
225        A.all(".gdcontent.accordion_and_carousel .col_right .accordions").each(function(node){ 
226            //node.one(".header-accordion").simulate("click"); 
227            var nodo=A.all(".accordion_and_carousel .col_left.nooverflow"); 
228            if(nodo){ 
229                nodo.setStyle("opacity","1"); 
230
231        }); 
232         
233         
234        A.all(".colrightcustom").removeClass("opacity0"); 
235        A.all(".default-image-long").removeClass("opacity0"); 
236 
237 
238        var acc=getParameterByName("experienceaccordion"); 
239        var sli=getParameterByName("experienceslide"); 
240 
241        if(acc!="" && acc != null){ 
242            try{ 
243                A.one(".gdcontent.accordion_and_carousel .col_right .accordions .header-accordion[data-accordion="+acc+"]").simulate("click"); 
244            }catch(er){//se accordion non esiste clicca il primo 
245               // A.one(".gdcontent.accordion_and_carousel .col_right .accordions .header-accordion[data-accordion=1]").simulate("click"); 
246
247 
248        }else{ 
249            flagPEX=false; 
250
251 
252        /* 
253         
254        */ 
255 
256 
257 
258        //setHeightCarouselAccordion(); 
259        setInitialHeightCarouselAccordion(A) 
260        setTimeout(function(){ 
261 
262            setInitialHeightCarouselAccordion(A); 
263            setHeightCarouselAccordion(); 
264        },200); 
265        setTimeout(function(){ 
266            setHeightCarouselAccordion(); 
267 
268            if (A.all('.accordions h4.toggler-header-collapsed')._nodes.length === A.all('.accordions h4')._nodes.length) { 
269                displayDefaults(true); 
270
271        },1000); 
272
273    W.on('resize', function () { 
274        try { 
275             
276 
277            var winWidth = W.get('innerWidth'); 
278            var defaultLongImage = A.one('#${randomNamespace}default_long_image'); 
279            var colLeft = A.one('.col_left').height(); 
280            var articleHeight = defaultLongImage.ancestor('.journal-content-article').height(); 
281            var bottomOffset = articleHeight - colLeft + 20; 
282 
283            if (winWidth < 767) { 
284                defaultLongImage.setStyle('bottom', bottomOffset + "px"); 
285
286            else { 
287                defaultLongImage.setStyle('bottom', "0px"); 
288
289 
290
291        catch(err) {} 
292        setHeightCarouselAccordion(); 
293            setTimeout(function(){ 
294                setHeightCarouselAccordion(); 
295            },400); 
296            setTimeout(function(){ 
297                setHeightCarouselAccordion(); 
298            },800); 
299            setTimeout(function(){ 
300                setHeightCarouselAccordion(); 
301            },200); 
302    }); 
303 
304 
305    A.all(".gdcontent.accordion_and_carousel .col_right .accordions .header-accordion").each(function(node){ 
306        node.on('click',function(e){ 
307            var currentNode=e.target; 
308 
309            if (!currentNode.hasClass('toggler-header-expanded')) { 
310                /*hideAllProdExp(A); 
311                displayDefaults(true); 
312
313            else {*/ 
314                displayDefaults(false); 
315
316 
317            setTimeout(function(){ 
318                if(currentNode.hasClass("toggler-header-expanded")){ 
319                    var d=currentNode.getAttribute("data-accordion"); 
320                    A.all(".carousel-custom-accordion").removeClass("show"); 
321                    A.one(".carousel-custom-accordion-"+d).addClass("show"); 
322 
323                    //se questo non è un carosello allora mostro le eventuale product exp 
324                    hideAllProdExp(A); 
325                   //prendo sempre le product exp in prima posizione anche se è un carosello 
326                   //   setTimeout(function(){ 
327                    A.one(".carousel-custom-accordion-"+d).one(".item").all(".type1_product_experience,.type2_product_experience").each(function(nodo){ 
328                        var id=nodo.getAttribute("data-gotoid"); 
329                        if(A.all(""+id).size()>0){ 
330                            A.one(""+id).removeClass("displayNoneExp"); 
331
332                    }) 
333 
334 
335 
336                    /* 
337                    if(A.one(".carousel-custom-accordion-"+d).hasClass("numero_img_1")){//se c'è solo una slide 
338                        variabile1=; 
339                        variabile2=; 
340                       setPushstate(variabile1,variabile2) 
341                    } */ 
342 
343 
344 
345                    if(A.one(".carousel-custom-accordion-"+d).hasClass("numero_img_1")){//se ha solo un elemento 
346                        variabile1=A.one(".carousel-custom-accordion-"+d).one(".item").getAttribute("data-accordion"); 
347                        variabile2=A.one(".carousel-custom-accordion-"+d).one(".item").getAttribute("data-slide"); 
348                        setPushstate(variabile1,variabile2) ; 
349
350 
351 
352 
353 
354 
355                    if(!A.one(".carousel-custom-accordion-"+d).hasClass("numero_img_1")){//se è un carosello quindi c'è piu di un elemento 
356                        setTimeout(function(){ 
357 
358                            if(flagPEX){ 
359                                flagPEX=false; 
360                                setTimeout(function(){ 
361                                    try{ 
362                                        var sli=getParameterByName("experienceslide"); 
363                                        try{ 
364                                                A.all(".carousel-custom-accordion-"+d).one(".thumb-image-"+(sli-1)).simulate("click"); 
365                                        }catch(er){//se non esiste clicca il primo 
366                                                A.all(".carousel-custom-accordion-"+d).one(".thumb-image-0").simulate("click"); 
367
368
369                                    catch(er){} 
370                                    //solo dopo aver letto parametri 
371                                    variabile1=A.one(".carousel-custom-accordion-"+d).one(".item").getAttribute("data-accordion"); 
372                                    variabile2=A.one(".carousel-custom-accordion-"+d).one(".item").getAttribute("data-slide"); 
373                                    setPushstate(variabile1,variabile2) ; 
374 
375                                },500) 
376
377 
378 
379                            try{ 
380                                A.all(".carousel-custom-accordion-"+d+" .arrow").on("click",function(node){ 
381                                    setTimeout(function(){ 
382                                        var nodoCliccato=node; 
383                                        try{ 
384                                        hideAllProdExp(A); 
385 
386                                        variabile1=A.all(".carousel-custom-accordion-"+d).one(".currentItemCarousel").getAttribute("data-accordion"); 
387                                        variabile2=A.all(".carousel-custom-accordion-"+d).one(".currentItemCarousel").getAttribute("data-slide"); 
388                                        setPushstate(variabile1,variabile2) ; 
389 
390 
391                                        A.all(".carousel-custom-accordion-"+d).one(".currentItemCarousel").all(".type1_product_experience,.type2_product_experience").each(function(node){ 
392                                            var id=node.getAttribute("data-gotoid"); 
393 
394                                            if(A.all(""+id).size()>0){ 
395                                                A.one(""+id).removeClass("displayNoneExp"); 
396
397                                        }) 
398                                        }catch(er){} 
399                                    },500); 
400                                }); 
401                            }catch(er){} 
402 
403                        },1000); 
404
405 
406                   //},500); 
407
408 
409            },100); 
410        }) 
411 
412    }) 
413 
414 
415}) 
416 
417function hideAllProdExp(A){ 
418    A.all(".type1_product_experience,.type2_product_experience").each(function(node){ 
419        var id=node.getAttribute("data-gotoid"); 
420        if(A.all(""+id).size()>0){ 
421            A.one(""+id).addClass("displayNoneExp"); 
422
423    }); 
424
425function setInitialHeightCarouselAccordion(A){ 
426    try{ 
427        var h_max=0; 
428        var h_right=A.one(".gdcontent.accordion_and_carousel .col_right").height(); 
429 
430        A.one(".gdcontent.accordion_and_carousel .col_left").setStyle("height",h_right); 
431        A.one(".gdcontent.accordion_and_carousel .col_left").addClass("nooverflow"); 
432    }catch(er){ 
433
434
435function initCarouselAccordionAnd(){ 
436    setHeightCarouselAccordion(); 
437    A.all(".gdcontent.accordion_and_carousel .col_right .accordions").each(function(node){ 
438        try{ 
439            node.one(".header-accordion").simulate("click"); 
440        }catch(err){} 
441    }); 
442    A.one(".gdcontent.accordion_and_carousel .col_left").removeClass("nooverflow"); 
443
444function setHeightCarouselAccordion(){ 
445    var h_max=0; 
446    A.all(".gdcontent.accordion_and_carousel .col_left .carousel-custom").each(function(node){ 
447        var h=node.height(); 
448        if(h>h_max){ 
449            h_max=h; 
450
451    }) 
452    A.one(".gdcontent.accordion_and_carousel .col_left").setStyle("height",h_max); 
453
454 
455 
456 
457 
458function setPushstate(variabile1,variabile2){ 
459    //var url="http://"+window.location.host+window.location.pathname+window.location.search; 
460    url = location.href; 
461    url=removeURLParameter( url, "experienceslide"); 
462    url=addParameterToURL("experienceslide="+variabile2,url); 
463    url=removeURLParameter( url, "experienceaccordion"); 
464    url=addParameterToURL("experienceaccordion="+variabile1,url); 
465 
466    history.pushState(null, null,  url); 
467
468function addParameterToURL(param,_url){ 
469    _url += (_url.split('?')[1] ? '&':'?') + param; 
470    return _url; 
471
472function removeURLParameter(url, parameter) { 
473    //prefer to use l.search if you have a location/link object 
474    var urlparts= url.split('?'); 
475    if (urlparts.length>=2) { 
476 
477        var prefix= encodeURIComponent(parameter)+'='; 
478        var pars= urlparts[1].split(/[&;]/g); 
479 
480        //reverse iteration as may be destructive 
481        for (var i= pars.length; i-- > 0;) { 
482            //idiom for string.startsWith 
483            if (pars[i].lastIndexOf(prefix, 0) !== -1) { 
484                pars.splice(i, 1); 
485
486
487 
488        url= urlparts[0] + (pars.length > 0 ? '?' + pars.join('&') : ""); 
489        return url; 
490    } else { 
491        return url; 
492
493
494 
495 
496function displayDefaults(hideShow) { 
497    try { 
498         
499        var defaults = A.one('#${randomNamespace}default_items'); 
500        var defaultLongImage = A.one('#${randomNamespace}default_long_image'); 
501        var openItems = A.all('.carousel-custom.carousel-custom-accordion'); 
502 
503        if(!!defaultLongImage){ 
504            defaultLongImage.ancestor('.journal-content-article').setStyle('position', 'relative'); 
505
506         
507 
508        if (hideShow) { 
509            defaults.removeClass('items-hide'); 
510            defaults.addClass('items-show'); 
511 
512             
513            defaultLongImage.removeClass('items-hide'); 
514            defaultLongImage.addClass('items-show'); 
515 
516             
517 
518            openItems.removeClass('show'); 
519 
520            defaultsHeight(); 
521
522        else { 
523         
524             
525            defaults.removeClass('items-show'); 
526            defaults.addClass('items-hide'); 
527 
528            defaultLongImage.removeClass('items-show'); 
529            defaultLongImage.addClass('items-hide'); 
530
531
532    catch(err) {} 
533
534 
535function allAccordionClosed(add) { 
536    try { 
537        var accordionCount = A.all('#${randomNamespace} .header-accordion')._nodes.length; 
538        var closedAccordionCount = A.all('#${randomNamespace} .header-accordion.toggler-header-collapsed')._nodes.length; 
539 
540        if (accordionCount === closedAccordionCount) { 
541            return true; 
542
543        else { 
544            return false; 
545
546
547    catch(err) {} 
548
549 
550function defaultsHeight() { 
551    try { 
552        var winWidth = W.get('innerWidth'); 
553        var columnLeft = A.one('.col_left').height(); 
554        var columnRight = A.one('#${randomNamespace}columnRight').height(); 
555        var defaultParagraphHeight = A.one('#${randomNamespace}default_items .default-paragraph').height(); 
556        var defaultShortImage = A.one('#${randomNamespace}default_items .default-image-short img'); 
557        var defaultLongImage = A.one('#${randomNamespace}default_long_image'); 
558        var articleHeight = defaultLongImage.ancestor('.journal-content-article').height(); 
559        var bottomOffset = articleHeight - columnLeft + 20; 
560 
561        defaultShortImage.setStyle('max-height', columnRight - defaultParagraphHeight + "px"); 
562        defaultLongImage.setStyle('max-height', columnLeft - columnRight + "px"); 
563 
564        if (winWidth < 767) { 
565            defaultLongImage.setStyle('bottom', bottomOffset + "px"); 
566
567        else { 
568            defaultLongImage.setStyle('bottom', "0px"); 
569
570
571    catch(err) {} 
572
573</script> 
574 
575<style> 
576#${randomNamespace}accordionCarousel.gdcontent.accordion_and_carousel .col_left { 
577    background: none; 
578
579 
580#${randomNamespace}accordionCarousel.gdcontent.accordion_and_carousel .carousel-custom .control .wrapper-control a.none { 
581    opacity: 0.3 !important; 
582
583 
584.default-items { 
585    z-index: 100; 
586    position: absolute; 
587
588.items-hide { 
589    display: none; 
590
591 
592.items-show { 
593    display: block; 
594
595 
596.default-paragraph { 
597    font-size: 24px; 
598    padding: 20px; 
599
600 
601.default-image-long { 
602    position: absolute; 
603    margin: 0 auto; 
604    bottom: 0px; 
605    z-index: 100; 
606
607 
608@media (max-width: 767px) { 
609    .default-paragraph { 
610        font-size: 14px; 
611        padding: 20px 
612
613
614</style> 

Visualizzazione Contenuto Web

SCOPRI IL POTERE DEL CARRELLO

SCOPRI LA TECNOLOGIA

Clicca su INIZIA L'ESPLORAZIONE: l'immagine sulla destra inizierà a ruotare, evidenziando le principali caratteristiche del prodotto. Fai Click su di esse per scoprire l'Alta Definizione del nuovo Aspirapolvere.
INIZIA L'ESPLORAZIONE

SCOPRI IL POTERE DEL CARRELLO

SELEZIONE DELLA POTENZA

Con un solo tocco puoi facilmente selezionare il potere di aspirazione di cui hai bisogno e posizionare la spazzola in stand-by. Tutto ciò con il minimo sforzo grazie al controllo localizzato sul manico.

IL MASSIMO DELL'ASPIRAZIONE

La perfetta combinazione per il massimo dell'efficienza: 2400 W di potenza del motore che genera 450 W di potenza di aspirazione.
CONTINUA L'ESPLORAZIONE

SCOPRI IL POTERE DEL CARRELLO

SISTEMA A CARRELLO

Pratica maniglia estraibile per una più facile manovrabilità.

KIT DI PULIZIA COMPLETA

Una sacchetto Pure Clean, grande (3.5 litri) e resistente, e un filtro Pure Clean Hepa 13 lavabile: garantisce il massimo della protezione contro polvere e allergeni (>99.95% di polvere catturata). Disponibile in modelli con la borsa della polvere.

START & STOP

Semplicemente bloccando la spazzola in posizione di parcheggio il funzionamento viene arrestato. Estraendola, l'aspirapolvere riparte. Disponibile nei modelli con regolatore elettronico della potenza.
CONTINUA L'ESPLORAZIONE