unité de réservoir de force, pour compas pour porte relevante Aventos HS Servo-Drive (électrique)

système d'ouverture et de fermeture électromécanique

Manuels et Videos
  • Données de CAO disponibles.
    Veuillez sélectionner un article.
  • Documents techniques disponibles.
    Veuillez sélectionner un article.
DGH_Technik 2017 Page produits 5.265
LGH_Technique 2017 Page produits 5.265

Solutions pour ce produit

Filtrer

Compléter votre sélection

couleur du recouvrement

modèle

Aide

Aide

Demande de quantité de stock.
Stock disponible.
L'article n'est plus disponible.

Merci de noter :
Pour recevoir l'article aussi vite que possible, choisir 'disponible' au moment de la validation.

unité de réservoir de force, pour compas pour porte relevante Aventos HS Servo-Drive (électrique)

système d'ouverture et de fermeture électromécanique

Information : La figure montre un article similaire, si disponible

Voir 23 articles
37284400 photo du produit

unité de réservoir de force, pour compas pour porte relevante Aventos HS Servo-Drive (électrique)

système d'ouverture et de fermeture électromécanique, Modèle: A (20S2A00.05), gris foncé

N° d'art. 372.84.400
sélectionner
37284401 photo du produit

unité de réservoir de force, pour compas pour porte relevante Aventos HS Servo-Drive (électrique)

système d'ouverture et de fermeture électromécanique, Modèle: B (20S2B00.05), gris foncé

N° d'art. 372.84.401
sélectionner
37284402 photo du produit

unité de réservoir de force, pour compas pour porte relevante Aventos HS Servo-Drive (électrique)

système d'ouverture et de fermeture électromécanique, Modèle: C (20S2C00.05), gris foncé

N° d'art. 372.84.402
sélectionner
37284403 photo du produit

unité de réservoir de force, pour compas pour porte relevante Aventos HS Servo-Drive (électrique)

système d'ouverture et de fermeture électromécanique, Modèle: D (20S2D00.05), gris foncé

N° d'art. 372.84.403
sélectionner
37284404 photo du produit

unité de réservoir de force, pour compas pour porte relevante Aventos HS Servo-Drive (électrique)

système d'ouverture et de fermeture électromécanique, Modèle: E (20S2E00.05), gris foncé

N° d'art. 372.84.404
sélectionner
Détails produits

domaine d’utilisation

pour relevants d'une pièce en bois ou avec cadre en aluminium

exécution

amortisseur intégré Blumotion

matériau

réservoir de force : acier
capuchon : plastique

montage

fixations sans outil de la barre de stabilisation transversale

instructions de commande

Veuillez commander séparément l'unité d'entraînement électrique, la barre de stabilisation transversale, le kit d'assemblage et les accessoires

livré avec

1 garniture de réservoir de force 20S2A00.05–20S2I00.05 (2 pièces, symétrique, avec 10 vis pour panneau d’aggloméré ⌀ 4 x 35 mm)
1 garniture bras de leviers 21S3500.01 (1 pièce gauche/droit, 2 capuchons pour les stabilisations transversales)
1 garniture de capuchons 21S8000 (capuchon extensible à gauche en 2 pièces, capuchon droit, 2 capuchons ronds, 2 inverseurs radio, 4 amortisseurs d’écartement à percer ⌀ 5 mm et ⌀ 8 mm)
1 manuel d’instructions et instructions de montage y compris les documents concernant les directives des machines

Informations supplémentaires

Afin de choisir le réservoir de force correct, veuillez vous référer au tableau page MB 3.196.</title</p></div> </div></div></div> </form> <div class="row hfl-accessories-box"> <script type="text/javascript"> $(function() { initalizeCompareSelection('https://www.haefele.ch/INTERSHOP/web/WFS/Haefele-HCH-Site/fr_CH/-/CHF/ViewCompareProducts-LoadSKUs', 'https://www.haefele.ch/INTERSHOP/web/WFS/Haefele-HCH-Site/fr_CH/-/CHF/ViewCompareProducts-AddToQueue', 'https://www.haefele.ch/INTERSHOP/web/WFS/Haefele-HCH-Site/fr_CH/-/CHF/ViewCompareProducts-RemoveFromQueue'); }); </script> <div class="hfl-accessories collapse__heading" data-toggle="collapse" data-target=".hfl-accessories-data">Produits et accessoires complémentaires <i class="icon font-icon font-icon-arrow-up js-icon-rotate"></i> </div> <div class="js-optionalCrossReferences hfl-accessories-data modulShopItems collapse in"> <div class="product-list slick-carousel reco-slide__container js-reco-slide__container shopItem" data-slick='{ "infinite":false, "slidesToShow": 3.1, "slidesToScroll": 3, "accessibility": false, "variableWidth": false, "responsive": [ {"breakpoint": 1559, "settings": { "slidesToShow": 3.1, "slidesToScroll": 3}}, {"breakpoint": 1326, "settings": {"slidesToShow": 2.5, "slidesToScroll": 2}}, {"breakpoint": 1100, "settings": {"slidesToShow": 2.1, "slidesToScroll": 2}}, {"breakpoint": 991, "settings": {"slidesToShow": 1.4, "slidesToScroll": 1}}, {"breakpoint": 880, "settings": {"slidesToShow": 1.2, "slidesToScroll": 1}}, {"breakpoint": 820, "settings": {"slidesToShow": 1.2, "slidesToScroll": 1}}, {"breakpoint": 768, "settings": {"slidesToShow": 2.5, "slidesToScroll": 2}}, {"breakpoint": 670, "settings": {"slidesToShow": 2.2, "slidesToScroll": 2}}, {"breakpoint": 520, "settings": {"slidesToShow": 1.9, "slidesToScroll": 1}}, {"breakpoint": 420, "settings": {"slidesToShow": 1.5, "slidesToScroll": 1}} ] }' > <div class="product-list-item article-list-block carousel reco-slide__item t-shadow t-shadow--lg slick-slide "> <div class="compare listView u-inline-block"><input id="compareListView-P-00915750P-00915750" data-testid="CompareListView_P-00915750" name="compareListView-P-00915750" type="checkbox" value="P-00915750"/> <a href="https://www.haefele.ch/fr/store/compare/" data-testid="CompareSelectedProducts" class="a-text-link a-text-link--btn t-text-link compareTrigger reco-slide__compare-link js-reco-compare-link">Comparer la sélection</a> <label for="compareListView-P-00915750P-00915750" class="reco-slide__compare-label js-reco-compare-lable">Comparer</label> </div><div class="pull-right u-position-relative"></div> <div class="productImageWrapper reco-slide__item-image"> <a href="https://www.haefele.ch/fr/produkt/attache-fa-ade-blum-aventos/P-00915750/"><img alt="ppic-04184439.jpg" src="/INTERSHOP/static/WFS/Haefele-HCH-Site/-/Haefele/fr_CH/pim/images/category_view/ppic-04184439.jpg" /></a> <div class="reco-slide__compare-mask hidden"> <span class="reco-slide__compare-mask--info">Ajouté à la liste comparative</span> </div> </div> <div class="productName reco-slide__item-title recently-view_name"> <a href="https://www.haefele.ch/fr/produkt/attache-fa-ade-blum-aventos/P-00915750/" class="a-text-link t-text-link t-text-link--secondary hfl-link--arrow__prefix hfl-link--arrow__prefix__right"> attache façade, Blum Aventos </a> </div><div class="reco-slide__item-varient"></div> <a href="https://www.haefele.ch/fr/produkt/attache-fa-ade-blum-aventos/P-00915750/" class="a-btn t-btn t-btn-primary a-btn--sm reco-slide__item-view-btn">Voir 2 articles</a></div> <div class="product-list-item article-list-block carousel reco-slide__item t-shadow t-shadow--lg slick-slide "> <div class="compare listView u-inline-block"><input id="compareListView-3728498337284983" data-testid="CompareListView_37284983" name="compareListView-37284983" type="checkbox" value="37284983"/> <a href="https://www.haefele.ch/fr/store/compare/" data-testid="CompareSelectedProducts" class="a-text-link a-text-link--btn t-text-link compareTrigger reco-slide__compare-link js-reco-compare-link">Comparer la sélection</a> <label for="compareListView-3728498337284983" class="reco-slide__compare-label js-reco-compare-lable">Comparer</label> </div><div class="pull-right u-position-relative"><a id="WishList_RecentlyViewed" class="reco-slide__bookmark js-reco-bookmark hflLink warningFlyoutTrigger disableHover"> <svg width="23" height="23" viewBox="0 0 64 64" class="svg-icons"><use xlink:href="#icn-096-2-bookmark"></use></svg> </a> <div class="c-info-box__container c-info-box__container--reco-tile c-info-box--no-overlay" data-placement="top" data-width="202" data-class-ref="c-info-box__right-pointer reco-slide__infobox" data-id="js-addToWishlistFlyout"> <div class="c-info-box__button"> <div class="c-info-box__content"> <p>Se il vous plait connecter pour sauver des produits à votre liste de souhaits</p> </div> </div> </div></div> <div class="productImageWrapper reco-slide__item-image"> <a href="https://www.haefele.ch/fr/produkt/barre-de-stabilisation-transversale-pour-compas-pour-abattant-relevant-aventos-hs/P-00915782/"><img alt="ppic-04184017.jpg" src="/INTERSHOP/static/WFS/Haefele-HCH-Site/-/Haefele/fr_CH/pim/images/category_view/ppic-04184017.jpg" /></a> <div class="reco-slide__compare-mask hidden"> <span class="reco-slide__compare-mask--info">Ajouté à la liste comparative</span> </div> </div> <div class="productName reco-slide__item-title recently-view_name"> <a href="https://www.haefele.ch/fr/produkt/barre-de-stabilisation-transversale-pour-compas-pour-abattant-relevant-aventos-hs/P-00915782/" class="a-text-link t-text-link t-text-link--secondary hfl-link--arrow__prefix hfl-link--arrow__prefix__right"> Barre de stabilisation transversale, pour compas pour abattant relevant Aventos HS </a> </div> <a href="https://www.haefele.ch/fr/produkt/barre-de-stabilisation-transversale-pour-compas-pour-abattant-relevant-aventos-hs/P-00915782/" class="a-btn t-btn t-btn-primary a-btn--sm reco-slide__item-view-btn"> Voir 1 article </a></div> <div class="product-list-item article-list-block carousel reco-slide__item t-shadow t-shadow--lg slick-slide "> <div class="compare listView u-inline-block"><input id="compareListView-3728498437284984" data-testid="CompareListView_37284984" name="compareListView-37284984" type="checkbox" value="37284984"/> <a href="https://www.haefele.ch/fr/store/compare/" data-testid="CompareSelectedProducts" class="a-text-link a-text-link--btn t-text-link compareTrigger reco-slide__compare-link js-reco-compare-link">Comparer la sélection</a> <label for="compareListView-3728498437284984" class="reco-slide__compare-label js-reco-compare-lable">Comparer</label> </div><div class="pull-right u-position-relative"><a id="WishList_RecentlyViewed" class="reco-slide__bookmark js-reco-bookmark hflLink warningFlyoutTrigger disableHover"> <svg width="23" height="23" viewBox="0 0 64 64" class="svg-icons"><use xlink:href="#icn-096-2-bookmark"></use></svg> </a> <div class="c-info-box__container c-info-box__container--reco-tile c-info-box--no-overlay" data-placement="top" data-width="202" data-class-ref="c-info-box__right-pointer reco-slide__infobox" data-id="js-addToWishlistFlyout"> <div class="c-info-box__button"> <div class="c-info-box__content"> <p>Se il vous plait connecter pour sauver des produits à votre liste de souhaits</p> </div> </div> </div></div> <div class="productImageWrapper reco-slide__item-image"> <a href="https://www.haefele.ch/fr/produkt/set-d-assemblage-pour-barre-de-stabilisation-transversale-de-compas-pour-relevants-abattants-aventos-hs-servo-drive-/37284984/"><img alt="ppic-04185191.jpg" src="/INTERSHOP/static/WFS/Haefele-HCH-Site/-/Haefele/fr_CH/pim/images/category_view/ppic-04185191.jpg" /></a> <div class="reco-slide__compare-mask hidden"> <span class="reco-slide__compare-mask--info">Ajouté à la liste comparative</span> </div> </div> <div class="productName reco-slide__item-title recently-view_name"> <a href="https://www.haefele.ch/fr/produkt/set-d-assemblage-pour-barre-de-stabilisation-transversale-de-compas-pour-relevants-abattants-aventos-hs-servo-drive-/37284984/" class="a-text-link t-text-link t-text-link--secondary hfl-link--arrow__prefix hfl-link--arrow__prefix__right"> Set d'assemblage, pour barre de stabilisation transversale de compas pour relevants/abattants Aventos HS (Servo-Drive) </a> </div> <div class="reco-slide__item-sku">372.84.984</div><a href="https://www.haefele.ch/fr/produkt/set-d-assemblage-pour-barre-de-stabilisation-transversale-de-compas-pour-relevants-abattants-aventos-hs-servo-drive-/37284984/" class="a-btn t-btn t-btn-primary a-btn--sm reco-slide__item-view-btn"> Voir 1 article</a></div> <div class="product-list-item article-list-block carousel reco-slide__item t-shadow t-shadow--lg slick-slide "> <div class="compare listView u-inline-block"><input id="compareListView-3727457937274579" data-testid="CompareListView_37274579" name="compareListView-37274579" type="checkbox" value="37274579"/> <a href="https://www.haefele.ch/fr/store/compare/" data-testid="CompareSelectedProducts" class="a-text-link a-text-link--btn t-text-link compareTrigger reco-slide__compare-link js-reco-compare-link">Comparer la sélection</a> <label for="compareListView-3727457937274579" class="reco-slide__compare-label js-reco-compare-lable">Comparer</label> </div><div class="pull-right u-position-relative"><a id="WishList_RecentlyViewed" class="reco-slide__bookmark js-reco-bookmark hflLink warningFlyoutTrigger disableHover"> <svg width="23" height="23" viewBox="0 0 64 64" class="svg-icons"><use xlink:href="#icn-096-2-bookmark"></use></svg> </a> <div class="c-info-box__container c-info-box__container--reco-tile c-info-box--no-overlay" data-placement="top" data-width="202" data-class-ref="c-info-box__right-pointer reco-slide__infobox" data-id="js-addToWishlistFlyout"> <div class="c-info-box__button"> <div class="c-info-box__content"> <p>Se il vous plait connecter pour sauver des produits à votre liste de souhaits</p> </div> </div> </div></div> <div class="productImageWrapper reco-slide__item-image"> <a href="https://www.haefele.ch/fr/produkt/gabarit-de-per-age-interrupteur-blum-servo-drive-aventos/P-00916542/"><img alt="ppic-04179790.jpg" src="/INTERSHOP/static/WFS/Haefele-HCH-Site/-/Haefele/fr_CH/pim/images/category_view/ppic-04179790.jpg" /></a> <div class="reco-slide__compare-mask hidden"> <span class="reco-slide__compare-mask--info">Ajouté à la liste comparative</span> </div> </div> <div class="productName reco-slide__item-title recently-view_name"> <a href="https://www.haefele.ch/fr/produkt/gabarit-de-per-age-interrupteur-blum-servo-drive-aventos/P-00916542/" class="a-text-link t-text-link t-text-link--secondary hfl-link--arrow__prefix hfl-link--arrow__prefix__right"> gabarit de perçage, interrupteur Blum Servo Drive Aventos </a> </div> <a href="https://www.haefele.ch/fr/produkt/gabarit-de-per-age-interrupteur-blum-servo-drive-aventos/P-00916542/" class="a-btn t-btn t-btn-primary a-btn--sm reco-slide__item-view-btn"> Voir 1 article </a></div> <div class="product-list-item article-list-block carousel reco-slide__item t-shadow t-shadow--lg slick-slide "> <div class="compare listView u-inline-block"><input id="compareListView-P-00860524P-00860524" data-testid="CompareListView_P-00860524" name="compareListView-P-00860524" type="checkbox" value="P-00860524"/> <a href="https://www.haefele.ch/fr/store/compare/" data-testid="CompareSelectedProducts" class="a-text-link a-text-link--btn t-text-link compareTrigger reco-slide__compare-link js-reco-compare-link">Comparer la sélection</a> <label for="compareListView-P-00860524P-00860524" class="reco-slide__compare-label js-reco-compare-lable">Comparer</label> </div><div class="pull-right u-position-relative"></div> <div class="productImageWrapper reco-slide__item-image"> <a href="https://www.haefele.ch/fr/produkt/bloc-d-alimentation-ouverture-automatique-europe-blum-servo-drive/P-00860524/"><img alt="ppic-00556842.jpg" src="/INTERSHOP/static/WFS/Haefele-HCH-Site/-/Haefele/fr_CH/pim/images/category_view/ppic-00556842.jpg" /></a> <div class="reco-slide__compare-mask hidden"> <span class="reco-slide__compare-mask--info">Ajouté à la liste comparative</span> </div> </div> <div class="productName reco-slide__item-title recently-view_name"> <a href="https://www.haefele.ch/fr/produkt/bloc-d-alimentation-ouverture-automatique-europe-blum-servo-drive/P-00860524/" class="a-text-link t-text-link t-text-link--secondary hfl-link--arrow__prefix hfl-link--arrow__prefix__right"> Bloc d'alimentation, Ouverture automatique Europe Blum Servo-Drive </a> </div><div class="reco-slide__item-varient"></div> <a href="https://www.haefele.ch/fr/produkt/bloc-d-alimentation-ouverture-automatique-europe-blum-servo-drive/P-00860524/" class="a-btn t-btn t-btn-primary a-btn--sm reco-slide__item-view-btn">Voir 4 articles</a></div> <div class="product-list-item article-list-block carousel reco-slide__item t-shadow t-shadow--lg slick-slide "> <div class="compare listView u-inline-block"><input id="compareListView-P-00860525P-00860525" data-testid="CompareListView_P-00860525" name="compareListView-P-00860525" type="checkbox" value="P-00860525"/> <a href="https://www.haefele.ch/fr/store/compare/" data-testid="CompareSelectedProducts" class="a-text-link a-text-link--btn t-text-link compareTrigger reco-slide__compare-link js-reco-compare-link">Comparer la sélection</a> <label for="compareListView-P-00860525P-00860525" class="reco-slide__compare-label js-reco-compare-lable">Comparer</label> </div><div class="pull-right u-position-relative"></div> <div class="productImageWrapper reco-slide__item-image"> <a href="https://www.haefele.ch/fr/produkt/support-de-bloc-secteur-ouverture-automatique-blum-servo-drive/P-00860525/"><img alt="ppic-00594268.jpg" src="/INTERSHOP/static/WFS/Haefele-HCH-Site/-/Haefele/fr_CH/pim/images/category_view/ppic-00594268.jpg" /></a> <div class="reco-slide__compare-mask hidden"> <span class="reco-slide__compare-mask--info">Ajouté à la liste comparative</span> </div> </div> <div class="productName reco-slide__item-title recently-view_name"> <a href="https://www.haefele.ch/fr/produkt/support-de-bloc-secteur-ouverture-automatique-blum-servo-drive/P-00860525/" class="a-text-link t-text-link t-text-link--secondary hfl-link--arrow__prefix hfl-link--arrow__prefix__right"> support de bloc secteur, Ouverture automatique Blum Servo-Drive </a> </div><div class="reco-slide__item-varient"></div> <a href="https://www.haefele.ch/fr/produkt/support-de-bloc-secteur-ouverture-automatique-blum-servo-drive/P-00860525/" class="a-btn t-btn t-btn-primary a-btn--sm reco-slide__item-view-btn">Voir 2 articles</a></div> <div class="product-list-item article-list-block carousel reco-slide__item t-shadow t-shadow--lg slick-slide "> <div class="compare listView u-inline-block"><input id="compareListView-5549931055499310" data-testid="CompareListView_55499310" name="compareListView-55499310" type="checkbox" value="55499310"/> <a href="https://www.haefele.ch/fr/store/compare/" data-testid="CompareSelectedProducts" class="a-text-link a-text-link--btn t-text-link compareTrigger reco-slide__compare-link js-reco-compare-link">Comparer la sélection</a> <label for="compareListView-5549931055499310" class="reco-slide__compare-label js-reco-compare-lable">Comparer</label> </div><div class="pull-right u-position-relative"><a id="WishList_RecentlyViewed" class="reco-slide__bookmark js-reco-bookmark hflLink warningFlyoutTrigger disableHover"> <svg width="23" height="23" viewBox="0 0 64 64" class="svg-icons"><use xlink:href="#icn-096-2-bookmark"></use></svg> </a> <div class="c-info-box__container c-info-box__container--reco-tile c-info-box--no-overlay" data-placement="top" data-width="202" data-class-ref="c-info-box__right-pointer reco-slide__infobox" data-id="js-addToWishlistFlyout"> <div class="c-info-box__button"> <div class="c-info-box__content"> <p>Se il vous plait connecter pour sauver des produits à votre liste de souhaits</p> </div> </div> </div></div> <div class="productImageWrapper reco-slide__item-image"> <a href="https://www.haefele.ch/fr/produkt/c-ble-de-distribution-blum-servo-drive-avec-protection-de-l-extr-mit-de-c-ble-blum-servo-drive-recouper/P-00916462/"><img alt="ppic-00555312.jpg" src="/INTERSHOP/static/WFS/Haefele-HCH-Site/-/Haefele/fr_CH/pim/images/category_view/ppic-00555312.jpg" /></a> <div class="reco-slide__compare-mask hidden"> <span class="reco-slide__compare-mask--info">Ajouté à la liste comparative</span> </div> </div> <div class="productName reco-slide__item-title recently-view_name"> <a href="https://www.haefele.ch/fr/produkt/c-ble-de-distribution-blum-servo-drive-avec-protection-de-l-extr-mit-de-c-ble-blum-servo-drive-recouper/P-00916462/" class="a-text-link t-text-link t-text-link--secondary hfl-link--arrow__prefix hfl-link--arrow__prefix__right"> Câble de distribution, Blum Servo-Drive, avec protection de l'extrémité de câble Blum Servo-Drive, à recouper </a> </div> <a href="https://www.haefele.ch/fr/produkt/c-ble-de-distribution-blum-servo-drive-avec-protection-de-l-extr-mit-de-c-ble-blum-servo-drive-recouper/P-00916462/" class="a-btn t-btn t-btn-primary a-btn--sm reco-slide__item-view-btn"> Voir 1 article </a></div> <div class="product-list-item article-list-block carousel reco-slide__item t-shadow t-shadow--lg slick-slide "> <div class="compare listView u-inline-block"><input id="compareListView-4235303542353035" data-testid="CompareListView_42353035" name="compareListView-42353035" type="checkbox" value="42353035"/> <a href="https://www.haefele.ch/fr/store/compare/" data-testid="CompareSelectedProducts" class="a-text-link a-text-link--btn t-text-link compareTrigger reco-slide__compare-link js-reco-compare-link">Comparer la sélection</a> <label for="compareListView-4235303542353035" class="reco-slide__compare-label js-reco-compare-lable">Comparer</label> </div><div class="pull-right u-position-relative"><a id="WishList_RecentlyViewed" class="reco-slide__bookmark js-reco-bookmark hflLink warningFlyoutTrigger disableHover"> <svg width="23" height="23" viewBox="0 0 64 64" class="svg-icons"><use xlink:href="#icn-096-2-bookmark"></use></svg> </a> <div class="c-info-box__container c-info-box__container--reco-tile c-info-box--no-overlay" data-placement="top" data-width="202" data-class-ref="c-info-box__right-pointer reco-slide__infobox" data-id="js-addToWishlistFlyout"> <div class="c-info-box__button"> <div class="c-info-box__content"> <p>Se il vous plait connecter pour sauver des produits à votre liste de souhaits</p> </div> </div> </div></div> <div class="productImageWrapper reco-slide__item-image"> <a href="https://www.haefele.ch/fr/produkt/gabarit-de-per-age-pour-montage-de-corps/P-00901715/"><img alt="ppic-04079670.jpg" src="/INTERSHOP/static/WFS/Haefele-HCH-Site/-/Haefele/fr_CH/pim/images/category_view/ppic-04079670.jpg" /></a> <div class="reco-slide__compare-mask hidden"> <span class="reco-slide__compare-mask--info">Ajouté à la liste comparative</span> </div> </div> <div class="productName reco-slide__item-title recently-view_name"> <a href="https://www.haefele.ch/fr/produkt/gabarit-de-per-age-pour-montage-de-corps/P-00901715/" class="a-text-link t-text-link t-text-link--secondary hfl-link--arrow__prefix hfl-link--arrow__prefix__right"> gabarit de perçage, pour montage de corps </a> </div> <a href="https://www.haefele.ch/fr/produkt/gabarit-de-per-age-pour-montage-de-corps/P-00901715/" class="a-btn t-btn t-btn-primary a-btn--sm reco-slide__item-view-btn"> Voir 1 article </a></div> <div class="product-list-item article-list-block carousel reco-slide__item t-shadow t-shadow--lg slick-slide "> <div class="compare listView u-inline-block"><input id="compareListView-3728479237284792" data-testid="CompareListView_37284792" name="compareListView-37284792" type="checkbox" value="37284792"/> <a href="https://www.haefele.ch/fr/store/compare/" data-testid="CompareSelectedProducts" class="a-text-link a-text-link--btn t-text-link compareTrigger reco-slide__compare-link js-reco-compare-link">Comparer la sélection</a> <label for="compareListView-3728479237284792" class="reco-slide__compare-label js-reco-compare-lable">Comparer</label> </div><div class="pull-right u-position-relative"><a id="WishList_RecentlyViewed" class="reco-slide__bookmark js-reco-bookmark hflLink warningFlyoutTrigger disableHover"> <svg width="23" height="23" viewBox="0 0 64 64" class="svg-icons"><use xlink:href="#icn-096-2-bookmark"></use></svg> </a> <div class="c-info-box__container c-info-box__container--reco-tile c-info-box--no-overlay" data-placement="top" data-width="202" data-class-ref="c-info-box__right-pointer reco-slide__infobox" data-id="js-addToWishlistFlyout"> <div class="c-info-box__button"> <div class="c-info-box__content"> <p>Se il vous plait connecter pour sauver des produits à votre liste de souhaits</p> </div> </div> </div></div> <div class="productImageWrapper reco-slide__item-image"> <a href="https://www.haefele.ch/fr/produkt/attache-fa-ade-blum-expando-t-pour-aventos-hk-tip-on-servo-drive-hs-servo-drive-hl-servo-drive-/P-01319366/"><img alt="ppic-04425020.jpg" src="/INTERSHOP/static/WFS/Haefele-HCH-Site/-/Haefele/fr_CH/pim/images/category_view/ppic-04425020.jpg" /></a> <div class="reco-slide__compare-mask hidden"> <span class="reco-slide__compare-mask--info">Ajouté à la liste comparative</span> </div> </div> <div class="productName reco-slide__item-title recently-view_name"> <a href="https://www.haefele.ch/fr/produkt/attache-fa-ade-blum-expando-t-pour-aventos-hk-tip-on-servo-drive-hs-servo-drive-hl-servo-drive-/P-01319366/" class="a-text-link t-text-link t-text-link--secondary hfl-link--arrow__prefix hfl-link--arrow__prefix__right"> attache façade, Blum Expando T, pour Aventos HK (Tip-On, Servo-Drive), HS (Servo-Drive), HL (Servo-Drive) </a> </div> <a href="https://www.haefele.ch/fr/produkt/attache-fa-ade-blum-expando-t-pour-aventos-hk-tip-on-servo-drive-hs-servo-drive-hl-servo-drive-/P-01319366/" class="a-btn t-btn t-btn-primary a-btn--sm reco-slide__item-view-btn"> Voir 1 article </a></div> <div class="product-list-item article-list-block carousel reco-slide__item t-shadow t-shadow--lg slick-slide "> <div class="compare listView u-inline-block"><input id="compareListView-3727457037274570" data-testid="CompareListView_37274570" name="compareListView-37274570" type="checkbox" value="37274570"/> <a href="https://www.haefele.ch/fr/store/compare/" data-testid="CompareSelectedProducts" class="a-text-link a-text-link--btn t-text-link compareTrigger reco-slide__compare-link js-reco-compare-link">Comparer la sélection</a> <label for="compareListView-3727457037274570" class="reco-slide__compare-label js-reco-compare-lable">Comparer</label> </div><div class="pull-right u-position-relative"><a id="WishList_RecentlyViewed" class="reco-slide__bookmark js-reco-bookmark hflLink warningFlyoutTrigger disableHover"> <svg width="23" height="23" viewBox="0 0 64 64" class="svg-icons"><use xlink:href="#icn-096-2-bookmark"></use></svg> </a> <div class="c-info-box__container c-info-box__container--reco-tile c-info-box--no-overlay" data-placement="top" data-width="202" data-class-ref="c-info-box__right-pointer reco-slide__infobox" data-id="js-addToWishlistFlyout"> <div class="c-info-box__button"> <div class="c-info-box__content"> <p>Se il vous plait connecter pour sauver des produits à votre liste de souhaits</p> </div> </div> </div></div> <div class="productImageWrapper reco-slide__item-image"> <a href="https://www.haefele.ch/fr/produkt/unit-d-entra-nement-blum-servo-drive/P-00915788/"><img alt="ppic-04179764.jpg" src="/INTERSHOP/static/WFS/Haefele-HCH-Site/-/Haefele/fr_CH/pim/images/category_view/ppic-04179764.jpg" /></a> <div class="reco-slide__compare-mask hidden"> <span class="reco-slide__compare-mask--info">Ajouté à la liste comparative</span> </div> </div> <div class="productName reco-slide__item-title recently-view_name"> <a href="https://www.haefele.ch/fr/produkt/unit-d-entra-nement-blum-servo-drive/P-00915788/" class="a-text-link t-text-link t-text-link--secondary hfl-link--arrow__prefix hfl-link--arrow__prefix__right"> Unité d'entraînement, Blum Servo-Drive </a> </div> <a href="https://www.haefele.ch/fr/produkt/unit-d-entra-nement-blum-servo-drive/P-00915788/" class="a-btn t-btn t-btn-primary a-btn--sm reco-slide__item-view-btn"> Voir 1 article </a></div></div> </div> <script type="text/javascript"> $(function(){ if (typeof onProductListLoad == 'function') { //implemented in haefele.compare.js onProductListLoad(); } }); </script></div> </div></div> </div> <div class="modal c-modal t-modal js-stock-notification-modal" id="js-stock-notification-modal" role="dialog"> <div class="c-modal__backdrop c-modal__backdrop-transparent" data-dismiss="modal"></div> <div class="modal-dialog c-modal-dialog" role="document"> <div class="modal-content c-modal__content js-notification-content"> <div class='hflAjaxLoader'><span></span></div> </div> </div> </div> </div> <input type="hidden" value="true" id="recoArticlePriceEnabled"/> <div id="js-recentlyViewedProductsAjaxLoader" class="jsOnly"><img src="/INTERSHOP/static/WFS/Haefele-HCH-Site/-/-/fr_CH/images/ajax-loader.gif"/></div> <div id="footerContentPrint"> <table class="footerTable"> <tr> <td>Häfele Schweiz AG, Dammstrasse 29, 8280 Kreuzlingen, Schweiz<br/>Phone: +41 (0)71 686 82 00, E-Mail: info@haefele.ch</td> </tr> </table> </div> <span class="date">26.04.2024</span><div id="placeTableHere"> <div id="articleTableView" class="hflLayerBox articlesListLayer is-fullscreen hide"> <div class="background shadow"></div> <div class="hflShadow hflShadowTopLeft"></div> <div class="hflShadow hflShadowTop"></div> <div class="hflShadow hflShadowTopRight"></div> <div class="hflShadow hflShadowLeft"></div> <div class="hflLayerContainer"> <div class="hflLayerCnt"> <span class="closeButton cancelButton"></span> <img class="loader" src="/INTERSHOP/static/WFS/Haefele-HCH-Site/-/-/fr_CH/images/ajax-loader.gif" /> </div> </div> </div> </div><div id="canNotAddProductsLayer" class="c-modal c-modal-layer hflLayerBox hide" role="dialog"> <div class="background shadow"></div> <div class="modal-dialog c-modal__dialog" role="document"> <div class="modal-content c-modal__content"> <div class="modal-header c-modal__header"> <button type="button" class="close cancelButton" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><i class="icon font-icon font-icon-set-icn-002-2-close"></i></span></button> <h4 class="modal-title">Information</h4> </div> <div class="modal-body c-modal__body c-modal__body--space-bottom"> <p>Veuillez sélectionner un article via les caractéristiques ou le tableau des articles pour le placer dans le panier.</p> </div> </div> </div> </div> <div class=" modal c-modal c-modal--full-screen t-modal t-modal--full-screen c-modal-layer deliveryAdressForm checkoutLayer fade" id="zoomTables" role="dialog" > <div class="background shadow"></div> <div class="modal-dialog c-modal__dialog c-modal__dialog-lg" role="document"> <div class="modal-content c-modal__content"> <div class="modal-header c-modal__header"> <button type="button" class="close cancelButton" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true"> <i class="icon icn-close"></i> </span> </button> <h4 class="modal-title" id="table-title-PDP"></h4> </div> <div class="modal-body c-modal__body c-modal__body--space-bottom"> <div id="table-content-PDP"></div> </div> </div> </div> </div> <script type="text/javascript"> function quickOrderQtyHandler(quantityValue){ var baseUrl = 'https://www.haefele.ch/INTERSHOP/web/WFS/Haefele-HCH-Site/fr_CH/-/CHF/ViewProduct-GetPriceAndAvailabilityInformationPDS?SKU=P-00915712&ProductQuantity='; var qtyInput = $("#js-buyNowQuantity"); var currentVal = qtyInput.val() || "0"; var decimalSeparator = qtyInput.attr('data-decimal-separator') || "."; var groupingSeparator = qtyInput.attr('data-grouping-separator') || ","; // regex list var decimalZeroesEndRegex = new RegExp('['+decimalSeparator + ']'+'0+$'); var removeGroupingSeparatorRegex = new RegExp('['+groupingSeparator + ']', "g"); var decimalSeparatorRegex = new RegExp('['+decimalSeparator+']'); // remove all zeroes after decimal and remove all grouping separatos currentVal = currentVal.replace(decimalZeroesEndRegex, ''); currentVal= currentVal.replace(removeGroupingSeparatorRegex,''); //EURO Number Format if(decimalSeparator == ',' && groupingSeparator =='.'){ //convert euro number format to US number format : replace , with . currentVal = currentVal.replace(decimalSeparatorRegex,"."); } currentVal = parseFloat(currentVal); quantityValue = currentVal; baseUrl += quantityValue+"&SynchronizationAjaxToken="+(++synchronizationAjaxToken); $.ajax({ type: 'POST', dataType: 'html', url: baseUrl, async:false, success: function(data) { //get the synchronization token from the response var synchronizerRes = $(data).find('#synchronizationAjaxToken'); var synchronizerResValue = null; if(0 < synchronizerRes.length){ synchronizerResValue = synchronizerRes.attr("data-synchronization-token"); } if(synchronizerResValue == synchronizationAjaxToken){ var confirmedQuantityRes = $(data).find('#confirmedQuantityResponse'); //set the confirmed quantity from the response to the input field if the user input is different then empty string if(confirmedQuantityRes){ var confirmedQuantityValue = confirmedQuantityRes.attr('data-confirmed-quantity'); var totalPriceValue = ""; var totalPriceNoCurr = ""; var $noPriceSelector = $("input[name='noPriceDisplayVal']"); if($noPriceSelector.length){ totalPriceValue = $noPriceSelector.val(); }else{ totalPriceValue = confirmedQuantityRes.attr("data-total-price"); totalPriceNoCurr = confirmedQuantityRes.attr("data-total-price-nocrr"); } if(parseFloat(confirmedQuantityValue.replace(',', '.')) > 0){ $('#js-buyNowQuantity').val(confirmedQuantityValue); $(".js-buy-now-quantity-display").text(confirmedQuantityValue); $('.js-quick-total-price').text(totalPriceValue); $('.modaltotalCost').val(totalPriceNoCurr); if(parseFloat(confirmedQuantityValue.replace(',', '.')) > quantityValue) { $(".js-confirm-qty-message").addClass('hidden'); $(".js-updated-qty-message").removeClass('hidden'); } } } //if the article is not available add error class to the input quantity field var articleNotAvailable = $(data).find('#articleNotAvailable'); if(quantityValue != '' && 0 < articleNotAvailable.length && articleNotAvailable.attr('data-article-not-available') == 'true'){ $('#js-buyNowQuantity').addClass('error'); } } }, error: function() { }, timeout: 50000 }); } function excludeProductFromCart(){ setTimeout(function(){ var disabledAddToCart = $('#productPriceInformation .exclude-product-to-cart').not(".hidden").val(); if(disabledAddToCart == 'true') { $(".productOrderPriceBoxFooter").addClass("a-btn--not-allowed js-excluded-product").find("#addToCartLink").addClass('a-btn--no-events').attr("disabled","disabled"); } },100); } function specialStockStatusMessage(){ var isSpecialStockMessage = $('#productAvailabilityInformation .specialstock-status-message').not(".hidden").val(); if(isSpecialStockMessage == 'SPECIALSTOCK') { $(document).find('#specialStockMessages').css('display', 'inline-block'); } if(isSpecialStockMessage == 'SALESBLOCKED') { $(document).find('#salesBlockedMessages').css('display', 'inline-block'); } } $(document).on("mouseenter touchend",".js-excluded-product", function(e){ var infoBtn = $(this).find(".js-info-button"); $(infoBtn).trigger('click'); return false; }); function availabilityMessage(data){ var rgbToHex = function (rgb) { var hex = Number(rgb).toString(16); if (hex.length < 2) { hex = "0" + hex; } return hex; }; var fullColorHex = function(r,g,b) { var red = rgbToHex(r); var green = rgbToHex(g); var blue = rgbToHex(b); return '#'+red+green+blue; }; var availabilityStatusTitle = ''; var availabilityStatusColor = $(data).find("#productAvailabilityInformation span").attr("style"); if(availabilityStatusColor){ if(availabilityStatusColor && availabilityStatusColor.length > 0 ){ availabilityStatusColor = availabilityStatusColor.split(":")[1]; } var hexColorCode = null; if(availabilityStatusColor.indexOf('rgb') > -1){ var parsedRGBValue = availabilityStatusColor.replace(/[rgbRGB;()]/g, '').split(','); hexColorCode = fullColorHex.apply(null, parsedRGBValue); } if(availabilityStatusColor.toLowerCase() == '#339C76'.toLowerCase() || (hexColorCode !== null && hexColorCode == '#339C76'.toLowerCase())){ availabilityStatusColor = 'color:#339C76'; availabilityStatusTitle = 'immédiatement disponible'; }else if(availabilityStatusColor.toLowerCase() == '#FFA50A'.toLowerCase() || (hexColorCode !== null && hexColorCode == '#FFA50A'.toLowerCase())){ availabilityStatusColor = 'color:#E6A400'; availabilityStatusTitle = 'Quantité partielle immédiatement disponible'; }else if(availabilityStatusColor.toLowerCase() == '#D20A28'.toLowerCase() || (hexColorCode !== null && hexColorCode == '#D20A28'.toLowerCase())){ availabilityStatusColor = 'color:#D20A28'; availabilityStatusTitle = 'indisponible à court terme'; } var availabilityHTML = "</span><span class='availabilityStatusColor' style='"+availabilityStatusColor+"'>"+ availabilityStatusTitle +"</span>"; $(".availabilityStatusMsg").html(availabilityHTML); } } </script></div> </div> <div class='floatingGroupBlock hidden'> <div class="floatingGroupBlockInner u-xs-index-1 u-xs-fixed"></div> </div><div id="addToCartNotificationDialog"></div> <div class="footer-promise-bar"></div> <div id="js-footer" class="mobile-footer o-footer t-footer"> <div class="container footer-container"> <div class="row"> <div class="col-xs-12"> <div class="o-footer__blocks" id="js-footer-blocks"> <div class="o-footer__block" id="js-newsletter-block"> <div class="o-footer__block-text"> <span data-opentext-append="newsletter" class="o-footer__opentext newsletter hide-globalhub"></span> </div> </div> <hr class="visible-xs o-footer__rule t-footer__rule dont-print" /> <div class="o-footer__block"> <div class="o-footer__block-text"> <ul class="o-footer__list o-footer__list--login" id="js-footer-global-hub"> <li id="header-loggedin-link" class="header-loggedin-link layer myAccountLayerTrigger hide-globalhub" data-debuginfo="cms"> <a href="https://www.haefele.ch/fr/account/start/" class="accountNumberFooter a-text-link a-text-link--no-underline t-text-link t-text-link--secondary" data-testid="MyAccount" > <span class="c-main-nav__item-icon"><svg xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewBox="0 0 64 64" class="svg-icons"><use xlink:href="#icn-095-2-login-sucess"></use></svg></span><span class="header-login-title">Mon compte</span> <span class="user-info"> <span class="brackets">(</span> <span id="js-login-link" class="js-login-link c-main-nav__acc-no"></span> <span class="brackets">)</span> </span> </a> <span id="js-login-navigation" data-ajaxurl="https://www.haefele.ch/INTERSHOP/web/WFS/Haefele-HCH-Site/fr_CH/-/CHF/Template-Include?Template=comp%2Fhaefele%2Fheader%2FheaderItemLoginContent&HandlerPipeline=ProcessUser-GetCustomer&TargetPipeline=&Parameter1_Name=&Parameter1_Value=&Parameter2_Name=&Parameter2_Value=&Parameter3_Name=&Parameter3_Value=&Parameter4_Name=&Parameter4_Value=&Parameter5_Name=&Parameter5_Value=&Parameter6_Name=&Parameter6_Value=&TargetURLFragment=&RegisterLink=&RegisterLinkProtocol=&RegisterLinkParameters=&RegisterLinkText=&ForgotPasswordLink=&ForgotPasswordLinkProtocol=&ForgotPasswordLinkParameters=&ForgotPasswordLinkText="></span> </li> <li id="header-notloggedin-link" class="header-notloggedin-link layer hide-globalhub" data-debuginfo="cms"> <a data-testid="HeaderLinkLogin" class="footerLoginIcon a-text-link a-text-link--no-underline t-text-link t-text-link--secondary" href="https://www.haefele.ch/fr/account/login/"> <span class="c-main-nav__item-icon"><svg xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewBox="0 0 64 64" class="svg-icons"><use xlink:href="#icn-056-2-sales"></use></svg></span><span class="header-login-title">Connexion</span></a></li><li class="o-footer__list-item hide-globalhub"> <svg xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewBox="0 0 64 64" class="svg-icons"><use xlink:href="#icn-085-2-country"></use></svg> <span data-opentext-append="worldwide" class="o-footer__opentext worldwide"> </span> </li> <li class="o-footer__list-item hide-globalhub"> <svg xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewBox="0 0 64 64" class="svg-icons"><use xlink:href="#icn-037-2-apps"></use></svg> <span data-opentext-append="apps" class="o-footer__opentext apps"> </span> </li> <li class="o-footer__list-item hide-globalhub"> <span class="icon-20"> <svg xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewBox="0 0 64 64" class="svg-icons"><use xlink:href="#icn-025-2-catalogue"></use></svg> </span> <span data-opentext-append="catalog" class="o-footer__opentext catalog"> </span> </li> <li class="o-footer__list-item hidden-xs hidden-sm"> <a href="javascript:void(0);" onclick="window.print();"> <svg xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewBox="0 0 64 64" class="svg-icons"><use xlink:href="#icn-021-2-print"></use></svg> <span class="print-text">Imprimer la page</span> </a></li> </ul> <div class="row"> <div class="o-footer__lang-selector t-footer__lang-selector col-xs-12"> <p class="hidden">Sélectionnner la langue</p> <div id="js-lang-dropdown-wrapper" class="hfl-select header-language"> <select id="language-dropdown" class="language-dropdown js-footer--language-dropdown"> <option data-locale-val="de_CH" >Deutsch</option><option data-locale-val="fr_CH" selected="selected">Français</option></select> </div></div> </div> </div> </div> <hr class="visible-xs o-footer__rule t-footer__rule u-outer-bottom-15 dont-print" /> <div class="o-footer__block o-footer__block--last"><div id="js-hflFooter" class="o-footer__copy-opentext o-footer__copy-opentext--mobile col-xs-12 is-small-view visible-xs dont-print"><!-- OpenText CacheKey: opentextcontent --> <!-- OpenText CacheKey: opentextcontent --> <div class="opentext"> <div class="content-wrapper content-wrapper-center"> <div class="hflFooter" id="js-hflFooter"> <div class="hflFooterInner clearfix"> <a class="action notActive printpage" href="" target="_new"> <img src="/INTERSHOP/static/WFS/Haefele-HCH-Site/-/Haefele-HCH/fr_CH/opentext/assets/hww/print.png" alt="Imprimer cette page" title="Imprimer cette page" /> <span>Imprimer cette page</span> </a> <a class="action notActive" href="/fr/info/services/catalogues-et-brochures/407/#tab=3"> <img src="/INTERSHOP/static/WFS/Haefele-HCH-Site/-/Haefele-HCH/fr_CH/opentext/assets/hww/apps.png" alt="Applications" title="Applications" /> <span>Applications</span> </a> <a class="action notActive" href="/fr/info/services/newsletter/226995/"> <img src="/INTERSHOP/static/WFS/Haefele-HCH-Site/-/Haefele-HCH/fr_CH/opentext/assets/hww/newsletter.png" alt="Newsletter" title="Newsletter" /> <span>Newsletter</span> </a> </div> <div class="o-footer__blocks hflFooterInner" id="site-footer-links" style="justify-content: normal;"> </div> <div class="hflFooterNav"> <small class="copyrightNote">© 2024 by Häfele</small> <a href="https://www.haefele.ch/fr/info/protection-des-donn-es/646/" id="cookie-consent-setting-footer">Paramètres des cookies</a><isurl pipeline="ViewContent-Start" parameters="PageletEntryPointID=Haefele__Page_PI"> <a href="/fr/info/mentions-l-gales/645/">Mentions légales</a> <a href="/fr/info/protection-des-donn-es/646/">Protection des données</a><isurl pipeline="ViewContent-Start" parameters="PageletEntryPointID=Haefele__Page_PI"> <a href="/fr/info/conditions-commerciales-g-n-rales/746/">Conditions Commerciales Générales</a> <a href="/fr/info/conditions-d-utilisation/647/">Conditions d'utilisation</a><isurl pipeline="ViewContent-Start" parameters="PageletEntryPointID=Haefele__Page_PI"> <a href="/fr/info/sitemap/6689/">Sitemap</a> <a href="/fr/info/services/support-informatique/409/">Support informatique</a></isurl></isurl></isurl></div> <script type="text/javascript">           /* Function to add style element */         function addStyle(styles) {             /* Create style document */             var css = document.createElement('style');             css.type = 'text/css';               if (css.styleSheet)                 css.styleSheet.cssText = styles;             else                 css.appendChild(document.createTextNode(styles));               /* Append style to the tag name */             document.getElementsByTagName("head")[0].appendChild(css);         }   //add css to DOM $(document).ready(function() { var styles = '.ot-button-44 input[type="submit"] { font-weight: normal !important; }'; styles = styles + " .font-icon-set-icn-063-1-instagram:before { content: '\\61' !important } .font-icon-set-icn-077-2-pinterest:before { content: '\\62' !important } .font-icon-set-icn-078-2-twitter:before { content: '\\63' !important } .font-icon-set-icn-079-2-google-plus:before { content: '\\64' !important } .font-icon-set-icn-080-2-facebook:before { content: '\\65' !important } .font-icon-set-icn-081-2-youtube:before { content: '\\66' !important } .font-icon-set-icn-089-2-weibo:before { content: '\\67' !important } .font-icon-set-icn-090-4-flickr:before { content: '\\68' !important } .font-icon-set-icn-091-2-blogspot:before { content: '\\69' !important } .font-icon-set-icn-092-2-linkedin:before { content: '\\6a' !important }"; styles = styles + ' .gallery-100 li img { width: 940px; } .gallery-75 li img { width: 700px; } .gallery-wrapper { position: relative; } .gallery { position: relative;overflow: hidden; } .gallery ul { width: 10000em;position: relative;list-style: none;margin: 0;padding: 0; } .gallery ul li { float: left; } .image-caption { text-align: center;margin-top: 5%;min-height: 15px;color: #969696;font-style: italic; } .gallery-pagination { position: absolute;left: 50%;margin-top: -7%;-webkit-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);} .gallery-pagination a { text-decoration: none;display: inline-block;font-size: 10px;line-height: 10px;min-width: 12px;background: #f1f1f1;color: #4E443C;text-align: center; } .gallery-pagination a { height: 13px;width: 10px;background: #f1f1f;color: #4E443C;text-indent: -9999px;margin-right: 15px; } .gallery-pagination a.active { background: #d20a28; } .jcarousel-prev:before,.jcarousel-next:before { margin-top: -7px; } .jcarousel-control-prev,.jcarousel-control-next { display: block;opacity: 0.7 !important; background-color: #000000 !important; background-image: linear-gradient(147deg, #000000 0%, #434343 74%) !important; } @media(max-width: 767px) { .gallery-100 li img,.gallery-75 li img,.gallery-50 li img { width: 345px !important;} .image-caption { min-height: 64px !important; } } @media(min-width: 768px) { .gallery-50 li img { width: 460px; } .gallery-50 .image-caption { max-width: 460px !important; } .gallery-75 .image-caption { width : 700px !important; } .gallery-75 .gallery-pagination { margin-top: -10%!important; } } @media(min-width: 768px) { .gallery-50 .gallery-pagination { margin-top: -70px !important; } .gallery-50 .image-caption { top: -40px !important; } } @media(max-width: 767px) { .gallery-wrapper .jcarousel-control-prev,.gallery-wrapper .jcarousel-control-prev:before,.gallery-wrapper .jcarousel-control-next,.gallery-wrapper .jcarousel-control-next:before { top: 35% !important; } } @media(min-width: 768px) { .gallery-wrapper .jcarousel-control-prev,.gallery-wrapper .jcarousel-control-next,.gallery-wrapper .jcarousel-control-prev:before, .gallery-wrapper .jcarousel-control-next:before { top: 42% !important; } } @media (max-width: 430px) { .gallery-100 li img,.gallery-75 li img,.gallery-50 li img { width: 385px !important; } .image-caption { max-width: 330px; } } @media screen and (min-width: 431px) and (max-width: 768px) { .gallery-100 li img, .gallery-75 li img, .gallery-50 li img { width: 710px !important; } .gallery-pagination { margin-top: -13% !important; } .image-caption { max-width: 611px !important; } } @media (min-width: 377px) and (max-width: 430PX) { .gallery-pagination { margin-top: -22% !important; } } @media (max-width: 376px) { .gallery-pagination { margin-top: -26.5% !important; } .gallery-75 .gallery-pagination { margin-top: -34%!important; } } @media(max-width: 330px) { .gallery-100 li img, .gallery-75 li img, .gallery-50 li img { width: 310px !important; } .gallery-pagination { margin-top: -31% !important; } }'; addStyle(styles); }) </script> <div class="contactUs" style="display:none"> <a href="/fr/info/services/contact/410/">Contact Us</a> </div> </div> </div> </div><!-- OpenText CacheKey: opentextcontent --><div class="o-footer-seo o-footer-seo--opentext t-footer-seo t-footer-seo--opentext u-xs-outer-bottom-15"> <div class="row"> <div class="col-xs-12"> <!-- Mandatory OT Parameter not Found. Cannot parse. --></div> </div> </div></div> <hr class="visible-xs o-footer__rule t-footer__rule u-outer-top-15 dont-print" /> <div id="js-soical-link-responsive" class="hide-globalhub o-footer__contact"> <span class="o-footer__contact-text">E-mail : <a class="a-text-link t-text-link t-text-link--tertiary" href="mailto:info@haefele.ch?subject=Demande à Häfele [26.04.2024 14:07:14]"">info@haefele.ch</a> </span> <span class="o-footer__contact-text">Tél. : <a class="a-text-link t-text-link t-text-link--tertiary" href="tel:+41 (0)71/686 82 00">+41 (0)71/686 82 00</a> </span> <span data-opentext-append="social" class="o-footer__opentext o-footer__social o-footer__social--icons t-footer__social t-footer__social--icons"></span> </div> <p id="js-copyright-text" class="visible-xs o-footer__copy u-no-outer-top u-no-outer-bottom dont-print"></p> </div> </div> </div> </div> <div class="row hidden-xs o-footer__copy font-14"><div class="contentDesktop o-footer__copy-opentext o-footer__copy-opentext--update"><!-- OpenText CacheKey: opentextcontent --> <!-- OpenText CacheKey: opentextcontent --> <div class="opentext"> <div class="content-wrapper content-wrapper-center"> <div class="hflFooter" id="js-hflFooter"> <div class="hflFooterInner clearfix"> <a class="action notActive printpage" href="" target="_new"> <img src="/INTERSHOP/static/WFS/Haefele-HCH-Site/-/Haefele-HCH/fr_CH/opentext/assets/hww/print.png" alt="Imprimer cette page" title="Imprimer cette page" /> <span>Imprimer cette page</span> </a> <a class="action notActive" href="/fr/info/services/catalogues-et-brochures/407/#tab=3"> <img src="/INTERSHOP/static/WFS/Haefele-HCH-Site/-/Haefele-HCH/fr_CH/opentext/assets/hww/apps.png" alt="Applications" title="Applications" /> <span>Applications</span> </a> <a class="action notActive" href="/fr/info/services/newsletter/226995/"> <img src="/INTERSHOP/static/WFS/Haefele-HCH-Site/-/Haefele-HCH/fr_CH/opentext/assets/hww/newsletter.png" alt="Newsletter" title="Newsletter" /> <span>Newsletter</span> </a> </div> <div class="o-footer__blocks hflFooterInner" id="site-footer-links" style="justify-content: normal;"> </div> <div class="hflFooterNav"> <small class="copyrightNote">© 2024 by Häfele</small> <a href="https://www.haefele.ch/fr/info/protection-des-donn-es/646/" id="cookie-consent-setting-footer">Paramètres des cookies</a><isurl pipeline="ViewContent-Start" parameters="PageletEntryPointID=Haefele__Page_PI"> <a href="/fr/info/mentions-l-gales/645/">Mentions légales</a> <a href="/fr/info/protection-des-donn-es/646/">Protection des données</a><isurl pipeline="ViewContent-Start" parameters="PageletEntryPointID=Haefele__Page_PI"> <a href="/fr/info/conditions-commerciales-g-n-rales/746/">Conditions Commerciales Générales</a> <a href="/fr/info/conditions-d-utilisation/647/">Conditions d'utilisation</a><isurl pipeline="ViewContent-Start" parameters="PageletEntryPointID=Haefele__Page_PI"> <a href="/fr/info/sitemap/6689/">Sitemap</a> <a href="/fr/info/services/support-informatique/409/">Support informatique</a></isurl></isurl></isurl></div> <script type="text/javascript">           /* Function to add style element */         function addStyle(styles) {             /* Create style document */             var css = document.createElement('style');             css.type = 'text/css';               if (css.styleSheet)                 css.styleSheet.cssText = styles;             else                 css.appendChild(document.createTextNode(styles));               /* Append style to the tag name */             document.getElementsByTagName("head")[0].appendChild(css);         }   //add css to DOM $(document).ready(function() { var styles = '.ot-button-44 input[type="submit"] { font-weight: normal !important; }'; styles = styles + " .font-icon-set-icn-063-1-instagram:before { content: '\\61' !important } .font-icon-set-icn-077-2-pinterest:before { content: '\\62' !important } .font-icon-set-icn-078-2-twitter:before { content: '\\63' !important } .font-icon-set-icn-079-2-google-plus:before { content: '\\64' !important } .font-icon-set-icn-080-2-facebook:before { content: '\\65' !important } .font-icon-set-icn-081-2-youtube:before { content: '\\66' !important } .font-icon-set-icn-089-2-weibo:before { content: '\\67' !important } .font-icon-set-icn-090-4-flickr:before { content: '\\68' !important } .font-icon-set-icn-091-2-blogspot:before { content: '\\69' !important } .font-icon-set-icn-092-2-linkedin:before { content: '\\6a' !important }"; styles = styles + ' .gallery-100 li img { width: 940px; } .gallery-75 li img { width: 700px; } .gallery-wrapper { position: relative; } .gallery { position: relative;overflow: hidden; } .gallery ul { width: 10000em;position: relative;list-style: none;margin: 0;padding: 0; } .gallery ul li { float: left; } .image-caption { text-align: center;margin-top: 5%;min-height: 15px;color: #969696;font-style: italic; } .gallery-pagination { position: absolute;left: 50%;margin-top: -7%;-webkit-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);} .gallery-pagination a { text-decoration: none;display: inline-block;font-size: 10px;line-height: 10px;min-width: 12px;background: #f1f1f1;color: #4E443C;text-align: center; } .gallery-pagination a { height: 13px;width: 10px;background: #f1f1f;color: #4E443C;text-indent: -9999px;margin-right: 15px; } .gallery-pagination a.active { background: #d20a28; } .jcarousel-prev:before,.jcarousel-next:before { margin-top: -7px; } .jcarousel-control-prev,.jcarousel-control-next { display: block;opacity: 0.7 !important; background-color: #000000 !important; background-image: linear-gradient(147deg, #000000 0%, #434343 74%) !important; } @media(max-width: 767px) { .gallery-100 li img,.gallery-75 li img,.gallery-50 li img { width: 345px !important;} .image-caption { min-height: 64px !important; } } @media(min-width: 768px) { .gallery-50 li img { width: 460px; } .gallery-50 .image-caption { max-width: 460px !important; } .gallery-75 .image-caption { width : 700px !important; } .gallery-75 .gallery-pagination { margin-top: -10%!important; } } @media(min-width: 768px) { .gallery-50 .gallery-pagination { margin-top: -70px !important; } .gallery-50 .image-caption { top: -40px !important; } } @media(max-width: 767px) { .gallery-wrapper .jcarousel-control-prev,.gallery-wrapper .jcarousel-control-prev:before,.gallery-wrapper .jcarousel-control-next,.gallery-wrapper .jcarousel-control-next:before { top: 35% !important; } } @media(min-width: 768px) { .gallery-wrapper .jcarousel-control-prev,.gallery-wrapper .jcarousel-control-next,.gallery-wrapper .jcarousel-control-prev:before, .gallery-wrapper .jcarousel-control-next:before { top: 42% !important; } } @media (max-width: 430px) { .gallery-100 li img,.gallery-75 li img,.gallery-50 li img { width: 385px !important; } .image-caption { max-width: 330px; } } @media screen and (min-width: 431px) and (max-width: 768px) { .gallery-100 li img, .gallery-75 li img, .gallery-50 li img { width: 710px !important; } .gallery-pagination { margin-top: -13% !important; } .image-caption { max-width: 611px !important; } } @media (min-width: 377px) and (max-width: 430PX) { .gallery-pagination { margin-top: -22% !important; } } @media (max-width: 376px) { .gallery-pagination { margin-top: -26.5% !important; } .gallery-75 .gallery-pagination { margin-top: -34%!important; } } @media(max-width: 330px) { .gallery-100 li img, .gallery-75 li img, .gallery-50 li img { width: 310px !important; } .gallery-pagination { margin-top: -31% !important; } }'; addStyle(styles); }) </script> <div class="contactUs" style="display:none"> <a href="/fr/info/services/contact/410/">Contact Us</a> </div> </div> </div> </div><!-- OpenText CacheKey: opentextcontent --><div class="o-footer-seo o-footer-seo--opentext t-footer-seo t-footer-seo--opentext u-xs-outer-bottom-15"> <div class="row"> <div class="col-xs-12"> <!-- Mandatory OT Parameter not Found. Cannot parse. --></div> </div> </div></div></div> </div> </div> <div id="wishlistContainer" class="c-modal c-modal-layer hflLayerBox wishlistLayer addToWishlistLayer warningLayer hide" role="dialog"> <div class="background shadow"></div> <div class="modal-dialog c-modal__dialog" role="document"> <div class="modal-content c-modal__content"> <div class="hflLayerCnt u-no-inner-all u-no-outer-all"></div> <div class="hflAjaxLoader u-no-inner-all u-no-outer-all"><span class="u-outer-top-35"></span></div> <div class="hflAjaxError u-no-inner-all u-no-outer-all" style="display:none;"> <div class="errorContainer"> <h5>Impossible d'ajouter des articles aux favoris.</h5> </div> </div> </div> </div> </div> <div id="FrontEndDebugInfoContainer" class="hidden"></div> <!-- PWA download icon --> <div class="footer-pwa-layer" id="downloadAppios"> <div class="message"> <div class="text font-14">Installez cette application Web Häfele sur votre iPhone. Tapez sur <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 64 64" class="svg-icons"><use xlink:href="#icn-ios-share"></use></svg> et sélectionnez ensuite "Ajouter à l'écran d'accueil". </div> <div class="close font-icon font-icon-set-icn-002-2-close font-14"></div> </div> </div> </div> </div><noscript> <style> .jsOnly { display: none; } </style> </noscript> <script src="/INTERSHOP/static/WFS/Haefele-HCH-Site/-/-/fr_CH/bundles/js/haefele-24.7.0-f40e1ea-20240405135846-1712318342590.min.js?lastModified=1714093373226"></script><script type="text/javascript"> getSessionInfo() .done(function(sessionInfoData) { var loginName = sessionInfoData.loginName; var loginEmail = sessionInfoData.loginEmail; var param = '&loginname=' + loginName + '&loginemail=' + loginEmail+ '&dl='+escape(document.location.href); $('.liveChatTeaser').on('click', function() { var opentexturl = $(this).data('url'); var completeURL = opentexturl + param; window.open(completeURL, '', 'width=450,height=400'); return false; }) }); </script><script type="text/javascript"> initLoginLink(); </script><script> var forms = $("form#directOrderForm"); if (forms.length) { forms.each(function (index, element) { $('<input>').attr({ type: 'hidden', name: 'DeviceSource', value: getDeviceSource() }).appendTo(element); }); } </script> <script type="text/javascript" src="https://unpkg.com/@zxing/library@latest/umd/index.min.js"></script> <script src="/INTERSHOP/static/WFS/Haefele-HCH-Site/-/-/fr_CH/js/zxing-qrean.js"></script> <script> var directEanScan = 0; var eanQRScan = 0; var selectedDeviceId; $( document ).ready(function() { eanScannerinit(); }); function eanScannerinit() { var stopErrorLogger; var lastScanResult = []; //This code for scanning based on zxing API $(document).on("click", ".eanQRScanner,.barToTextContainer,.directEanbarScanner", function(e) { e.stopImmediatePropagation(); e.isPropagationStopped(); e.preventDefault(); var currentReference = this; var inputCtrl = $(currentReference).siblings("input.inputArticleNo"); if($('.scanner-infobox').hasClass('hidden')) { $('.scanner-infobox').removeClass('hidden'); } $("#zxingvideo").show(); eanQRScan = 1; lastScanResult.length = 0; $('.camera_block').removeClass('hidden'); $('.control_actions,.message_redirect').addClass('hidden'); $('.barToTextContainer').addClass('started'); $('body').addClass('noscroll'); var camIdFromCookie = getCookieInfo('ean-cam-scanner-id'); camIdFromCookie = camIdFromCookie.trim().replace(' ',''); if($("#hdnCamSelected").val() != undefined && $("#hdnCamSelected").val() != "") { selectedDeviceId = $("#hdnCamSelected").val(); } const codeReader = new ZXing.BrowserMultiFormatReader(); if($(currentReference).hasClass('directEanbarScanner')) { $(".active-scanning-row").removeClass(".active-scanning-row"); $(currentReference).closest(".js-direct-entry-item-row").addClass("active-scanning-row"); directEanbarScanner(currentReference,codeReader); directEanScan = 1; } else { scannerTimeOut(codeReader); directEanScan = 0; } codeReader.listVideoInputDevices() .then((videoInputDevices) => { if(!$(".control_actions .selectBox").length) { $(".camera-list").attr("id","sourceSelect"); const sourceSelect = document.getElementById('sourceSelect'); if(selectedDeviceId == "" || selectedDeviceId == undefined){ selectedDeviceId = (camIdFromCookie == "" ? undefined : camIdFromCookie); } let selectedDeviceIdTemp1= selectedDeviceId; /*This block will be excuted only once if list of cameras are not available in dropdown*/ if (videoInputDevices.length >= 1) { videoInputDevices.forEach((element) => { const sourceOption = document.createElement('option'); sourceOption.text = element.label; sourceOption.value = element.deviceId; /*To show selected camera from cookie*/ if(camIdFromCookie == element.deviceId) { $(sourceOption).attr('selected',''); } /*Filter to list only back camera*/ if (/back|rear|environment|video device 3|video device 4/gi.test(element.label)) { sourceSelect.appendChild(sourceOption); } }); videoInputDevices.forEach((element) => { if(selectedDeviceId == element.deviceId) { selectedDeviceId = selectedDeviceIdTemp1; return false; } else { selectedDeviceId = undefined; } }); /*For selectbox formatted view*/ $(".control_actions").initializeForms('select'); } } else { let selectedDeviceIdTemp = selectedDeviceId; $("#sourceSelect > option").each(function() { if($(this).val() == camIdFromCookie) { selectedDeviceId = selectedDeviceIdTemp; $(this).attr('selected',''); } else { if (camIdFromCookie != ''){ selectedDeviceId = undefined; } } }); } $(document).on("change","#sourceSelect",function(){ selectedDeviceId = this.value; $("#hdnCamSelected").val(this.value); }); codeReader.decodeFromVideoDevice( ($("#hdnCamSelected").val() != "" ? $("#hdnCamSelected").val() : selectedDeviceId ), 'zxingvideo', (result, err) => { if (result) { prodSearchFromScanResult(codeReader, inputCtrl, result); } if (err && !(err instanceof ZXing.NotFoundException)) { console.error(err); } if (err instanceof ZXing.NotFoundException) { /*No scan found*/ $(".barcode").removeClass('hidden'); if($(".camera-list > option").length > 1) { $("#sourceSelectPanel").removeClass('hidden'); } } }); }) .catch((err) => { console.error(err); }); //This code for to close the camera and reset the codereader instance $("body").on("click", ".camera_close,.gobackClose", function(e) { if(eanQRScan == 1){ $('.camera_block').addClass('hidden'); codeReader.reset(); } }); }); function prodSearchFromScanResult(codeReader, inputCtrl, scanResult){ var content = scanResult.text; var numericPattern = new RegExp("^\\d+$"); var isNumericData = numericPattern.test(content); var urlRegex = new RegExp("^(http:\/\/www\.|https:\/\/www\.|http:\/\/|https:\/\/)?[a-z0-9]+([\-\.]{1}[a-z0-9]+)*\.[a-z]{2,5}(:[0-9]{1,5})?(\/.*)?$"); $("#interactive canvas").remove(); $('.barToTextContainer').removeClass('started'); // When scanResult is EAN number if((content.length == 13) && isNumericData){ codeReader.reset(); lastScanResult.push(content); ajaxSearchFromScanner(content,inputCtrl); return; } else { // When scanResult is QR URL if(urlRegex.test(content)) { codeReader.reset(); // when scanned from DirectOrder pass extracted SKU from url if(directEanScan == 1) { var qrSKU =false; var qrSkuPattern = content.match( /\/-\/[0-9]{1,}\// ); if (qrSkuPattern) { var qrSKU = parseInt(qrSkuPattern[0].match( /[0-9]{1,}/ )[0]); } ajaxSearchFromScanner(qrSKU,inputCtrl); return; } else { // Redirect to URL when scanned from searchBar window.open(content, "_self"); } } } } function directEanbarScanner(currentReference,codeReader) { $('.control_actions,.message_redirect').addClass('hidden'); if(!$(currentReference).hasClass('started')) { $('.barToTextContainer').addClass('started'); $('body').addClass('noscroll'); scannerTimeOut(codeReader); } else { console.log('error'); } } // This function is used to set timer and reset the CodeReader function scannerTimeOut(codeReader) { clearTimeout(stopErrorLogger); stopErrorLogger = setTimeout(function() { if(lastScanResult.length === 0) { codeReader.reset(); $('.control_actions,.detectedCode').removeClass('hidden'); $('.scanner-infobox').addClass('hidden'); $('.barcode').html(''); } }, 10000); } //This code for scanning correct EAN numbers in database function ajaxSearchFromScanner(code, inputElem){ $.ajax({ url: $('.searchBoxSectionIcon').attr('data-article-validate'), type: 'POST', dataType: 'html', data: {SKU: code}, success: function(data) { if (typeof data === "undefined" || data == null) { $('.control_actions').removeClass('hidden'); console.log('unexpected error'); } else { data = JSON.parse(data); if(data.result[0].title !== undefined) { $('.control_actions, .scanner-infobox').addClass('hidden'); /*Set cookie with selected camera Id for 30 days*/ if (selectedDeviceId == undefined && $("#hdnCamSelected").val() != "") { selectedDeviceId = $("#hdnCamSelected").val(); } if(selectedDeviceId != undefined && selectedDeviceId != 0){ setCookieInfo("ean-cam-scanner-id", selectedDeviceId,"30"); } $("#hdnCamSelected").val(''); if(directEanScan == 1) { $(inputElem).val(code).trigger('change'); $(inputElem).removeClass("is-defaultText"); $(inputElem).closest(".active-scanning-row").removeClass("active-scanning-row"); $('.camera_block').addClass('hidden'); preSubmitDirectOrder($(inputElem), false, null); setTimeout(function(){ $('.camera_close').trigger('click'); },500); } else{ $('.message_redirect').removeClass('hidden'); $('a[data-action-target*=searchBoxSection]').trigger('click'); var skuData = code; if(data.result[0].eancode){ skuData = data.result[0].sku; $("#searchForm #inputSearchTerm").attr("name","ean_code"); $("#searchForm").prepend("<input type='hidden' name='SearchTerm' value='"+skuData+ "'/>"); var quantity = data.result[0].eanquantity; $("#searchForm").prepend("<input type='hidden' name='viaEAN' value='true'/>"); $("#searchForm").prepend("<input type='hidden' name='Quantity' value='"+quantity+"'/>"); } $("#inputSearchTerm").val(skuData); $("#searchForm").submit(); } } else { /*Item not available*/ $('.control_actions,.detectedCode').removeClass('hidden'); $(".scanner-infobox,#sourceSelectPanel").addClass('hidden'); $('.barcode').html(code); } } }, traditional: true }); } $(document).on("click",".control_actions .retry_scan", function(e){ e.stopImmediatePropagation(); e.preventDefault(); clearTimeout(stopErrorLogger); $('.searchCont.searchBoxSection').css('top','-150%'); $('.barToTextContainer').removeClass('started'); $('body').removeClass('noscroll'); $('.control_actions,.message_redirect').addClass('hidden'); $("#hdnCamSelected").val($("#sourceSelect").val()); selectedDeviceId = $("#sourceSelect").val(); /*For selectbox formatted view*/ $(".control_actions").initializeForms('select'); if(eanQRScan != 1) { $('.camera_block').find('video,canvas').remove(); setTimeout(function(){ if( directEanScan == 1) { directEanScan = 0; $(".directEanbarScanner").trigger('click'); } else { $(".barToTextContainer").trigger('click'); } }, 500); }else{ setTimeout(function(){ if( directEanScan == 1) { directEanScan = 0; $(".active-scanning-row .directEanbarScanner").trigger('click'); } else { $(".barToTextContainer").trigger('click'); } }, 500); } }); //This code for handling retry scanning scenarios $(document).on("click", "#interactive .camera_close, .control_actions .gobackClose", function(e) { e.stopImmediatePropagation(); e.preventDefault(); clearTimeout(stopErrorLogger); $('.searchCont.searchBoxSection').css('top','-150%'); $('.barToTextContainer').removeClass('started'); $('body').removeClass('noscroll'); $('.camera_block').addClass('hidden'); }); //Make an AJAX request to find out if the article number is valid function validateDirectOrderFromHome(validateQuantity, eanInput, callback) { //Start article no validation var inputArticleNum = $(eanInput).val() != undefined ? $(eanInput).val().trim() : ""; var eanContainer = $(eanInput).closest(".o-flyout__row-mobile"); var errMsgContainer = $(eanContainer).find(".js-article-error-msg"); var successMsgContainer = $(eanContainer).find(".js-article-success-msg"); if (typeof inputArticleNum === "undefined" || inputArticleNum == null || inputArticleNum.length <= 0) { $(eanContainer).addClass("attention number"); $(successMsgContainer).hide(); $(errMsgContainer).html('<span>Veuillez entrer le numéro d\'article.</span>').html(); // validation failed if (typeof(callback) === 'function') { callback(false, originatingEvent); } return; } if(eanInput.val().length > 0){ //Process AJAX Call var directOrderRequest = $.ajax({ url: 'https://www.haefele.ch/INTERSHOP/web/WFS/Haefele-HCH-Site/fr_CH/-/CHF/ViewCart-GetProductNameBySKU', async: true, data:{SKU: inputArticleNum} }).done(function(output) { //process the result of the AJAX request setTimeout(function(){ // To scroll to position from where user triggered this scan $("html, body").animate({ scrollTop : $(eanInput).offset().top - 25},300); },300); if (typeof output === "undefined" || output == null) { //AJAX Ouput is null or undefined "); console.error("Unexpected scenario "); if (typeof(callback) === 'function') { callback(false, eanInput); } } else { //AJAX Output is available. Need to validate the contents of AJAX if(output.result[0].errorKey) { //Error Scenario $(eanContainer).addClass("attention number").find(".inputQuanity").val(''); if(output.result[0].errorKey.match("haefele.addToCart.notification.key.error.empty.article.number")){ $(errMsgContainer).html('<span>Veuillez entrer le numéro d\'article.</span>').show(); } else if(output.result[0].errorKey.match("haefele.addToCart.notification.key.error.notfound.article.number")){ $(errMsgContainer).html('<span>Impossible de trouver le numéro d\'article. Veuillez contrôler.</span>').show(); } else if(output.result[0].errorKey.match("haefele.addToCart.notification.error.complex.loox")){ $(errMsgContainer).html('<span>Ceci est un article de configuration Loox. Veuillez consulter la page de l\'article pour accéder au configurateur.</span>').html(); } else if(output.result[0].errorKey.match("haefele.addToCart.notification.error.complex.drawers")){ $(errMsgContainer).html('<span>Ceci est un article de configuration. Veuillez consulter la page de l\'article pour accéder au configurateur.</span>').html(); } if (typeof(callback) === 'function') { callback(false, originatingEvent); } return; } else { //Response is obtained from AJAX var articleTitle = output.result[0].title; if(output.result[0].eancode){ var sku = output.result[0].sku; var quantity = output.result[0].eanquantity; //$(".SKU_Placeholder").val(sku); $(eanInput).siblings(".SKU_Placeholder").val(sku); $(eanContainer).find(".inputQuanity").val(quantity); $(eanContainer).find(".inputQuanity").removeClass("is-defaultText"); } if(!output.result[0].online){ $(eanContainer).addClass("attention number"); $(errMsgContainer).html('<span>L\'article n\'est pas disponible actuellement.</span>').show(); if (typeof(callback) === 'function') { callback(false, originatingEvent); } $(eanContainer).find(".inputQuanity").val(''); return; } if (articleTitle != null && articleTitle.length > 0 && validateQuantity == false ) { //Display Article Title $(successMsgContainer).html('<span>' + articleTitle + (output.result[0].subtitle != '' ? '<br/>' + output.result[0].subtitle : '') + '</span>').show(); } //AJAX Ouput : Article Number is valid. Validate Quantity now if(validateQuantity) { //Starting quantity validation if(isQuantityValid()) { //validation success submit form if (typeof(callback) === 'function') { callback(true, originatingEvent); } } else { //Quantity has not been entered. or invalid $(eanContainer).addClass("attention quantity"); $(successMsgContainer).hide(); $(errMsgContainer).html('<span>Veuillez entrer une valeur valide pour la quantité d\'articles.</span>').show(); if (typeof(callback) === 'function') { callback(false, originatingEvent); } return; } } else if (typeof(callback) === 'function') { //validation success submit form callback(true, originatingEvent); } } } }); directOrderRequest.fail(function(jqXHR, textStatus){ console.info( "Request failed: " + textStatus ); if (typeof(callback) === 'function') { callback(false); } }); } else { //Starting quantity validation if(isQuantityValid()) { //validation success submit form if (typeof(callback) === 'function') { callback(true, originatingEvent); } } else { //Quantity has not been entered. or invalid $(eanContainer).addClass("attention quantity"); $(successMsgContainer).hide(); $(errMsgContainer).html('<span>Veuillez entrer une valeur valide pour la quantité d\'articles.</span>').show(); if (typeof(callback) === 'function') { callback(false, originatingEvent); } return; } } } // Do validations before submitting the form // Validation will be done async - specify a callback that will be called on successful validation function preSubmitDirectOrder(eanInput, validateQuantity, callback) { var eanContainer = $(eanInput).closest(".o-flyout__row-mobile"); var errMsgContainer = $(eanContainer).find(".js-article-error-msg"); var successMsgContainer = $(eanContainer).find(".js-article-success-msg"); if (!validateQuantity) { $(eanContainer).removeClass("attention number quantity"); $(eanContainer).find(".js-article-error-msg, .js-article-success-msg").hide(); } if($("#dOrderFormResponsive").length > 0) { validateDirectOrderFromHome(validateQuantity, eanInput, callback); } else { validateDirectOrderForm(validateQuantity, eanInput, callback); } } //blur function for Article Num field $('#dOrderFormResponsive').find(".inputArticleNo").blur(function(e) { // trigger the validation without quantity check as the user might not have changed the quantity field yet. // call without callback as no action need to be triggered preSubmitDirectOrder(e, false, null); }); } </script> <script type="text/javascript"> var directOrder = $('.js-directOrderFlyout').html(); if($(window).width() > 767) { var directOrderFlyoutViewModel = new DirectOrderFlyoutViewModel( { formId: 'directOrderForm', rowCount: 3, articleNumberErrorMessage: 'Veuillez entrer le numéro d\'article.', articleNotCorrectErrorMessage: 'Le numéro d\'article est incorrect. Veuillez contrôler.', articleNotFoundErrorMessage: 'Impossible de trouver le numéro d\'article. Veuillez contrôler.', articleNotAvailableErrorMessage: 'L\'article n\'est pas disponible actuellement.', complexArticleLooxErrorMessage: 'Ceci est un article de configuration Loox. Veuillez consulter la page de l\'article pour accéder au configurateur.', complexArticleDrawersErrorMessage: 'Ceci est un article de configuration. Veuillez consulter la page de l\'article pour accéder au configurateur.', quantityErrorMessage: 'Veuillez entrer une valeur valide pour la quantité d\'articles.', responsiveOnly: false, dataUrl: 'https://www.haefele.ch/INTERSHOP/web/WFS/Haefele-HCH-Site/fr_CH/-/CHF/ViewCart-GetProductNameBySKU', success: function(ret) { showAddToCartNotification(ret); addHflLayerScroll("#shoppingCartNotification"); $('.js-directOrderFlyout').addClass('hide'); $("#js-directOrder").removeClass('is-active'); updateCartCount(); } }); ko.applyBindings(directOrderFlyoutViewModel, document.getElementById('directOrderForm')); $(document).on("click",'.directOrderBoxCancel',function(){ $('.js-directOrderFlyout').addClass('hide'); $("#js-directOrder").removeClass('is-active'); }); } </script><script src="/INTERSHOP/static/WFS/Haefele-HCH-Site/-/-/fr_CH/bundles/js/haefele.vi-24.7.0-f40e1ea-20240405135846-1712318342590.responsive.bottom.js?lastModified=1714093378237"></script><script type="text/javascript"> getSessionInfo() .done(function(sessionInfoData) { if (isHaefeleUserLoggedin) { startTimeoutWarner( "https://www.haefele.ch/INTERSHOP/servlet/WFS/SessionInfo/parameter?s=" + sessionInfoData.encryptedID, "https://www.haefele.ch/INTERSHOP/web/WFS/Haefele-HCH-Site/fr_CH/-/CHF/ViewSessionTimeoutWarning-AjaxLoggedIn", sessionInfoData ); } }); </script><script type="text/javascript"> $('#loggedOutFrame .warningLayerButtons input[name="TargetURL"]').val(location.href + location.hash); </script><script type="text/javascript"> getSessionInfo() .done(function(sessionInfoData) { var coUserName = getCookieValue('remember-CoUserName'); if (!isHaefeleUserLoggedin && coUserName && coUserName != '""' && coUserName != "") { $('#ShopLoginForm_LoginAsJointUser_headerItemLogin').prop('checked', true); $('#ShopLoginForm_UserName_headerItemLogin').val(coUserName); $('#ShopLoginForm_UserName_headerItemLogin').prop('disabled',false); $('.inputUsername').removeClass('hidden'); if (!$('#divShopLoginForm_LoginAsJointUser_headerItemLogin').hasClass("checked")) { $("#divShopLoginForm_LoginAsJointUser_headerItemLogin").addClass("checked"); } }else { $('#ShopLoginForm_LoginAsJointUser_headerItemLogin').prop('checked', false); $('#ShopLoginForm_UserName_headerItemLogin').val(''); $('.hfl-login--form-group__joint-user .inputUsername').hide(); if ($('#divShopLoginForm_LoginAsJointUser_headerItemLogin').hasClass("checked")) { $('#divShopLoginForm_LoginAsJointUser_headerItemLogin').removeClass("checked"); } } }); $('#PasswordForgottenLink').on('click', function(e){ var isJointUser = $("#"+"ShopLoginForm_LoginAsJointUser_headerItemLogin"); if (isJointUser.attr('checked')) { $(this).attr('href', $(this).attr('href') + "?IsJointUser=on"); } return true; }); var loginModel = new LoginViewModel( { loginFormId: 'loginWithExistingAccountForm', generalError: 'Un problème est survenu lors de votre demande. Veuillez contrôler vos données d\'inscription.', start: function() { $('#loginFormContent').addClass('hidden'); $('#loginFormAjaxLoader').removeClass('hidden'); }, success: function(loginResult) { if ('undefined' != typeof(loginResult.redirectUrl)) { var defaultStart = $("input[name='currentURL']").val(); var currentUrl = location.href + location.hash; if (defaultStart.indexOf('Default-Start') != -1) { location.href = loginResult.redirectUrl; } else { location.reload(); } } else { location.reload(); } }, error: function(loginResult) { $('#loginFormAjaxLoader').addClass('hidden'); $('#loginFormContent').removeClass('hidden'); addHflLayerScroll(".hflLayerBox.loginLayer:visible"); }, hderedirect: function(loginResult) { $('#loginFormAjaxLoader').addClass('hidden'); $('#loginFormContent').removeClass('hidden'); } }); ko.applyBindings(loginModel, document.getElementById('loginFormAjax')); </script><script type="text/javascript"> $(document).ready(function() { if(!are_cookies_enabled()){ $("#cookieDisableFrame").lawcookie({ 'dn' : 'Haefele-HCH-Site' ,'org' : 'Haefele-HCH-Site' ,'lawCookieName' : 'lawCookie-Haefele-HCH-Site' ,'selector_message' : $('#disableCookieMessage') ,'selector_submit' : $('#disableCookieMessage a.close-notify') ,'selector_parent' : $('#cookieDisableFrame') }); } }); </script><script src="/INTERSHOP/static/WFS/Haefele-HCH-Site/-/-/fr_CH/js/lawcookie.js" language="JavaScript"></script> <script type="text/javascript"> function are_cookies_enabled() { var cookieEnabled = (navigator.cookieEnabled) ? true : false; if (typeof navigator.cookieEnabled == "undefined" && !cookieEnabled) { var date = new Date(); date.setTime(date.getTime()+(5000)); document.cookie="testcookie"; document.cookie += "; expires="+date.toGMTString(); cookieEnabled = (document.cookie.indexOf("testcookie") != -1) ? true : false; } return (cookieEnabled); } $(".hflLayerContainer .icn-close").on("click touch", function() { $(".lawcookieFrame").hide(); }); </script><script type="text/javascript"> $.extend( $.fn.dataTableExt.oStdClasses, { "sPaging": " c-pagination c-pagination--data-table t-pagination--data-table ", "sPageButton": " c-pagination__btn t-pagination__btn ", "sPageButtonActive": " c-pagination__btn-current t-pagination__btn-current ", "sPageButtonDisabled": " t-btn--inactive " }); </script><script> getSessionInfo() .done(function(sessionInfoData) { if (!getCookieValue("ConfirmedLoginDisabled")) { var loginDisabledFrom = sessionInfoData.loginDisabledFrom; var loginDisabledTo = sessionInfoData.loginDisabledTo; var currentTime = new Date().getTime(); var loginDisabled = loginDisabledFrom != null && loginDisabledFrom < currentTime; loginDisabled &= (loginDisabledTo == null || loginDisabledTo > currentTime); if (loginDisabled) { var text = ""; var pageWarningTxt = $(".pageWarningTxt"); var warning = pageWarningTxt.data("warning"); var message = pageWarningTxt.data("message"); if (sessionInfoData.isUserLoggedOut) { text = warning; } if (message != "") { if (warning != "") { text += " "; } text += message; } $(".pageWarningTxt").html(text); $(".pageWarningBox").show(); } } }) .fail(function(xhr) { // Only show error message for http errors, not for user abort if(xhr.getAllResponseHeaders()) { IncludeLoginDisabledMessageErrorHandler(null, null, "Masquer|<>|Une erreur inattendue est survenue. Veuillez essayer de recharger la page."); $(".pageWarningBox").show(); } }); </script><script type="text/javascript"> jAsimUpdateOid = '000000500003a72c00010023'; </script><script type="text/javascript"> $(document).ready(function() { var hashParams = getHashParams(); var searchParameter = getParameterFromHash("SearchParameter"); var pageNumber = hashParams.PageNumber; var productListSize = hashParams.ProductListSize; var pageSize = hashParams.PageSize; var pagerdata = 'SKU=P-00915712&CategoryName=47&CategoryDomainName=Haefele-global_one_pim_catalog'; if (searchParameter) { if (0 <= searchParameter.indexOf('&')) { searchParameter = encodeURIComponent(searchParameter); } requiredHash = '&SearchParameter=' + searchParameter + '&PageNumber=' + pageNumber + '&ProductListSize=' + productListSize + '&PageSize=' + pageSize; pagerdata += requiredHash; } AjaxLateExecutionProcess(function() { $.ajax({ url: "https://www.haefele.ch/INTERSHOP/web/WFS/Haefele-HCH-Site/fr_CH/-/CHF/ViewProduct-GetProductPager", data: pagerdata, type: "POST", success: function(data) { $(".js-productPager").html(data); }, timeout: 7500, error: function() { $(".js-productPager").empty(); } }); }); }); </script><script type="text/javascript"> AjaxLateExecutionProcess( function(){ var solutionsModel = new SolutionViewModel( { dataUrl : 'https://www.haefele.ch/INTERSHOP/web/WFS/Haefele-HCH-Site/fr_CH/-/CHF/ViewParametricSearchBySearchIndex-ProductSolutions?SKU=P-00915712&Type=JSON', notAvailableImage : '/INTERSHOP/static/WFS/Haefele-HCH-Site/-/-/fr_CH/images/not_available.gif', maxVisibleItems : 4, maxItems : 10 }); ko.applyBindings(solutionsModel, document.getElementById('productSolutionsBox')); }); </script><script> var forms = $("form#productPageAddToBasket"); if (forms.length) { forms.each(function (index, element) { $('<input>').attr({ type: 'hidden', name: 'DeviceSource', value: getDeviceSource() }).appendTo(element); }); } </script><script type="text/javascript"> getSessionInfo().done( function(sessionInfoData) { if(!window.isHaefeleUserLoggedin){ $(".productOrderDetailsInfo").remove(); } }); </script><script type="text/javascript" language="JavaScript"> $(document).ready(function(){ $('[id^=media-video]').mediaelementplayer({ plugins: ['flash'], pluginPath: '/INTERSHOP/static/WFS/Haefele-HCH-Site/-/-/fr_CH/assets/mediaelementplayer/', flashName: 'flashmediaelement.swf', features: ['playpause','progress','current','duration','volume'], alwaysShowControls: true, enablePluginSmoothing: true, stretching: 'auto', success: function (mediaElement, domObject) { mediaElement.addEventListener("ended", function(e) { // Revert to the poster image when ended setTimeout(function() { var jqueryMediaElement = (mediaElement.id) ? jQuery("#"+mediaElement.id) : jQuery(mediaElement); jqueryMediaElement.parents(".mejs-inner").find(".mejs-poster").show(); }, 200); }); //Workaround to display the video and the poster in a correct manner when using flash. In modern Chromium based browsers this would result in oversized posters. if (mediaElement.id.indexOf('flash')>-1) { $('#video'+'').attr("width", "1"); $('#video'+'').attr("height", "1"); } } }); }); </script><script type="text/javascript" language="JavaScript"> $(document).ready(function() { $("#ConditionConfiguration_pds_consignment_1").keyup(function () { var value = $(this).val(); $(".consignmentMandatory").val(value); }); $("select.selectBoxArticleNoMcr").each(function(index) { var mcrIndex = index + 2; var mdtVariationModelString = $("#VariationModel_" + mcrIndex).val(); var mdtVariationModel = eval("(" + mdtVariationModelString + ")"); if(mdtVariationModel != undefined && mdtVariationModel != null && mdtVariationModel.length > 0){ createVariationSelector( $('.productOrderCrossReferences'), 'main_mdt' + mcrIndex + '_', $("#ConditionConfiguration_pds_articleNo_" + mcrIndex), '', mdtVariationModel ); } }); }); </script> <script type="text/javascript"> if (window.location.hash) { $(document).ready(function() { var s_xpos = getParameterFromHash("xpos", true); var s_ypos = getParameterFromHash("ypos", true); var xpos = 0, ypos = 0; if (s_xpos && s_ypos) { xpos = parseInt(s_xpos); ypos = parseInt(s_ypos); } setTimeout(function() { window.scrollTo(xpos, ypos); },0); }); } </script> <script type="text/javascript"> $(document).ready(function(){ AjaxLateExecutionProcess(function(){ $.ajax({ url: "https://www.haefele.ch/INTERSHOP/web/WFS/Haefele-HCH-Site/fr_CH/-/CHF/Template-Include?Template=inc%2Fhaefele%2Frecentlyviewed%2FRecentlyViewedProducts&HandlerPipeline=ViewPagelet_comp_recentlyviewed-ViewItems&AddSKU=P-00915712&PageSize=", type: "POST", success: function(html) { $("#js-recentlyViewedProductsAjaxLoader").replaceWith( html ); initMiniImageCarousel(); /** modulMiniImageCarousel **/ if (!$('.recentlyViewedProductSection .slick-carousel').hasClass('slick-initialized')) { $(".recentlyViewedProductSection .slick-carousel").slick(); } initInfoTooltip(); /*To initialize forms elements on recommended slide items like compare checkbox*/ $(".reco-slide__item").initializeForms(); /*To view artilce price on recotile*/ if($("#recoArticlePriceEnabled").val()=="true"){ initArticlePrice('recentViewed'); } /*Added call for setting hidden field for device type*/ addDeviceTypeInForm('ProductTileAddToCartForm', 'DeviceSource'); }, error: function() { $("#js-recentlyViewedProductsAjaxLoader").hide(); } }); }); }); </script><script type="text/javascript" language="JavaScript"> $(document).ready(function() { addPageBreakPrinted(); $('.js-articleTableButton').on('click touchstart', function(e){ var getTableURL = "https://www.haefele.ch/INTERSHOP/web/WFS/Haefele-HCH-Site/fr_CH/-/CHF/ViewProduct-GetArticleTable?MasterSKU=P-00915712&SKU=P-00915712&CategoryName=47&CategoryDomainName=Haefele-global_one_pim_catalog"; $('#articleTableView').removeClass('hide'); disablePageScroll(); $('#articleTableView').trigger('show'); $('#placeTableHere').on('load', getTableURL); }); $('#moreInfoButton').on('click', function(e){ e.preventDefault(); e.stopPropagation(); $(this).addClass('hidden'); $('#moreInfoBox').removeClass('hidden'); $('#lessInfoButton').removeClass('hidden'); addPageBreakPrinted(); //For Asim Content Table Scrollbar HafeleCustom.detailsTableScroll(); }); $('#lessInfoButton').on('click', function(e){ e.preventDefault(); e.stopPropagation(); $(this).addClass('hidden'); $('#moreInfoBox').addClass('hidden'); $('#moreInfoButton').removeClass('hidden'); addPageBreakPrinted(); }); // $.browser.chrome = /chrom(e|ium)/.test(navigator.userAgent.toLowerCase()); var chromeDetected = /chrom(e|ium)/.test(navigator.userAgent.toLowerCase()); // $.browser.chrome = (typeof window.chrome === "object"); if(chromeDetected){ $("#footerContentPrint, .hflHeader").addClass("chrome"); } $('.buttonShowAll').on('click', function(e){ addPageBreakPrinted(); }); function addPageBreakPrinted(){ var height=$(".productImageContainer").outerHeight(true) +$(".productPropertiesIntro").outerHeight(true); var pageBreak=true; var firstBreak=true; var diff=0; var originalWidthProperties = $('.productProperties').width(); var originalWidthPropertiesHeader = $('.productPropertiesSection.is-split-view .productPropertiesSectionHeader').width(); var originalWidthPropertiesBody = $('.productPropertiesSection.is-split-view .productPropertiesSectionBody').width(); //$('.productProperties').width("400px"); //$('.productPropertiesSection.is-split-view .productPropertiesSectionHeader').width("150px"); //$('.productPropertiesSection.is-split-view .productPropertiesSectionBody').width("250px"); //$('.productPropertiesSection.is-split-view').addClass('row'); //$('.productPropertiesSection.is-split-view .productPropertiesSectionHeader').addClass("col-xs-12"); //$('.productPropertiesSection.is-split-view .productPropertiesSectionHeader').addClass("col-md-4"); //$('.productPropertiesSection.is-split-view .productPropertiesSectionBody').addClass("col-md-8"); //$('.productPropertiesSection.is-split-view .productPropertiesSectionBody').addClass("col-xs-12"); $(".productPropertiesSection, .productOrderVariationsSection").removeClass("pageBreak"); $.each($(".productPropertiesSection"), function(){ height=height+$(this).outerHeight(true); if(height >= 1150 && pageBreak && firstBreak){ $(this).addClass("pageBreak"); pageBreak=false; firstBreak=false; diff = height-870; height=height+diff; } if(height > 2750 && !pageBreak){ if($(this).hasClass("pageBreak")){ $(this).next(".productPropertiesSection").addClass("pageBreak"); }else{ $(this).addClass("pageBreak"); } pageBreak=true; } }); <!-- Removed for Issue HAF-11059 --> <!-- $('.productProperties').width(originalWidthProperties); --> <!-- $('.productPropertiesSection.is-split-view .productPropertiesSectionHeader').width(originalWidthPropertiesHeader); --> <!-- $('.productPropertiesSection.is-split-view .productPropertiesSectionBody').width(originalWidthPropertiesBody); --> height=$('.productOrderPriceTable').outerHeight(true) + $('.crossReferencesProduct').outerHeight(true); $.each($('.productOrderVariationsSection'), function(){ height=height+$(this).outerHeight(true); if(height > 1030){ $(this).addClass("pageBreak"); return false; } }); } if($(window).width() <= 768) { ko.cleanNode($('.js-move-position-mobile')[0]); $('.js-move-position-mobile').appendTo('.product-detail-block'); } }); </script><script type="text/javascript"> $(document).ready(function() { var sku = "P-00915712"; var pageSize = "" if(pageSize == null || pageSize == '' || 'undefined' == typeof (pageSize)){ pageSize = getParameterFromHash("PageSize"); } var pageNumber = getParameterFromHash("PageNumber"); var position = getParameterFromHash("Position"); var origPos = getParameterFromHash("OrigPos"); var originalPageSize = getParameterFromHash("OriginalPageSize"); var queryTerm = getParameterFromHash("QueryTerm"); var pdp = getParameterFromHash("PDP"); if (sku != null && pageSize != null && pageNumber != null && position != null && origPos != null && originalPageSize != null && queryTerm != null) { var requiredHash = '&PageNumber=' + pageNumber + '&Position=' + position + '&OrigPos=' + origPos + '&OriginalPageSize=' + originalPageSize + '&QueryTerm=' + queryTerm; if (pdp != null && 'undefined' != typeof (pdp)) { requiredHash += '&PDP=' + pdp; } if (pdp == null || 'undefined' == typeof (pdp)) { var urlparams = 'SKU=' + sku + '&PageSize=' + pageSize + requiredHash; $.ajax({ url: "https://www.haefele.ch/INTERSHOP/web/WFS/Haefele-HCH-Site/fr_CH/-/CHF/ViewProduct-FireViewProductEvent", data: urlparams, type: "POST", success: function(data) { }, error: function() { } }); } //(Product details page) PDP parameter is used as a flag for the view product tracking event. //when an article is selected the page is reloaded but this should not fire new tracking event. var urlHash = window.location.hash; if (urlHash != null && 'undefined' != typeof (urlHash)) { if (urlHash.indexOf('PDP') < 0) { window.location.hash += '&PDP=true'; requiredHash += '&PDP=true'; } } } }); </script><script type="text/javascript" language="JavaScript"> if (window.location.hash) { $(".productPageAddToBasket .shopItemImage, .articleTitle > a").each(function() { $(this).attr("href", $(this).attr("href") + window.location.hash); }); } window.currentProductID = 'jQYKAOsFe.cAAAF.i6_iJvoK'; var pdpModel = new ProductDetailViewModel({"addToCartButtonUrl":null,"configurationAttributeErrorMessages":{"UNDEFINED":"Données invalides","LT":"La donnée doit être plus petite que {0}","LE":"la donnée doit être inférieure ou égal à {0}","SCALE":"Seulement {0} décimales autorisées","EQ":"La donnée peut seulement être {0}","GT":"La donnée doit être plus grande que {0}","EMPTY":"Merci d'entrer une donnée","GE":"La donnée doit être supérieure ou égal à {0}"},"SUBSTITUTION":false,"SUBSTITUTION_LINK":false,"RUNNING_OUT_NOTE":false,"isArticle":false,"messages":{"haefele.product.note.addToCart.substitution":"Cet article n'est plus disponible.Il a été replacé par un article de substitution.","haefele.product.note.addToCart.config.attributes":"La configuration n'est pas totalement complète. Merci de bien vouloir tout définir","haefele.product.add.to.cart":"Dans le panier","haefele.product.note.addToCart.reduced":"Cet article a été réduit à la quantité disponible.","haefele.product.add.to.cart.tip":"Veuillez sélectionner un article.","haefele.product.state.NOT_AVAILABLE":"Cet article n'est plus disponible."},"availabilityInfoColor":null,"errors":[],"addToCartButtonText":null,"FOLLOWUP":false}); ko.applyBindings(pdpModel, $('.productDescriptionSection')[0]); ko.applyBindings(pdpModel, $('.errorMessageSource')[0]); var configErrorMessages = pdpModel.vo().configurationAttributeErrorMessages || {}; if(pdpModel.vo().isArticle) { function handleAjaxResponse(data, pdpModel, elem) { pdpModel.vo($(data).find('#ViewObjectJson').data('value')); $('.article-state-message').addClass('hidden'); if($(elem).val()) { $(elem).closest('.js-qty-ref-container').find('.article-state-message').removeClass('hidden'); } else { $('.js-qty-ref-container').find('.article-error-message').removeClass('hidden'); } } function renderElementFromAjaxResponse(data, elementId, callback){ var elementIdValue = '#' + elementId.split('_')[0]; var elementResult = $(data).find(elementIdValue); if (0 < elementResult.length) { $("#"+elementId).html(elementResult.html()); } else { $(elementId).empty(); } if(callback && typeof callback == "function") callback(elementResult, $(elementIdValue)); } function toggleConfigurationHeaderMessage(configValid) { if (configValid) { $('#articleTopLevelMessages').find('#configurationAttributesNotValid').remove(); } else { $('#articleTopLevelMessages').find('#configurationAttributesNotValid').remove(); $('#configurationAttributesNotValid').clone().removeClass('hidden').appendTo('#articleTopLevelMessages'); } } $(document).ready(function() { if(localStorage.layover == "true") { $('.mandatory-product-layover').css('left','0px'); setTimeout(function(){ $(document).find('.floatingGroupBlockInner') .removeClass('u-xs-index-1') .hide() .addClass('u-xs-fixed') .css({'bottom': 0, 'z-index': 99999}) .delay(600) .fadeIn() .find('.productFilter') .hide(); $(document).find('#addToCartLink').css('display', 'inline-block'); $(document).find('#addToCartLinkrequired').css('display', 'none'); }, 500); } $('form[name="productPageAddToBasket"] input').bind("keypress", function(e){ if(e.keyCode == 13) { e.preventDefault(); e.stopPropagation(); applyValidation(); pdpModel.addToCart(); } }); synchronizationAjaxToken = 0; var selectedAccessory = $('.selectBoxArticleNoMcr option:selected'); if (0 < selectedAccessory.length) { var accessoryPriceUrlTemplate = 'https://www.haefele.ch/INTERSHOP/web/WFS/Haefele-HCH-Site/fr_CH/-/CHF/ViewProduct-GetAccessoriesPriceInformation?AccessorySKU=accessorySKU&Counter=counter'; $('.selectBoxArticleNoMcr option:selected').each(function() { if ('undefined' == typeof($(this).val()) || '' == $(this).val()) { return; } var index = $(this).parent().attr('data-index'); var url = accessoryPriceUrlTemplate.split('accessorySKU').join($(this).val()); url = url.split('counter').join(index); getAccessoryPrices(url); }); } //check for mandatory configuration attributes $(document).find('#addToCartLink').on('click touchstart', function(e) { applyValidation(); }); function applyValidation() { var configValid = true; var validateElements = $('#productInfoConfigurationAttributes .js-configValidation'); $.each(validateElements, function(){ var mandatoryResult = checkMandatoryConfigAttribute(this); if(!mandatoryResult){ removeElementValidationError(this); var msg = configErrorMessages.EMPTY; addElementValidationError(this, msg); configValid = false; } }); toggleConfigurationHeaderMessage(configValid); if(!configValid) { // Scroll to first error message $('html, body').animate({scrollTop: $(".configErrorMsg").first().parent().offset().top}, 500); } } AjaxLateExecutionProcess( function(){ $.ajax({ type: 'POST', dataType: 'html', url: 'https://www.haefele.ch/INTERSHOP/web/WFS/Haefele-HCH-Site/fr_CH/-/CHF/ViewProduct-GetPriceAndAvailabilityInformationPDS?SKU=P-00915712&ProductQuantity=' , success: function(data) { handleAjaxResponse(data, pdpModel); availabilityMessage(data); excludeProductFromCart(); renderElementFromAjaxResponse(data, 'productScaledPriceInformation', function(){ //$("#productAvailablePackagesInformation_P-00915712").parent().find("#productScaledPriceInformation").remove(); var $priceTable = $("#productScaledPriceInformation"); $priceTable.find("table").each(function(){ var parentClasses = $(this).closest("td").attr("class"); $(this).addClass("table table-bordered productOrderPriceTable").unwrap().wrap("<div class='"+parentClasses+"'></div>"); }); var $elem = $("#productScaledPriceInformation .scaledPricesLabel"); var text = $elem.addClass("hidden").text(); if($(".scaledPricesLabel").length){ $(".scaledPricesLabel").html(text).addClass('packUnitTitle').insertBefore($elem); } else { $("<td class='scaledPricesLabel packUnitTitle'></td>").html(text).insertBefore($elem); } $priceTable.find("table tr:first-child").css({'background-color': '#f3f3f3', 'font-weight':'bold'}); $priceTable.appendTo($("#productAvailablePackagesInformation_P-00915712").parent()); }); renderElementFromAjaxResponse(data, 'productAvailabilityInformation'); renderElementFromAjaxResponse(data, 'productBomArticlesInformation'); renderElementFromAjaxResponse(data, 'productRequestedPackagesInformation_P-00915712', function(){ var elementIdValue = '#' + 'productRequestedPackagesInformation'; var elementResult = $(data).find(elementIdValue); let disclaimerText = $(".js-productOrderDetails").data('disclaimer'); if(0 < elementResult.length && $(window).width() > 768 && disclaimerText != undefined) { $(".productDisclaimerInformation").append('<p class="u-font-13">'+ disclaimerText +'</p>'); $(".js-productOrderDetails").removeAttr('data-disclaimer'); } if($(window).width() < 768){ if(0 < elementResult.length && disclaimerText != undefined) { $(".showMorePrice").append("<div class='visible-xs'><p class='u-font-13'>"+ disclaimerText +"</div></p>"); $(".js-productOrderDetails").removeAttr('data-disclaimer'); } if (0 < elementResult.length) { $(".js-packaging-unit").css({'visibility':'visible','display':'block' }); } if ($('.huk-price-select').length > 0){ $(".js-packaging-unit").css({'visibility':'hidden','display':'none' }); } } $(document).ready(function(){ if($(".js-packaging-unit").length > 0 && $(".js-packaging-unit").is(":visible")){ $(".js-articles-link").removeClass('hidden'); } }); }); renderElementFromAjaxResponse(data, 'productAvailablePackagesInformation_P-00915712'); renderElementFromAjaxResponse(data, 'articleTopLevelMessages', function(data, elem){ $(elem).css("margin-top", "20px").find(".errorContainerText").prepend('<i class="icon icn-alert"></i>'); //$(elem).find("p").css("padding-left", "30px"); $(elem).find('.errorContainer').addClass('hfl-error--container'); $(elem).find('.focusButton').addClass('btn btn-primary'); }); renderElementFromAjaxResponse(data, 'productInfoConfigurationFirstStepHeader'); renderElementFromAjaxResponse(data, 'productInfoConfigurationAttributes'); renderElementFromAjaxResponse(data, 'configurationAttributesNotValid'); //start getting more dynamicaly loaded information if($("#productPriceInformation").length){ var $productPackageInfo = $("#productRequestedPackagesInformation_P-00915712"); var selectedArticlePriceInfo = $("#selectedArticlePriceInfo_P-00915712"); var $productPartListInfo = $("#productBomArticlesInformation"); if($(window).width() > 991) { if(($productPackageInfo.length > 0 && $productPackageInfo.children().length > 0) || ($productPartListInfo.length > 0 && $productPartListInfo.children().length > 0)){ $("#productPriceInformation").hide(); } } renderElementFromAjaxResponse(data, 'productPriceInformation', function(){ if($(window).width() > 991) { if(($productPackageInfo.length > 0 && $productPackageInfo.children().length > 0) || ($productPartListInfo.length > 0 && $productPartListInfo.children().length > 0)){ var $priceContainer = $("#productPriceInformation").clone(); $("#productPriceInformation").remove(); //$priceContainer.insertBefore($productPackageInfo); selectedArticlePriceInfo.html($priceContainer); $("#productPriceInformation").wrap("<div class='price-info-container movedPrice'></div>"); $("#productPriceInformation").children().wrap("<table></table>"); $("#productPriceInformation").show().closest('.description'); //$(".js-clone_display_price").html($("#productPriceInformation .pricedisplay").not(".hidden").html()); //adjustPriceOnRequest(); } } excludeProductFromCart(); //HafeleCustom.pricingTableMobileHandler(); specialStockStatusMessage(); }); } var wishLinkRes = $(data).find('#addToWishlistLinkContainer'); if (0 < wishLinkRes.length) { $('#addToWishlistLinkContainer').empty().html(wishLinkRes.html()); } var configAttributes = $(data).find('#productInfoConfigurationAttributes'); if (0 < configAttributes.length) { $('#productInfoConfigurationAttributes').empty().html(configAttributes.html()); if(configAttributes.html() != "") { $('.productConfiguration').show(); } $(data).filter('script').each(function(){ var scriptTags = $(this); $('#productInfoConfigurationAttributes').append(scriptTags); }); $('#productInfoConfigurationAttributes').initializeForms(); //check if there are selected values in the url var currenturl = window.location.href.toString(); var configItemsPreSelected = []; $('.js-configAttribute').each(function() { var name = $(this).attr("name"); if (name && (typeof(currentProductID) != 'undefined')) { // id-free name value name = name.replace(currentProductID + '_', '').replace('VariationAttribute_', ''); // lookup this name in the current Url and add it as value var match = currenturl.match(name + "=([^&#]+)"); if (match && match.length > 1) { $(this).val(match[1]); configItemsPreSelected.push($(this)); } } }); // validate all configuration attributes to get the price if it is valid var selectConfigAttributes = $('select.js-configAttribute'); $(selectConfigAttributes).on('change', function(e){ var isConfigValid = isConfigurationValid(); if(isConfigValid){ getPriceConfigurationProduct(); } }) // validate all configuration attributes. Only attributes with class 'js-configValidation' are checked. // If the conf attribute is select box, then it should not be validated and should not contain class 'js-configValidation' var validateElements = $('#productInfoConfigurationAttributes .js-configValidation'); $(validateElements).on('change keypress keyup', function(e){ //if elements js-configNumericValidation class, it will be check on the next function if (this.classList.contains("js-configNumericValidation")){ return; } if((e.type == 'keypress' && e.which == 13) || e.type == 'change' || e.type == "keyup"){ var header = $('#productInfoConfigurationAttributes .configurationStep'); $(header).removeClass('stepPassedSuccessfully'); $(header).find('.icon').addClass('hidden'); removeElementValidationError(this); //check if the attribute is empty and mandatory validateConfigField(this, configErrorMessages); // checks if all other attributes are valid. If yes, change/remove the flyout message // and the header is green. var isConfigValid = isConfigurationValid(); if(isConfigValid){ // add product to basket when enter is pressed if(e.type == 'keypress' && e.which == 13) { e.preventDefault(); e.stopPropagation(); $(document).find("#addToCartLink").click(); } if(e.type == 'change') { getPriceConfigurationProduct(); } $(header).addClass('stepPassedSuccessfully'); $(header).find('.icon').removeClass('hidden'); toggleConfigurationHeaderMessage(true); pdpModel.hasValidConfig(true); } else { pdpModel.hasValidConfig(false); // highlight error/missing fields on enter if(e.type == 'keypress' && e.which == 13) { e.preventDefault(); applyValidation(); } } } }); var validateNumericElements = $('#productInfoConfigurationAttributes .js-configNumericValidation'); $(validateNumericElements).on('change keypress keyup', function(e){ if((e.type == 'keypress' && e.which == 13) || e.type == 'change' || e.type == "keyup"){ var header = $('#productInfoConfigurationAttributes .configurationStep'); $(header).removeClass('stepPassedSuccessfully'); $(header).find('.icon').addClass('hidden'); removeElementValidationError(this); //check if the attribute is empty and mandatory var mandatoryResult = checkMandatoryConfigAttribute(this); if(!mandatoryResult){ var msg = configErrorMessages.EMPTY; addElementValidationError(this, msg); } // validate the INT and FLOAT attributes against the numeric-min/max-condition var decimalSeparator = "."; var groupingSeparator = "'"; validateNumericField(this, configErrorMessages, decimalSeparator, groupingSeparator); // checks if all other attributes are valid. If yes, change/remove the flyout message. // and the header is green. var isConfigValid = isConfigurationValid(); if(isConfigValid){ // add product to basket when enter is pressed if(e.type == 'keypress' && e.which == 13) { e.preventDefault(); e.stopPropagation(); $(document).find("#addToCartLink").click(); } if(e.type == 'change') { getPriceConfigurationProduct(); } $(header).addClass('stepPassedSuccessfully'); $(header).find('.icon').removeClass('hidden'); toggleConfigurationHeaderMessage(true); pdpModel.hasValidConfig(true); }else{ pdpModel.hasValidConfig(false); // highlight error/missing fields on enter if(e.type == 'keypress' && e.which == 13) { e.preventDefault(); applyValidation(); } } } }); if (configItemsPreSelected.length > 0) { $.each(configItemsPreSelected, function(){ $(this).trigger('change'); }); } } var isConfigValid = isConfigurationValid(); if(isConfigValid){ var header = $('#productInfoConfigurationAttributes .configurationStep'); $(header).addClass('stepPassedSuccessfully'); $(header).find('.icon').removeClass('hidden'); toggleConfigurationHeaderMessage(true); pdpModel.hasValidConfig(true); getPriceConfigurationProduct(); }else{ pdpModel.hasValidConfig(false); } var contactInfoBox = $(data).find('#variantArticleContactInfoBox'); if (0 < contactInfoBox.length) { $('#variantArticleContactInfoBox').addClass('errorContainer'); $('#variantArticleContactInfoBox').empty().html(contactInfoBox.html()); } copyFrontEndDebugInfoToFooter(); //prepare functionality to select pricetypes for display preparePriceSelect(); // handle visibility of action buttons HafeleCustom.hubpageActionButtonHandler(); if ($('#articleTopLevelMessages').children().length > 0) { $("#js-view-error").removeClass('hide'); } }, error: function() { $('#priceSelectContainer').empty(); $('#priceSelectContainer').find('.loader').remove(); $('#productPriceInformation').empty(); $('#productAvailabilityInformation').empty(); $('#productScaledPriceInformation').empty(); $('.productRequestedPackagesInformation').each(function(i, obj) { obj.empty() }); $('.productAvailablePackagesInformation').each(function(i, obj) { obj.empty() }); $('#productBomArticlesInformation').empty(); $('#articleTopLevelMessages').empty(); $('#productInfoConfigurationAttributes').empty().hide() }, timeout: 30000 }); }); AjaxLateExecutionProcess( function(){ $.ajax({ type: 'GET', dataType: 'html', url: 'https://www.haefele.ch/INTERSHOP/web/WFS/Haefele-HCH-Site/fr_CH/-/CHF/ViewProduct-GetPriceType?SKU=P-00915712', success: function(data) { $('#priceSelectContainer .loader, #productPriceInformation .loader').addClass('hidden'); var priceTypeSelectorResult = $(data).find('#priceSelectContainer'); if(0 < priceTypeSelectorResult.length) { $('#priceSelectContainer,.js-clone_price-type').empty().html(priceTypeSelectorResult.html()); $(".js-clone_price-type .priceTypeSelect").attr("name","PriceTypeClone"); } else { $('#priceSelectContainer,.js-clone_price-type').find('.loader').remove(); } //prepare functionality to select pricetypes for display preparePriceSelect(); }, error: function() { $('#priceSelectContainer,.js-clone_price-type').empty(); }, timeout: 30000 }); }); function doAjax(quantityElem){ var quantityValue = $(quantityElem).val(); var baseUrl = 'https://www.haefele.ch/INTERSHOP/web/WFS/Haefele-HCH-Site/fr_CH/-/CHF/ViewProduct-GetPriceAndAvailabilityInformationPDS?SKU=P-00915712&ProductQuantity='; baseUrl += quantityValue+"&SynchronizationAjaxToken="+(++synchronizationAjaxToken); $.ajax({ type: 'POST', dataType: 'html', url: baseUrl, data: $("#productPageAddToBasket").serialize(), async:false, success: function(data) { //get the synchronization token from the response var synchronizerRes = $(data).find('#synchronizationAjaxToken'); var synchronizerResValue = null; if(0 < synchronizerRes.length){ synchronizerResValue = synchronizerRes.attr("data-synchronization-token"); } if(synchronizerResValue == synchronizationAjaxToken){ var confirmedQuantityRes = $(data).find('#confirmedQuantityResponse'); //set the confirmed quantity from the response to the input field if the user input is different then empty string if(quantityValue != '' && confirmedQuantityRes){ var confirmedQuantityValue = confirmedQuantityRes.attr('data-confirmed-quantity'); if(parseFloat(confirmedQuantityValue.replace(',', '.')) > 0){ $(quantityElem).val(confirmedQuantityValue); } } handleAjaxResponse(data, pdpModel, quantityElem); //availability message - doAjax //availabilityMessage(data); renderElementFromAjaxResponse(data, 'productPriceInformation'); //$(".js-clone_display_price").html($("#productPriceInformation .pricedisplay").not(".hidden").html()); renderElementFromAjaxResponse(data, 'productScaledPriceInformation', function(){ //$("#productAvailablePackagesInformation_P-00915712").parent().find("#productScaledPriceInformation").remove(); var $priceTable = $("#productScaledPriceInformation"); $priceTable.find("table").each(function(){ var parentClasses = $(this).closest("td").attr("class"); $(this).addClass("table table-bordered productOrderPriceTable").unwrap().wrap("<div class='"+parentClasses+"'></div>"); }); var $elem = $("#productScaledPriceInformation .scaledPricesLabel"); var text = $elem.addClass("hidden").text(); if($(".scaledPricesLabel").length){ $(".scaledPricesLabel").html(text).addClass('packUnitTitle').insertBefore($elem); } else { $("<td class='scaledPricesLabel packUnitTitle'></td>").html(text).insertBefore($elem); } $priceTable.find("table tr:first-child").css({'background-color': '#f3f3f3', 'font-weight':'bold'}); $priceTable.appendTo($("#productAvailablePackagesInformation_P-00915712").parent()); }); //check if main qty input field is check to alter the packaging info // if mandatory accessories are clicked dont update if($(quantityElem)[0].id == 'ConditionConfiguration_pds_quantity_1'){ renderElementFromAjaxResponse(data, 'productAvailabilityInformation'); renderElementFromAjaxResponse(data, 'productBomArticlesInformation'); renderElementFromAjaxResponse(data, 'productRequestedPackagesInformation_P-00915712'); renderElementFromAjaxResponse(data, 'productAvailablePackagesInformation_P-00915712'); } //if the article is not available add error class to the input quantity field var articleNotAvailable = $(data).find('#articleNotAvailable'); if(quantityValue != '' && 0 < articleNotAvailable.length && articleNotAvailable.attr('data-article-not-available') == 'true'){ $('#ConditionConfiguration_pds_quantity_1').addClass('error'); } } $(".loadingLayer-top, .loadingLayer-bottom").removeClass("show"); var elem = document.getElementById('FrontEndDebugInfoContainer'); if(elem && elem.firstElementChild) { elem.firstElementChild.remove(); } copyFrontEndDebugInfoToFooter(); }, error: function() { $('#priceSelectContainer').empty(); $('#priceSelectContainer').find('.loader').remove(); $('#productPriceInformation').empty(); $('#productAvailabilityInformation').empty(); $('#productScaledPriceInformation').empty(); $('.productRequestedPackagesInformation').each(function(i, obj) { obj.empty() }); $('.productAvailablePackagesInformation').each(function(i, obj) { obj.empty() }); $('#productBomArticlesInformation').empty(); $('.loadingLayer-top, .loadingLayer-bottom').removeClass('show'); }, timeout: 50000 }); } //an ajax request is send when the user stop the writing var changeTimerDelay = 700; var changeTimer = false; $("#ConditionConfiguration_pds_quantity_1, .jsAccessoryQty").on('input', function(){ var qtyInput = $(this); qtyInput.removeClass('error') quantityValue = $(this).val(); if(changeTimer !== false){ clearTimeout(changeTimer); } changeTimer = setTimeout(function(){ $('#productScaledPriceInformation .pricedisplay').each(function(){ if(!$(this).hasClass('hidden')){ $(".loadingLayer-top").addClass("show"); } }); if($('.loadingLayer-bottom').find('table').length > 0){ $('.loadingLayer-bottom').addClass("show"); } if($(qtyInput).hasClass("jsAccessoryQty")) { /*To validate required product qty field only after selecting its varient from dropdown*/ if( $(qtyInput).closest(".js-qty-ref-container").find(".selectBoxArticleNoMcr > option:selected").val() != '' ) { doAjax(qtyInput); } else { return false; } } else { doAjax(qtyInput); } changeTimer = false; },changeTimerDelay); }); $('#AddToWishlist').click(function() { var loginRedirectForm = $('<form method="post" action="https://www.haefele.ch/fr/account/login/"><input type="hidden" name="TargetURL" value="/fr/produkt/unit-de-r-servoir-de-force-pour-compas-pour-porte-relevante-aventos-hs-servo-drive-lectrique-/P-00915712/"/></form>'); loginRedirectForm.appendTo($('body')); loginRedirectForm.submit(); }); }); } </script><script type="text/javascript" language="JavaScript"> $( document ).ready(function() { setTimeout(function(){$(".product-link-container-parent-block").append($(".custome-link-images-pdp").html()); }, 500); $('[id^=media-video]').mediaelementplayer({ plugins: ['flash'], pluginPath: '/INTERSHOP/static/WFS/Haefele-HCH-Site/-/-/fr_CH/assets/mediaelementplayer/', flashName: 'flashmediaelement.swf', features: ['playpause','progress','current','duration','volume'], alwaysShowControls: true, enablePluginSmoothing: true, stretching: 'auto', success: function (mediaElement, domObject) { mediaElement.addEventListener("ended", function(e) { // Revert to the poster image when ended setTimeout(function() { var jqueryMediaElement = (mediaElement.id) ? jQuery("#"+mediaElement.id) : jQuery(mediaElement); jqueryMediaElement.parents(".mejs-inner").find(".mejs-poster").show(); }, 200); }); //Workaround to display the video and the poster in a correct manner when using flash. In modern Chromium based browsers this would result in oversized posters. if (mediaElement.id.indexOf('flash')>-1) { $('#video'+'').attr("width", "1"); $('#video'+'').attr("height", "1"); } } }); }); </script><script> $(document).ready(function(){ $('#storeVertical').addClass('is-active'); }); </script><div class="ws-small-loader"></div> <div id="loadingLayer" class="jsOnly"></div> <div id="js-consignmentSuggestFlyout" style="position: absolute;" class="suggestResult consignmentSuggestResult"> <ul data-bind="foreach: getConsignments"> <li class="js-suggestItem suggestItem" data-bind="if: isVisible() ,css: { active: isSelected() }, attr: {'data-index': index}"> <div class="js-suggestItemContent suggestItemContent" data-bind="html: getFormattedConsignment"> </div> </li> </ul> </div> <script type="text/javascript"> var consignmentSuggestController = new ConsignmentSuggestController( { inputSelector: '.js-consignment,.js-inputConsignment', dataUrl: 'https://www.haefele.ch/INTERSHOP/web/WFS/Haefele-HCH-Site/fr_CH/-/CHF/ViewSuggestSearch-SuggestConsignments' }); ko.applyBindings(consignmentSuggestController, document.getElementById('js-consignmentSuggestFlyout')); </script> </body> </html>