Abbiamo creato una collezione di moda da casa per dimostrare che il comfort inizia con quello che ti circonda.
La ALL SEASONS COLLECTION è stata creata per dimostrare una cosa: solo il comfort naturale ti dà la libertà di essere te stesso.
Allora, perché un marchio di climatizzazione dovrebbe lanciare una linea di moda?
Perché volevamo parlare del comfort così come lo percepiscono realmente le persone.
Non come un concetto tecnico, ma come la libertà di essere se stessi, senza bisogno di indossare strati di vestiti, senza sudare, senza compromessi.
Si è verificato un errore nell'elaborarazione del modello.
The following has evaluated to null or missing: ==> request.getHeader("User-Agent") [in template "10110#2640274#75837188" at line 101, column 22] ---- Tip: If the failing expression is known to 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 request.getHeader("User-Agent")?l... [in template "10110#2640274#75837188" at line 101, column 17] ----
1<style>
2 .pdp-card {
3 width: 468px;
4 height: 645px;
5 margin: 0 4px;
6 }
7
8 .pdp-card .image-container {
9 border-radius: 8px;
10 overflow: hidden;
11 }
12
13 .pdp-card img {
14 width: 100%;
15 display: block;
16 }
17
18 .pdp-card .product-title {
19 font-size: 16px;
20 font-weight: 800;
21 text-transform: uppercase;
22 color: #007CB1;
23 line-height: 144%;
24 }
25
26 .pdp-card .product-description {
27 font-size: 16px;
28 font-weight: 400;
29 line-height: 156%;
30 padding-top: 16px;
31 overflow: hidden;
32 text-overflow: ellipsis;
33 display: -webkit-box;
34 -webkit-line-clamp: 2;
35 -webkit-box-orient: vertical;
36 min-height: 60px;
37 }
38
39 .slick-arrow {
40 top: auto;
41 bottom: 0;
42 z-index: 50;
43 }
44
45 .slick-arrow::before {
46 color:#007CB1;
47 }
48
49 .slick-next {
50 left: 50%;
51 }
52
53 .slick-prev {
54 right: 50%;
55 left: auto !important;
56 }
57
58 .slick-dots {
59 bottom: 11px;
60 }
61
62 @media only screen and (max-width: 991.98px) {
63 .slick-dots {
64 bottom: 11px;
65 }
66 .pdp-card{
67 height: auto !important;
68 }
69 .pdp-card .image-container {
70 aspect-ratio: 4 / 3;
71 }
72 .pdp-card img {
73 width: 100%;
74 height: 100%;
75 object-fit: cover;
76 border-radius: 8px;
77 }
78 }
79 @media only screen and (max-width: 1024px) {
80 .pdp-card img{
81 height: auto;
82 }
83 }
84 @media (min-width: 1921px) {
85 .pdp-card {
86 height: auto;
87 }
88 .pdp-card img {
89 height: auto;
90 width: 100%;
91 object-fit: cover;
92 }
93 }
94</style>
95
96<#assign rnd="${turnoverstr(.now?long?string)}"?number />
97<div class="container-fluid asc-content">
98 <section class="row generic-products row-slider-${rnd}">
99 <#if AscProducts.getSiblings()?has_content>
100 <#assign isMobile = false />
101 <#if request.getHeader("User-Agent")?lower_case?contains("mobile")>
102 <#assign isMobile = true />
103 </#if>
104 <#if isMobile>
105 <#assign dots = ((AscProducts.getSiblings()?size) + 0.4999)?round * 15 />
106 <#else>
107 <#assign dots = ((AscProducts.getSiblings()?size / 3) + 0.4999)?round * 15 />
108 </#if>
109 <#list AscProducts.getSiblings() as cur_AscProducts>
110
111 <div class="pdp-card">
112 <div class="d-flex flex-column">
113 <div class="d-block overflow-hidden position-relative mb-4 image-container">
114 <#if cur_AscProducts.Image.getData()??>
115 <img src="${cur_AscProducts.Image.getData()}" alt="AscProducts Image" class="card-image">
116 </#if>
117 </div>
118 <div class="d-flex flex-row justify-content-between align-items-center px-4 mx-2">
119 <#if cur_AscProducts.Title.getData()??>
120 <h3 class="product-title">${cur_AscProducts.Title.getData()}</h3>
121 </#if>
122 </div>
123 <#if cur_AscProducts.Description.getData()??>
124 <p class="product-description text-2 px-4 mx-2">
125 ${cur_AscProducts.Description.getData()}
126 </p>
127 </#if>
128 </div>
129 </div>
130
131 </#list>
132 </#if>
133 </section>
134</div>
135
136<#if AscProducts?has_content>
137 <script>
138 $(document).ready(function() {
139 function initializeAscSlick() {
140 const $slider = $('.asc-content .row-slider-${rnd}');
141 $slider.slick({
142 slidesToShow: 3,
143 slidesToScroll: 3,
144 autoplay: false,
145 autoplaySpeed: 2000,
146 arrows: true,
147 dots: true,
148 pauseOnHover: false,
149 responsive: [
150 {
151 breakpoint: 991.98,
152 settings: {
153 slidesToShow: 1,
154 slidesToScroll: 1
155 }
156 }
157 ]
158 });
159 $(".row-slider-${rnd} .slick-arrow").on('click', function (event) {
160 if (typeof sendMeasurementEventCarouselSwap === 'function') {
161 var filterName = $(".nav-nav.nav-tabs .nav-link.active").text();
162 sendMeasurementEventCarouselSwap(filterName, 'Product Card', 'no_type');
163 } else {
164 console.error('sendMeasurementEventCarouselSwap not defined');
165 }
166 });
167 setTimeout(function () {
168 const slickPrev = $slider.find('.slick-prev')[0];
169 const slickNext = $slider.find('.slick-next')[0];
170 if (slickPrev) {
171 slickPrev.style.right = `calc(50% + ${dots}px)`;
172 }
173 if (slickNext) {
174 slickNext.style.left = `calc(50% + ${dots}px)`;
175 }
176
177 const isMobile = window.innerWidth <= 991.98;
178 const isDesktop = window.innerWidth > 991.98;
179 const slideCount = $slider.find('.slick-slide').length;
180 const dotCount = Math.ceil(slideCount / (isMobile ? 1 : 3));
181
182 if (isMobile && slideCount > 1 || isDesktop && dotCount > 1) {
183 $slider.find('.slick-dots').show();
184 } else {
185 $slider.find('.slick-dots').hide();
186 }
187
188 }, 100);
189 }
190
191 initializeAscSlick();
192 $('a[data-toggle="tab"]').on('shown.bs.tab', function () {
193 $('#asc-content .row-slider-${rnd}').slick('unslick');
194 setTimeout(function() {
195 initializeAscSlick();
196 }, 100);
197 });
198
199 $(".row-slider-${rnd} .slick-arrow").on('click', function (event) {
200 if (typeof sendMeasurementEventCarouselSwap === 'function') {
201 var filterName = $(".nav-nav.nav-tabs .nav-link.active").text();
202 sendMeasurementEventCarouselSwap(filterName, 'Product Card', 'no_type');
203 } else {
204 console.error('sendMeasurementEventCarouselSwap not defined');
205 }
206 });
207 });
208 </script>
209</#if>
210
211
212<#function turnoverstr str>
213 <#local l = str?length />
214 <#local r = "" />
215 <#list 1..l as i>
216 <#local r = r + str?substring(l - i, l - i + 1) />
217 </#list>
218 <#return r />
219</#function>
Il vero comfort va oltre l'abbigliamento
Le persone pensano al comfort solo quando non lo provano.
Quel momento in cui sei sepolto sotto strati di vestiti in inverno o ridotto al minimo indispensabile in estate, cercando solo di sopravvivere a casa. Ci siamo passati tutti, scegliendo tra comfort e dignità. La ALL SEASONS COLLECTION parte da questa semplice realtà con la quale tutti ci siamo scontrati. Per esplorarla, abbiamo collaborato con ZEROBARRACENTO, un marchio italiano noto per la produzione a zero scarti e il design consapevole.
Insieme, abbiamo creato una capsule collection di capi belli e funzionali, con tagli versatili, tessuti traspiranti e uno stile senza stagione. Ma ecco cosa rivela in definitiva la collezione: nessun outfit può risolvere un cattivo clima interno. Perché il vero benessere non inizia nel tuo guardaroba. Inizia con il clima che ti circonda. In ogni stagione, in ogni casa, il comfort naturale fa la differenza. Ed è qui che entra in gioco Clivet.


“Il comfort non riguarda solo ciò che indossi. Riguarda ciò che ti circonda”.
CEO di Clivet e President & CEO di MBT Climate

Pompe di calore: il comfort secondo natura
Nessun tessuto potrà mai sostituire la sensazione di vivere in perfetta armonia con l'ambiente. Le nostre pompe di calore sono progettate per offrire un comfort naturale sfruttando l'energia dell'ambiente, proprio come farebbe la natura.
Perché il clima migliore è quello che non si nota nemmeno: sempre perfetto, completamente naturale.