HYDRO-SPLIT version INVISIBLE
Unité intérieure invisible encastrée pour votre système Hydro-Split
WiSAN-YME 1 S + HQCN-NEE 1 IC A WiSAN-PME 1 S + HQCN-NEE 1 IC  
HYDRO-SPLIT version INVISIBLE, L’efficacité réelle qui ne se voit pas
L’efficacité réelle qui ne se voit pas

Intégrée dans le mur, une efficacité réelle qui ne se voit pas.
L’installer n’a jamais été aussi simple et économique, il vous suffit d’un plombier.

Structure interne du produit Hydro-split version invisible
Plus d’options, moins d’espace

Son design compact et la disposition intelligente de ses composants vous permettent d’ajouter des accessoires sans encombrement supplémentaire.

 

Confortable comme votre canapé

Réglez la température idéale directement avec votre smartphone, même allongé sur le canapé.

Téléphone avec application hid-connect, le confort entre vos mains, réglez la température idéale directement avec votre smartphone

La taille idéale correspond à ce que vous voulez

Choisissez le volume d’eau chaude qui vous convient : de 150 à 300 litres, selon vos exigences.

Chaud / froid

Chaud / froid

Produit Rafraîchissement / Chauffage gratuitement (sous certaines conditions)
ECS

ECS

Production d'Eau Chaude Sanitaire
Contemporanéité (version hybride)

Contemporanéité (version hybride)

Production simultanée de Chauffage et d’Eau Chaude Sanitaire
Silence

Silence

Diminution du niveau sonore de fonctionnement
Chaud / froid

Chaud / froid

Produit Rafraîchissement / Chauffage gratuitement (sous certaines conditions)
ECS

ECS

Production d'Eau Chaude Sanitaire
Contemporanéité (version hybride)

Contemporanéité (version hybride)

Production simultanée de Chauffage et d’Eau Chaude Sanitaire
Silence

Silence

Diminution du niveau sonore de fonctionnement

Synthèse technique

Dimensions Unité Intérieure (Longueur x Hauteur x Profondeur)
A partir de 950x2200x360 mm
Dimensions de l'unité extérieure (Longueur x Hauteur x Profondeur)
A partir de 1295x7127x400 mm
Classe d'efficacité de chauffage (climat moyen)
A+++ (eau35 °C)
A++ (eau 55 °C)
Douches consécutives disponibles
de 3 à 4
Surface de la maison
de 42 à 110 m²
Niveau sonore de l'unité intérieure
de 41 dB(A) (comme un réfrigérateur)

Complétez votre installation

Les modules hydroniques sont conçus pour simplifier l'installation, en réduisant à la fois les opérations et l'expertise requise, de sorte que vous pouvez immédiatement obtenir votre climat idéal en combinaison avec une pompe à chaleur monobloc.

Vous avez besoin d’aide ?
Contactez-nous : un consultant Clivet répondra à vos questions.

Découvrez nos solutions alternatives

HYDRO-SPLIT versione MINI, unité intérieure compacte
HYDRO-SPLIT version MINI

Unité intérieure compacte, efficace, idéale dans un espace limité avec un système Hydro-Split.

WISAN-YME 1 S + HQCN-NEE 1 MC A - WISAN-PME 1 S + HQCN-NEE 1 MC

HYDRO-SPLIT version BOX: WISAN-YME 1 S + HQCN-NEE 1 BC A WISAN-PME 1 S + HQCN-NEE 1 BCÈ piccola ma potente
HYDRO-SPLIT version BOX

L’unité intérieure encastrée pour votre système Hydro-Split.

WISAN-YME 1 S + HQCN-NEE 1 BC A WISAN-PME 1 S + HQCN-NEE 1 BC

HYDRO-SPLIT Tower: WISAN-YME 1 S + HQCN-NEE 1 TC A WISAN-PME 1 S + HQCN-NEE 1 TC A
HYDRO-SPLIT version Tower

Unité hydronique intérieure sur bâti avec réservoir d’ECS pour les systèmes Hydro Split

WISAN-YME 1 S + HQCN-NEE 1 TC A WISAN-PME 1 S + HQCN-NEE 1 TC A

Distances de sécurité à maintenir : 500 millimètres à l’avant
Espaces optimisés

Il est essentiel pour le bon fonctionnement de l’unité de maintenir les distances de sécurité indiquées.

Technical Spécifications

Dimensions
Dimensions Unité Intérieure (Longueur x Hauteur x Profondeur)
A partir de 950x2200x360 mm
Dimensions de l'unité extérieure (Longueur x Hauteur x Profondeur)
A partir de 1295x7127x400 mm
Plage de fonctionnement (air extérieur)
Plage de fonctionnement en chauffage
-25 / 43 °C
Plage de fonctionnement en refroidissement
-5 / 43 °C
Efficacité saisonnière
Classe d'efficacité de chauffage (climat moyen)
A+++ (eau35 °C) A++ (eau 55 °C)
Production d'eau chaude sanitaire
A+ avec profil de prélèvement L
Performance
Chauffage (Air extérieur 7 °C / Eau 35 °C)
de 4.20 kW à 10.0 kW: COP jusqu'à 5.15
Refroidissement (air extérieur 35 °C / eau 18 °C)
de 4.170 kW à 8.00 kW: COP jusqu'à 3.20
Refroidissement (air extérieur 35 °C / eau 18 °C)
de 4.50 kW à 9.90 kW: EER jusqu'à 5.50
Volume équivalent d'eau chaude sanitaire (40 °C)
jusqu'à 188 litres
Dimensionnement
Douches consécutives disponibles
de 3 à 4
Surface de la maison
de 42 à 110 m²
Puissance sonore
Niveau sonore de l'unité intérieure
de 41 dB(A) (comme un réfrigérateur)
Niveau sonore de l'unité extérieure
de 53 dB(A) (comme une pluie modérée)
Combinaisons possibles
Système mono-zone + chaudière + kit instantané : Chauffage / ECS
  1. unité extérieure
  2. unité intérieure
  3. Chaudière à condensation
  4. Système deux zones + chaudière : Kit disjoncteur deux zones + pompe
  5. Système de chauffage à moyenne température
  6. Pompe de bouclage ECS
  7. Bypass
  8. Chronothermostat Hid-TConnect2
  9. Récepteur/commutateur IdO SwitchConnect
Système mono-zone + chaudière + kit instantané : Chauffage / ECS
Combinaisons possibles
Système deux zones + chaudière : Chauffage / ECS
  1. unité extérieure
  2. unité intérieure
  3. Chaudière à condensation
  4. Système deux zones + chaudière : Kit disjoncteur deux zones + pompe
  5. Système de chauffage à moyenne température
  6. Système de chauffage à haute température
  7. Pompe de bouclage ECS
  8. Bypass
  9. Chronothermostat Hid-TConnect2
  10. Récepteur/commutateur IdO SwitchConnect
Système deux zones + chaudière : Chauffage / ECS
Combinaisons possibles
Zone unique + système solaire : Chauffage / ECS
  1. unité extérieure
  2. unité intérieure
  3. zone de refroidissement
  4. Bypass
  5. Kit zone unique disjoncteur + pompe
  6. Pompe de recirculation ECS
  7. kit de connexion solaire
  8. Solaire thermique ELFOSun
  9. Récepteur/commutateur IdO SwitchConnect
  10. Chronothermostat Hid-TConnect2
Zone unique + système solaire : Chauffage / ECS
Combinaisons possibles
Système à zone unique : Chauffage / ECS
  1. unité extérieure
  2. unité intérieure
  3. zone chauffage
  4. Bypass
  5. Pompe de bouclage ECS
  6. Récepteur/commutateur IdO SwitchConnect
  7. Chronothermostat Hid-TConnect2
Système à zone unique : Chauffage / ECS
Une erreur s'est produite lors du traitement du modèle.
The following has evaluated to null or missing:
==> LinkToPage  [in template "10110#2640274#72716158" at line 77, column 12]

----
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: ${LinkToPage.getFriendlyUrl()}  [in template "10110#2640274#72716158" at line 77, column 10]
----
1<style> 
2	.${randomNamespace}.product-content-agg .product-name { 
3		font-size: 48px; 
4    font-weight: 300; 
5    text-align: center; 
6		max-height: 535px; 
7
8	.${randomNamespace}.product-content-agg { 
9		margin-bottom: 48px; 
10
11	.${randomNamespace}.product-content-agg picture { 
12		max-width: 100%; 
13		max-height: 100%; 
14
15	.${randomNamespace}.product-content-agg img { 
16		max-width: 100%; 
17		max-height: 100%; 
18		border-radius: 8px; 
19		pointer-events:none; 
20		display: inline; 
21
22	.${randomNamespace}.product-content-agg .product-title { 
23		font-size: 18px; 
24		font-weight: 700; 
25		text-transform: uppercase; 
26		color: #007CB1; 
27
28	.${randomNamespace}.product-content-agg .product-link { 
29		background-color: #007CB1; 
30		border-radius: 40px; 
31		display: block; 
32
33	 
34	.${randomNamespace}.product-content-agg .product-link:after { 
35      content: '>'; 
36			width: 30px; 
37	  	height: 30px; 
38	  	gap: 10px; 
39	  	color: #fff !important; 
40			background-color: #007CB1; 
41			display: flex; 
42			align-items: center; 
43			justify-content: center; 
44			font-size: 25px; 
45			border-radius: 50px; 
46			font-weight: 300; 
47			padding-bottom: 3px; 
48
49	 
50	.${randomNamespace} .position-absolute { 
51		left: 0; 
52		right: 0; 
53		top: 0; 
54		bottom: 0; 
55		pointer-events:none; 
56
57	.${randomNamespace} .product-description { 
58    font-size: 16px; 
59    font-weight: 400; 
60    line-height: 156%; 
61    padding-top: 16px; 
62		overflow: hidden; 
63    text-overflow: ellipsis; 
64    display: -webkit-box; 
65    -webkit-line-clamp: 2; 
66    -webkit-box-orient: vertical; 
67     min-height: 60px; 
68
69  .${randomNamespace} .product-code { 
70    color: #717171; 
71    font-size: 16px; 
72    font-weight: 400; 
73    line-height: 156%; 
74    padding-top: 16px; 
75
76</style> 
77<a href="${LinkToPage.getFriendlyUrl()}"> 
78<div class="${randomNamespace} product-content-agg"> 
79	<div class="d-flex flex-column"> 
80		<div class="d-block overflow-hidden position-relative mb-4 mh-70"> 
81			<#if AlternativeImage?? && AlternativeImage.getData()?has_content> 
82				<img src="${AlternativeImage.getData()}" alt="${(AlternativeImage.getAttribute("alt")??)?then(AlternativeImage.getAttribute("alt"), Name.getData())}" class="w-100" style="object-fit: cover; border-radius: 8px;"/> 
83			</#if> 
84		</div> 
85		<div class="d-flex flex-row justify-content-between align-items-center px-4 mx-2"> 
86			<#if Name?? && Name.getData()?has_content> 
87				<div class="product-title"> 
88					${Name.getData()} 
89				</div> 
90			</#if> 
91			<#if LinkToPage?? && LinkToPage.getData()?has_content> 
92				<div class="product-link" href="${LinkToPage.getFriendlyUrl()}"></div> 
93			</#if> 
94		</div> 
95		<#if (UnitDesc.getData())??> 
96			<p class="c-mt-1 product-description text-2 px-4 mx-2"> 
97				<#if (UnitDesc.getData()?length > 200)> 
98					${UnitDesc.getData()?substring(0, 200)}... 
99				<#else> 
100					${UnitDesc.getData()} 
101				</#if> 
102			</p> 
103		</#if> 
104		<#if (UnitCode.getData())??> 
105			<p class="c-mt-1 product-code text-2 px-4 mx-2"> ${UnitCode.getData()} </p> 
106		</#if> 
107	</div> 
108</div> 
109</a> 
110 
111<script type="text/javascript"> 
112 
113$(".${randomNamespace}.product-content-agg").on('click', function(event) { 
114 if (typeof sendMeasurementEventProductClick === 'function') { 
115  var category = $(".nav-nav.nav-tabs .nav-link.active").text().trim(); 
116  var name = $(this).find(".product-title").text().trim(); 
117   sendMeasurementEventProductClick(name, category, 'Product Card',); 
118  } else { 
119   console.error('sendMeasurementEventProductClick not defined'); 
120 } 
121}); 
122</script> 
Une erreur s'est produite lors du traitement du modèle.
The following has evaluated to null or missing:
==> LinkToPage  [in template "10110#2640274#72716158" at line 77, column 12]

----
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: ${LinkToPage.getFriendlyUrl()}  [in template "10110#2640274#72716158" at line 77, column 10]
----
1<style> 
2	.${randomNamespace}.product-content-agg .product-name { 
3		font-size: 48px; 
4    font-weight: 300; 
5    text-align: center; 
6		max-height: 535px; 
7
8	.${randomNamespace}.product-content-agg { 
9		margin-bottom: 48px; 
10
11	.${randomNamespace}.product-content-agg picture { 
12		max-width: 100%; 
13		max-height: 100%; 
14
15	.${randomNamespace}.product-content-agg img { 
16		max-width: 100%; 
17		max-height: 100%; 
18		border-radius: 8px; 
19		pointer-events:none; 
20		display: inline; 
21
22	.${randomNamespace}.product-content-agg .product-title { 
23		font-size: 18px; 
24		font-weight: 700; 
25		text-transform: uppercase; 
26		color: #007CB1; 
27
28	.${randomNamespace}.product-content-agg .product-link { 
29		background-color: #007CB1; 
30		border-radius: 40px; 
31		display: block; 
32
33	 
34	.${randomNamespace}.product-content-agg .product-link:after { 
35      content: '>'; 
36			width: 30px; 
37	  	height: 30px; 
38	  	gap: 10px; 
39	  	color: #fff !important; 
40			background-color: #007CB1; 
41			display: flex; 
42			align-items: center; 
43			justify-content: center; 
44			font-size: 25px; 
45			border-radius: 50px; 
46			font-weight: 300; 
47			padding-bottom: 3px; 
48
49	 
50	.${randomNamespace} .position-absolute { 
51		left: 0; 
52		right: 0; 
53		top: 0; 
54		bottom: 0; 
55		pointer-events:none; 
56
57	.${randomNamespace} .product-description { 
58    font-size: 16px; 
59    font-weight: 400; 
60    line-height: 156%; 
61    padding-top: 16px; 
62		overflow: hidden; 
63    text-overflow: ellipsis; 
64    display: -webkit-box; 
65    -webkit-line-clamp: 2; 
66    -webkit-box-orient: vertical; 
67     min-height: 60px; 
68
69  .${randomNamespace} .product-code { 
70    color: #717171; 
71    font-size: 16px; 
72    font-weight: 400; 
73    line-height: 156%; 
74    padding-top: 16px; 
75
76</style> 
77<a href="${LinkToPage.getFriendlyUrl()}"> 
78<div class="${randomNamespace} product-content-agg"> 
79	<div class="d-flex flex-column"> 
80		<div class="d-block overflow-hidden position-relative mb-4 mh-70"> 
81			<#if AlternativeImage?? && AlternativeImage.getData()?has_content> 
82				<img src="${AlternativeImage.getData()}" alt="${(AlternativeImage.getAttribute("alt")??)?then(AlternativeImage.getAttribute("alt"), Name.getData())}" class="w-100" style="object-fit: cover; border-radius: 8px;"/> 
83			</#if> 
84		</div> 
85		<div class="d-flex flex-row justify-content-between align-items-center px-4 mx-2"> 
86			<#if Name?? && Name.getData()?has_content> 
87				<div class="product-title"> 
88					${Name.getData()} 
89				</div> 
90			</#if> 
91			<#if LinkToPage?? && LinkToPage.getData()?has_content> 
92				<div class="product-link" href="${LinkToPage.getFriendlyUrl()}"></div> 
93			</#if> 
94		</div> 
95		<#if (UnitDesc.getData())??> 
96			<p class="c-mt-1 product-description text-2 px-4 mx-2"> 
97				<#if (UnitDesc.getData()?length > 200)> 
98					${UnitDesc.getData()?substring(0, 200)}... 
99				<#else> 
100					${UnitDesc.getData()} 
101				</#if> 
102			</p> 
103		</#if> 
104		<#if (UnitCode.getData())??> 
105			<p class="c-mt-1 product-code text-2 px-4 mx-2"> ${UnitCode.getData()} </p> 
106		</#if> 
107	</div> 
108</div> 
109</a> 
110 
111<script type="text/javascript"> 
112 
113$(".${randomNamespace}.product-content-agg").on('click', function(event) { 
114 if (typeof sendMeasurementEventProductClick === 'function') { 
115  var category = $(".nav-nav.nav-tabs .nav-link.active").text().trim(); 
116  var name = $(this).find(".product-title").text().trim(); 
117   sendMeasurementEventProductClick(name, category, 'Product Card',); 
118  } else { 
119   console.error('sendMeasurementEventProductClick not defined'); 
120 } 
121}); 
122</script> 
Une erreur s'est produite lors du traitement du modèle.
The following has evaluated to null or missing:
==> LinkToPage  [in template "10110#2640274#72716158" at line 77, column 12]

----
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: ${LinkToPage.getFriendlyUrl()}  [in template "10110#2640274#72716158" at line 77, column 10]
----
1<style> 
2	.${randomNamespace}.product-content-agg .product-name { 
3		font-size: 48px; 
4    font-weight: 300; 
5    text-align: center; 
6		max-height: 535px; 
7
8	.${randomNamespace}.product-content-agg { 
9		margin-bottom: 48px; 
10
11	.${randomNamespace}.product-content-agg picture { 
12		max-width: 100%; 
13		max-height: 100%; 
14
15	.${randomNamespace}.product-content-agg img { 
16		max-width: 100%; 
17		max-height: 100%; 
18		border-radius: 8px; 
19		pointer-events:none; 
20		display: inline; 
21
22	.${randomNamespace}.product-content-agg .product-title { 
23		font-size: 18px; 
24		font-weight: 700; 
25		text-transform: uppercase; 
26		color: #007CB1; 
27
28	.${randomNamespace}.product-content-agg .product-link { 
29		background-color: #007CB1; 
30		border-radius: 40px; 
31		display: block; 
32
33	 
34	.${randomNamespace}.product-content-agg .product-link:after { 
35      content: '>'; 
36			width: 30px; 
37	  	height: 30px; 
38	  	gap: 10px; 
39	  	color: #fff !important; 
40			background-color: #007CB1; 
41			display: flex; 
42			align-items: center; 
43			justify-content: center; 
44			font-size: 25px; 
45			border-radius: 50px; 
46			font-weight: 300; 
47			padding-bottom: 3px; 
48
49	 
50	.${randomNamespace} .position-absolute { 
51		left: 0; 
52		right: 0; 
53		top: 0; 
54		bottom: 0; 
55		pointer-events:none; 
56
57	.${randomNamespace} .product-description { 
58    font-size: 16px; 
59    font-weight: 400; 
60    line-height: 156%; 
61    padding-top: 16px; 
62		overflow: hidden; 
63    text-overflow: ellipsis; 
64    display: -webkit-box; 
65    -webkit-line-clamp: 2; 
66    -webkit-box-orient: vertical; 
67     min-height: 60px; 
68
69  .${randomNamespace} .product-code { 
70    color: #717171; 
71    font-size: 16px; 
72    font-weight: 400; 
73    line-height: 156%; 
74    padding-top: 16px; 
75
76</style> 
77<a href="${LinkToPage.getFriendlyUrl()}"> 
78<div class="${randomNamespace} product-content-agg"> 
79	<div class="d-flex flex-column"> 
80		<div class="d-block overflow-hidden position-relative mb-4 mh-70"> 
81			<#if AlternativeImage?? && AlternativeImage.getData()?has_content> 
82				<img src="${AlternativeImage.getData()}" alt="${(AlternativeImage.getAttribute("alt")??)?then(AlternativeImage.getAttribute("alt"), Name.getData())}" class="w-100" style="object-fit: cover; border-radius: 8px;"/> 
83			</#if> 
84		</div> 
85		<div class="d-flex flex-row justify-content-between align-items-center px-4 mx-2"> 
86			<#if Name?? && Name.getData()?has_content> 
87				<div class="product-title"> 
88					${Name.getData()} 
89				</div> 
90			</#if> 
91			<#if LinkToPage?? && LinkToPage.getData()?has_content> 
92				<div class="product-link" href="${LinkToPage.getFriendlyUrl()}"></div> 
93			</#if> 
94		</div> 
95		<#if (UnitDesc.getData())??> 
96			<p class="c-mt-1 product-description text-2 px-4 mx-2"> 
97				<#if (UnitDesc.getData()?length > 200)> 
98					${UnitDesc.getData()?substring(0, 200)}... 
99				<#else> 
100					${UnitDesc.getData()} 
101				</#if> 
102			</p> 
103		</#if> 
104		<#if (UnitCode.getData())??> 
105			<p class="c-mt-1 product-code text-2 px-4 mx-2"> ${UnitCode.getData()} </p> 
106		</#if> 
107	</div> 
108</div> 
109</a> 
110 
111<script type="text/javascript"> 
112 
113$(".${randomNamespace}.product-content-agg").on('click', function(event) { 
114 if (typeof sendMeasurementEventProductClick === 'function') { 
115  var category = $(".nav-nav.nav-tabs .nav-link.active").text().trim(); 
116  var name = $(this).find(".product-title").text().trim(); 
117   sendMeasurementEventProductClick(name, category, 'Product Card',); 
118  } else { 
119   console.error('sendMeasurementEventProductClick not defined'); 
120 } 
121}); 
122</script> 
Une erreur s'est produite lors du traitement du modèle.
The following has evaluated to null or missing:
==> LinkToPage  [in template "10110#2640274#72716158" at line 77, column 12]

----
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: ${LinkToPage.getFriendlyUrl()}  [in template "10110#2640274#72716158" at line 77, column 10]
----
1<style> 
2	.${randomNamespace}.product-content-agg .product-name { 
3		font-size: 48px; 
4    font-weight: 300; 
5    text-align: center; 
6		max-height: 535px; 
7
8	.${randomNamespace}.product-content-agg { 
9		margin-bottom: 48px; 
10
11	.${randomNamespace}.product-content-agg picture { 
12		max-width: 100%; 
13		max-height: 100%; 
14
15	.${randomNamespace}.product-content-agg img { 
16		max-width: 100%; 
17		max-height: 100%; 
18		border-radius: 8px; 
19		pointer-events:none; 
20		display: inline; 
21
22	.${randomNamespace}.product-content-agg .product-title { 
23		font-size: 18px; 
24		font-weight: 700; 
25		text-transform: uppercase; 
26		color: #007CB1; 
27
28	.${randomNamespace}.product-content-agg .product-link { 
29		background-color: #007CB1; 
30		border-radius: 40px; 
31		display: block; 
32
33	 
34	.${randomNamespace}.product-content-agg .product-link:after { 
35      content: '>'; 
36			width: 30px; 
37	  	height: 30px; 
38	  	gap: 10px; 
39	  	color: #fff !important; 
40			background-color: #007CB1; 
41			display: flex; 
42			align-items: center; 
43			justify-content: center; 
44			font-size: 25px; 
45			border-radius: 50px; 
46			font-weight: 300; 
47			padding-bottom: 3px; 
48
49	 
50	.${randomNamespace} .position-absolute { 
51		left: 0; 
52		right: 0; 
53		top: 0; 
54		bottom: 0; 
55		pointer-events:none; 
56
57	.${randomNamespace} .product-description { 
58    font-size: 16px; 
59    font-weight: 400; 
60    line-height: 156%; 
61    padding-top: 16px; 
62		overflow: hidden; 
63    text-overflow: ellipsis; 
64    display: -webkit-box; 
65    -webkit-line-clamp: 2; 
66    -webkit-box-orient: vertical; 
67     min-height: 60px; 
68
69  .${randomNamespace} .product-code { 
70    color: #717171; 
71    font-size: 16px; 
72    font-weight: 400; 
73    line-height: 156%; 
74    padding-top: 16px; 
75
76</style> 
77<a href="${LinkToPage.getFriendlyUrl()}"> 
78<div class="${randomNamespace} product-content-agg"> 
79	<div class="d-flex flex-column"> 
80		<div class="d-block overflow-hidden position-relative mb-4 mh-70"> 
81			<#if AlternativeImage?? && AlternativeImage.getData()?has_content> 
82				<img src="${AlternativeImage.getData()}" alt="${(AlternativeImage.getAttribute("alt")??)?then(AlternativeImage.getAttribute("alt"), Name.getData())}" class="w-100" style="object-fit: cover; border-radius: 8px;"/> 
83			</#if> 
84		</div> 
85		<div class="d-flex flex-row justify-content-between align-items-center px-4 mx-2"> 
86			<#if Name?? && Name.getData()?has_content> 
87				<div class="product-title"> 
88					${Name.getData()} 
89				</div> 
90			</#if> 
91			<#if LinkToPage?? && LinkToPage.getData()?has_content> 
92				<div class="product-link" href="${LinkToPage.getFriendlyUrl()}"></div> 
93			</#if> 
94		</div> 
95		<#if (UnitDesc.getData())??> 
96			<p class="c-mt-1 product-description text-2 px-4 mx-2"> 
97				<#if (UnitDesc.getData()?length > 200)> 
98					${UnitDesc.getData()?substring(0, 200)}... 
99				<#else> 
100					${UnitDesc.getData()} 
101				</#if> 
102			</p> 
103		</#if> 
104		<#if (UnitCode.getData())??> 
105			<p class="c-mt-1 product-code text-2 px-4 mx-2"> ${UnitCode.getData()} </p> 
106		</#if> 
107	</div> 
108</div> 
109</a> 
110 
111<script type="text/javascript"> 
112 
113$(".${randomNamespace}.product-content-agg").on('click', function(event) { 
114 if (typeof sendMeasurementEventProductClick === 'function') { 
115  var category = $(".nav-nav.nav-tabs .nav-link.active").text().trim(); 
116  var name = $(this).find(".product-title").text().trim(); 
117   sendMeasurementEventProductClick(name, category, 'Product Card',); 
118  } else { 
119   console.error('sendMeasurementEventProductClick not defined'); 
120 } 
121}); 
122</script> 
Vous avez besoin d’aide ?
Contactez-nous : un consultant Clivet répondra à vos questions.
Devenir installateur Clivet
Le Clivet Clima Club est une équipe de professionnels sélectionnés qui représente le fleuron des installateurs partenaires de Clivet

Nos projets

Vous avez besoin d’aide ?
Contactez-nous : un consultant Clivet répondra à vos questions.