CINXE.COM
V-Force | Chargeur V-HFM3 | Crown Equipment
<!DOCTYPE html> <!--[if lt IE 7]> <html class="no-js ie ie6 lte9 lte8 lte7"> <![endif]--> <!--[if IE 7]> <html class="no-js ie ie7 lte9 lte8 lte7"> <![endif]--> <!--[if IE 8]> <html class="no-js ie ie8 lte9 lte8"> <![endif]--> <!--[if IE 9]> <html class="no-js ie ie9 lte9 lt-ie10"> <![endif]--> <!--[if gt IE 9]> <html class="no-js"> <![endif]--> <!--[if !IE]><!--> <html class="no-js"> <!--<![endif]--> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> <meta name="keywords"/> <meta name="description" content="Les chargeurs de batterie pour chariots élévateurs V-Force V-HFM3 de Crown sont plus efficaces que les autres chargeurs haute efficacité, et ils procurent plus de puissance dans un format plus compact et empilable, qui économise autant l’espace que l’énergie."/> <meta name="viewport" content="width=device-width, initial-scale=1"/> <!--Granite CSS --> <!--Canonical URL--> <script defer="defer" type="text/javascript" src="/.rum/@adobe/helix-rum-js@%5E2/dist/rum-standalone.js"></script> <link rel="canonical" href="https://www.crown.com/fr-ca/batteries-and-chargers/vhfm3-charger.html"/> <!--Granite JS --> <script src="/etc/clientlibs/global-web/granite.lc-924b68355282635f248afbd8a75c823e-lc.min.js"></script> <script type="text/javascript"> var pageDomain="https:\/\/www.crown.com";</script> </meta> </meta> <script> // Define dataLayer and the gtag function. window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} // Set default consent to 'denied' as a placeholder gtag('consent', 'default', { 'ad_user_data': 'denied', 'ad_personalization': 'denied', 'ad_storage': 'denied', 'analytics_storage': 'denied', }); <!-- Google Tag Manager --> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MJLHW2'); <!-- End Google Tag Manager --> <!-- Google Optimize --> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-35686931-1', 'auto'); ga('require', 'GTM-PG9R4SC'); <!-- Google Optimize --> function consentGranted(){ gtag('consent', 'update', { 'ad_user_data': 'granted', 'ad_personalization': 'granted', 'ad_storage': 'granted', 'analytics_storage': 'granted' }); } </script> <link rel="icon" type="image/vnd.microsoft.icon" href="/content/dam/crown/images/favicon.ico"/> <link rel="stylesheet" href="/etc/clientlibs/global-web/page/head/css/compiled/application.css"/> </link> <title>V-Force | Chargeur V-HFM3 | Crown Equipment</title> <link rel="alternate" hreflang="en-us" href="https://www.crown.com/en-us/batteries-and-chargers/vhfm3-charger.html"/> <link rel="alternate" hreflang="en-ca" href="https://www.crown.com/en-ca/batteries-and-chargers/vhfm3-charger.html"/> <link rel="alternate" hreflang="fr-ca" href="https://www.crown.com/fr-ca/batteries-and-chargers/vhfm3-charger.html"/> <link rel="alternate" hreflang="en-bb" href="https://www.crown.com/en-la/batteries-and-chargers/vhfm3-charger.html"/> <link rel="alternate" hreflang="en-ky" href="https://www.crown.com/en-la/batteries-and-chargers/vhfm3-charger.html"/> <link rel="alternate" hreflang="en-jm" href="https://www.crown.com/en-la/batteries-and-chargers/vhfm3-charger.html"/> <link rel="alternate" hreflang="en-tt" href="https://www.crown.com/en-la/batteries-and-chargers/vhfm3-charger.html"/> <link rel="alternate" hreflang="es" href="https://www.crown.com/es-la/batteries-and-chargers/vhfm3-charger.html"/> <link rel="alternate" hreflang="en-br" href="https://www.crown.com/en-br/batteries-and-chargers/vhfm3-charger.html"/> <link rel="alternate" hreflang="pt-br" href="https://www.crown.com/pt-br/batteries-and-chargers/vhfm3-charger.html"/> <link rel="alternate" hreflang="en-au" href="https://www.crown.com/en-au/batteries-and-chargers/vhfm3-charger.html"/> <link rel="alternate" hreflang="en-nz" href="https://www.crown.com/en-nz/batteries-and-chargers/vhfm3-charger.html"/> <link rel="alternate" hreflang="en-ph" href="https://www.crown.com/en-ph/batteries-and-chargers/vhfm3-charger.html"/> <link rel="alternate" hreflang="en-my" href="https://www.crown.com/en-my/batteries-and-chargers/vhfm3-charger.html"/> <link rel="alternate" hreflang="en-sg" href="https://www.crown.com/en-sg/batteries-and-chargers/vhfm3-charger.html"/> <link rel="alternate" hreflang="en-kr" href="https://www.crown.com/en-kr/batteries-and-chargers/vhfm3-charger.html"/> <link rel="alternate" hreflang="ko-kr" href="https://www.crown.com/ko-kr/batteries-and-chargers/vhfm3-charger.html"/> <link rel="alternate" hreflang="en-th" href="https://www.crown.com/en-th/batteries-and-chargers/vhfm3-charger.html"/> <link rel="alternate" hreflang="th-th" href="https://www.crown.com/th-th/batteries-and-chargers/vhfm3-charger.html"/> <link rel="alternate" hreflang="en-vn" href="https://www.crown.com/en-vn/batteries-and-chargers/vhfm3-charger.html"/> <link rel="alternate" hreflang="vi-vn" href="https://www.crown.com/vi-vn/batteries-and-chargers/vhfm3-charger.html"/> <link rel="alternate" hreflang="en" href="https://www.crown.com/en-eu/batteries-and-chargers/forklift-battery-charger-vhfm3.html"/> <link rel="alternate" hreflang="de-de" href="https://www.crown.com/de-de/batterien-ladegeraete/forklift-battery-charger-vhfm3.html"/> <link rel="alternate" hreflang="de" href="https://www.crown.com/de-eu/batterien-ladegeraete/forklift-battery-charger-vhfm3.html"/> <link rel="alternate" hreflang="es-es" href="https://www.crown.com/es-es/baterias-y-cargadores/forklift-battery-charger-vhfm3.html"/> <link rel="alternate" hreflang="cs-cz" href="https://www.crown.com/cs-cz/baterie-a-nabijecky/forklift-battery-charger-vhfm3.html"/> <!-- Fonts for crown.com --> <link rel="stylesheet" href="https://use.typekit.net/teg2oye.css"/> </head> <!-- Copyright Crown Equipment Corporation. All rights reserved. --> <body> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MJLHW2" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <input type="hidden" id="isoLanguageCountryCode" value="fr-CA"/> <link rel="stylesheet" href="/etc.clientlibs/global-web/clientlibs/clientlib-vendor.lc-ecafdfecbde2289002f0578413993c39-lc.min.css" type="text/css"> <script src="/etc.clientlibs/global-web/clientlibs/clientlib-vendor.lc-65f898139c7e0d2a5d8a92360ae0f892-lc.min.js"></script> <header> <!-- we need to add/set this property in CRX/DE for related regions 404 pages--> <p id="is404" hidden></p> <div class="modal fade" id="ecatalog-viewer-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog modal-full-page"> <div class="modal-content"> <a class="btn close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></a> <div class="modal-body"> <div id="ecatalog"></div> </div> </div> </div> </div> <div class="modal fade" id="cookiePolicyModal" tabindex="-1" role="dialog"> <div class="modal-dialog modal-dialog-centered vertical-align-center" role="document"> <div class="modal-content"> <a class="btn close" data-dismiss="modal" aria-label="Close" id="modalBtnCloseCookieNotAccept"> <span aria-hidden="true" class="float-right">×</span> </a> <div class="modal-body"> <h2 style=" text-align: center; "><span style=" font-weight: normal; "><b>Nous utilisons des témoins de connexion et des modules d’extension pour:</b></span></h2> <p style=" text-align: center; ">Améliorer la fonctionnalité et les performances<br /> Personnaliser le contenu et les publicités<br /> Proposer des fonctions relatives aux réseaux sociaux=<br /> Analyser le trafic sur notre page Web</p> <p style=" text-align: center; ">Il peut s’agir de transférer vos données personnelles à des tiers situés dans des pays autres que votre pays ou région de résidence, qui n’offrent pas le même niveau de protection des données. Nous ne traiterons les données recueillies par les témoins de connexion et/ou transférerons ces données que si vous donnez votre accord en cliquant sur “Accepter les témoins”. Vous pouvez retirer votre consentement à tout moment. Des renseignements supplémentaires sont disponibles dans <a href="/fr-ca/privacy-policy.html">les politiques de confidentialité</a> et la <a href="/fr-ca/cookie-policy-legal-notice.html">mention légale</a>.</p> <div id="cookie-modal-buttons"> <button type="button" class="btn btn-cta text-white background-orange" id="modalCookieAccept" data-dismiss="modal">Accepter les témoins</button> <button type="button" class="btn btn-cta text-white background-orange" id="modalCookieNotAccept" data-dismiss="modal">Refuser les témoins</button> </div> </div> </div> </div> </div> <div><div class="cookiepolicy"> <script> jQuery(document).ready(function() { Crown.Components.CookiePolicy.checkCookiePolicyStatus(); }); $(window).resize(function(){ let cookiePolicy = Crown.Common.Cookies.readCookie("cookiePolicy"); let width = window.innerWidth; if(cookiePolicy != "accepted") { if (width > 767 ) { $(".cookiePolicyMobile").removeClass("show"); $(".cookiePolicyMobile").addClass("hide"); $(".cookie-policy").addClass("show"); } else { $(".cookie-policy").removeClass("show"); $(".cookie-policy").addClass("hide"); $(".cookiePolicyMobile").addClass("show"); } } }); function onHover() { $("#closeButton").css("backgroundColor", "#f7f7f7"); $("#closeButtonMobile").css("backgroundColor", "#f7f7f7"); } function onHoverOut() { $("#closeButton").css("backgroundColor", ""); $("#closeButtonMobile").css("backgroundColor", ""); } function delayCookieView() { let width = window.innerWidth; if (width > 767 ) { $(".cookie-policy").removeClass("hide"); $(".cookie-policy").addClass("show"); } else { $(".cookiePolicyMobile").removeClass("hide"); $(".cookiePolicyMobile").addClass("show"); } } </script> </div> </div> <div><div class="header iparsys parsys"> <div class="newpar new section"> </div> <div class="par iparys_inherited"> <div class="header"><header class="header-main"> <div class="d-none d-md-block"><div class="container-fluid clearfix localeselectorheader background-light-black"> <div id="menubar" class="container"> <ul> <a onclick="addLocaleSelectorGA('Trouvez un concessionnaire')" href="/content/fr-ca/forklift-dealers" tabindex="0"> Trouvez un concessionnaire </a> <span>|</span> <span> <a href="#" onclick="addLocaleSelectorGA('Nous joindre')" data-toggle="modal" data-target="#modal-form" data-formsource="/content/fr-ca/contact-us.html" tabindex="0"> Nous joindre </a> </span> <span>|</span> <a onclick="addLocaleSelectorGA('English')" href="/content/en-ca" tabindex="0"> English </a> <span>|</span> <span> <li><a onclick="Crown.Common.Cookies.eraseCookie('crownlocation'); addLocaleSelectorGA('Canada – français (modifier)');" href="/global-selector-page.html" tabindex="0">Canada – français (modifier)</a> </li> </span> </ul> </div> </div> <script> window.addEventListener("load", () => { if("") { $.ajax({ url: "/content/fr-ca/jcr:content/header/header/locatorselector" + ".userTokenValidate.json", type: 'GET', dataType: 'json', success: function(response) { if(response.isValid) { $('.signIn').hide(); $('.signInMobile').hide(); $('.myAccount').show(); $('.myAccountMobile').show(); } else { $('.signIn').show(); $('.signInMobile').show().css('display', 'inline-flex'); $('.myAccount').hide(); $('.myAccountMobile').hide(); if(response.isUnauthorized) { $("#authErrorModal").modal(); } } }, error: function() { // Using console log as there is no error that the user will see if an error happens. Waiting for store to implement a solution console.log("Token validation Failure"); $('.signIn').show(); $('.myAccount').hide(); } }) } }); $(document).click(function(event) { if("") { const signInDropdown = $(".signIn"); const myAccountDropdown = $(".myAccount"); if($("#signInDropdownContent").hasClass("show") && !signInDropdown.is(event.target) && !signInDropdown.has(event.target).length) { toggleAuthDropdown("signIn"); } else if($("#myAccountDropdownContent").hasClass("show") && !myAccountDropdown.is(event.target) && !myAccountDropdown.has(event.target).length) { toggleAuthDropdown("myAccount"); } else if($("#myAccountDropdownMobile").hasClass("show") && !$(event.target).is('.myAccountButtonMobile, .myAccountUserIcon, .myAccountPortion')) { $("#myAccountDropdownMobile").toggleClass("show"); $(".myAccountMobile").css("max-height", "55px"); $(".myAccountPortion").removeClass("myAccountCaretUp"); } } }); function addLocaleSelectorGA(labelName) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn"))) { dataLayer.push({ 'event': 'header_nav_click', 'eventCategory': 'Header Navigation', 'eventAction': labelName, 'eventLabel': currentPage }); } } } // Toggle hide and show behavior for Sign In and My Account dropdowns function toggleAuthDropdown(dropdownType) { const dropdownClass = "#" + dropdownType + "DropdownContent"; $(dropdownClass).toggleClass("show"); if($(dropdownClass).hasClass("show")) { toggleAuthButtonCSS("#c2c2c2", "#333", dropdownType); $("." + dropdownType + "Button").addClass("caretUp"); } else { toggleAuthButtonCSS("#444", "#fff", dropdownType); $("." + dropdownType + "Button").removeClass("caretUp"); } } // Toggle CSS of SignIn and My Account buttons function toggleAuthButtonCSS(background, color, buttonType) { $("." + buttonType).css("background-color", background); $("." + buttonType + "Button").css("color", color); $("." + buttonType + " .textIcon").css("color", color); } function onSignInButtonClick() { $.ajax({ url: "/content/fr-ca/jcr:content/header/header/locatorselector" + ".auth0login.json", type: 'GET', data: { redirectUrl: window.location.pathname, hash: window.location.hash, urlParams: window.location.search.substring(1) }, dataType: 'json', success: function(result) { if(result.redirect === true) { window.location = result.location; } }, error: function() { alert("Redirection Failure, please try again after sometime"); } }); } function onSignOutButtonClick() { $.ajax({ url: "/content/fr-ca/jcr:content/header/header/locatorselector" + ".auth0logout.json", type: 'GET', data: { redirectUrl: window.location.pathname, hash: window.location.hash, urlParams: window.location.search.substring(1) }, dataType: 'json', success: function(result) { if(result.redirect === true) { window.location = result.location; } }, error: function(result) { alert("Redirection Failure"); } }); } $(".signIn").keypress(function(event) { if(event.keyCode === 13) { toggleAuthDropdown("signIn"); } }); $(".myAccount").keypress(function(event) { if(event.keyCode === 13) { toggleAuthDropdown("myAccount"); } }); $(".signOutText").keypress(function(event) { if(event.keyCode === 13) { toggleAuthDropdown("myAccount"); } }); $(".signInBtn").keypress(function(event) { if(event.keyCode === 13) { onSignInButtonClick(); } }) </script></div> <nav class="navbar theme-nav-main" role="navigation"> <div class="theme-container-nav"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-main" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="hamburger"> <i class="fas fa-bars fa-fw"></i> </span> <span class="close"> × </span> </button> <div class="nav-logo"> <a class="navbar-brand theme-navbar-brand" href="/fr-ca.html" tabindex="0"> <img class="img-responsive" src="/content/dam/crown/logos/logo.png" alt="Crown Equipment Corporation" title="Crown" data-emptytext="Logo"/> </a> </div> <!--* this is part of the main nav *--> <div class="nav-button-navigation navbar-right text-right d-xl-none"> <ul class="list-inline"> <li> <a href="tel:5143423471" onclick="addDealerLocatorCTAGA('(514) 342\u002D3471 Click')" class="btn-dealerLocator btn-orange dealerLocatorMobile" tabindex="0"> <i class="fas fa-phone-alt dealerLocatorIcon"></i> <span class="btn-dealerLocator-text">(514) 342-3471</span> </a> <script> function addDealerLocatorCTAGA(eventLabel) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn"))) { dataLayer.push({ 'event': 'main_nav_find_dealer', 'eventCategory': 'Call to Actions', 'eventLabel': eventLabel, 'eventAction': 'Header' }); } } } </script> </li> <li> <a class="btn-search btn-rounded btn-grey-lightester text-black" href="javascript: void(0);" style="background: transparent !important" data-toggle="modal" data-target="#modal-search"> <i class="fas fa-search headerSearchIcon"></i> </a> </li> </ul> <!--* end main nav *--> </div> <span class="headerItems"> <!-- Copyright Crown Equipment Corporation. All rights reserved. --> <div class="collapse navbar-collapse theme-navbar-collapse low" data-activedrawer="" id="navbar-main"><!-- removed from class: navbar-left --> <ul class="nav navbar-nav theme-navbar-nav "> <li class="dropdown"> <a class="dropdown-toggle" unique-id="2134249538" data-toggle="dropdown" id="drawer" onclick="triggerFirstItemClick_(this); triggerDrawerClick(this);" tabindex="0" href="javascript: void(0);"> Produits </a> <div class="dropdown-menu multi-level theme-nav-dropdown-menu background-black dualLayer" role="menu"> <div class="container container-dropdown text-black background-black dualLayerContainer" id="minHeight_"> <div class="row"> <div class="col-xl-3 col-sm-12 theme-nav-dropdown-menu-list-container dualLayerMenuListContainer"> <ul class="firstLayerList" id="firstLayerListId2134249538"> <li id="item02134249538" side-content-url="/content/fr-ca/main-navigation-drawer/products" unique-id="2134249538" class="dropdown-submenu firstLayerItem_ "> <a id="item02134249538Text" class="firstLayerText" data-toggle="dropdown-menu" tabindex="-1" href="#">Chariots élévateurs Crown</a> <!-- Second Level Dropdown goes here--> <div class="d-block d-xl-none "> <div class="secondLayerInner"> <ul class="dropdown-menu hideContent secondLayerMobileList" id="item02134249538ChildListMobile"> <li> <a onclick="addMainNavGA('Produits', 'Sélecteur de produit')" class="secondLayerText" tabindex="-1" href="/fr-ca/forklift-product-selector.html">Sélecteur de produit</a> </li> <li> <a onclick="addMainNavGA('Produits', 'Transpalettes')" class="secondLayerText" tabindex="-1" href="/fr-ca/forklifts/pallet-trucks.html">Transpalettes</a> </li> <li> <a onclick="addMainNavGA('Produits', 'Gerbeurs')" class="secondLayerText" tabindex="-1" href="/fr-ca/forklifts/stackers.html">Gerbeurs</a> </li> <li> <a onclick="addMainNavGA('Produits', 'Chariots élévateurs électriques à contrepoids')" class="secondLayerText" tabindex="-1" href="/fr-ca/forklifts/electric-counterbalance-forklifts.html">Chariots élévateurs électriques à contrepoids</a> </li> <li> <a onclick="addMainNavGA('Produits', 'Chariots élévateurs à contrepoids combustion interne')" class="secondLayerText" tabindex="-1" href="/fr-ca/forklifts/internal-combustion-counterbalance-forklifts.html">Chariots élévateurs à contrepoids combustion interne</a> </li> <li> <a onclick="addMainNavGA('Produits', 'Chariots à fourches extensibles')" class="secondLayerText" tabindex="-1" href="/fr-ca/forklifts/reach-trucks.html">Chariots à fourches extensibles</a> </li> <li> <a onclick="addMainNavGA('Produits', 'Préparateurs de commandes à poste de conduite élevable')" class="secondLayerText" tabindex="-1" href="/fr-ca/forklifts/man-up-order-pickers.html">Préparateurs de commandes à poste de conduite élevable</a> </li> <li> <a onclick="addMainNavGA('Produits', 'Tous les chariots élévateurs')" class="secondLayerText" tabindex="-1" href="/fr-ca/forklifts.html">Tous les chariots élévateurs</a> </li> </ul> </div> </div> </li> <li class="firstLayerLink"> <a tabindex="-1" onclick="addMainNavGA('Produits', 'Chariots élévateurs tout\u002Dterrain')" href="/fr-ca/rough-terrain.html">Chariots élévateurs tout-terrain</a> </li> <li class="firstLayerLink"> <a tabindex="-1" onclick="addMainNavGA('Produits', 'Location de chariots élévateurs')" href="/fr-ca/forklift-rentals.html">Location de chariots élévateurs</a> </li> <li class="firstLayerLink"> <a tabindex="-1" onclick="addMainNavGA('Produits', 'Chariots élévateur réusinés')" href="/fr-ca/remanufactured-forklifts.html">Chariots élévateur réusinés</a> </li> <li class="firstLayerLink"> <a tabindex="-1" onclick="addMainNavGA('Produits', 'Chariots élévateurs d\x27occasion')" href="/fr-ca/pre-owned-forklifts.html">Chariots élévateurs d'occasion</a> </li> <li class="firstLayerLink"> <a tabindex="-1" onclick="addMainNavGA('Produits', 'Batteries et chargeurs V\u002DForce')" href="/fr-ca/batteries-and-chargers.html">Batteries et chargeurs V-Force</a> </li> <li class="firstLayerLink"> <a tabindex="-1" onclick="addMainNavGA('Produits', 'Voir tous les produits')" href="/fr-ca/products.html">Voir tous les produits</a> </li> </ul> </div> <div class="col-xl-3 d-none d-xl-block float-left secondLayerDesktopDiv"> <ul class="firstLayerList" id="secondLayerList"> <!-- Second Level Dropdown goes here--> <div class="secondLayerDiv hideContent" id="item02134249538Child"> <ul class="secondLayerDesktopList"> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('Produits', 'Sélecteur de produit')" tabindex="-1" href="/fr-ca/forklift-product-selector.html">Sélecteur de produit</a> </li> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('Produits', 'Transpalettes')" tabindex="-1" href="/fr-ca/forklifts/pallet-trucks.html">Transpalettes</a> </li> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('Produits', 'Gerbeurs')" tabindex="-1" href="/fr-ca/forklifts/stackers.html">Gerbeurs</a> </li> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('Produits', 'Chariots élévateurs électriques à contrepoids')" tabindex="-1" href="/fr-ca/forklifts/electric-counterbalance-forklifts.html">Chariots élévateurs électriques à contrepoids</a> </li> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('Produits', 'Chariots élévateurs à contrepoids combustion interne')" tabindex="-1" href="/fr-ca/forklifts/internal-combustion-counterbalance-forklifts.html">Chariots élévateurs à contrepoids combustion interne</a> </li> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('Produits', 'Chariots à fourches extensibles')" tabindex="-1" href="/fr-ca/forklifts/reach-trucks.html">Chariots à fourches extensibles</a> </li> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('Produits', 'Préparateurs de commandes à poste de conduite élevable')" tabindex="-1" href="/fr-ca/forklifts/man-up-order-pickers.html">Préparateurs de commandes à poste de conduite élevable</a> </li> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('Produits', 'Tous les chariots élévateurs')" tabindex="-1" href="/fr-ca/forklifts.html">Tous les chariots élévateurs</a> </li> </ul> </div> <!-- Second Level Dropdown goes here--> <div class="secondLayerDiv hideContent" id="item12134249538Child"> </div> <!-- Second Level Dropdown goes here--> <div class="secondLayerDiv hideContent" id="item22134249538Child"> </div> <!-- Second Level Dropdown goes here--> <div class="secondLayerDiv hideContent" id="item32134249538Child"> </div> <!-- Second Level Dropdown goes here--> <div class="secondLayerDiv hideContent" id="item42134249538Child"> </div> <!-- Second Level Dropdown goes here--> <div class="secondLayerDiv hideContent" id="item52134249538Child"> </div> <!-- Second Level Dropdown goes here--> <div class="secondLayerDiv hideContent" id="item62134249538Child"> </div> </ul> </div> <div class="col-xl-6 d-none d-xl-block container-side-content dualLayerSideContent" id="drawer-side-content"></div> </div> </div> </div> <script> let currentActiveParent_ = ""; let currentActiveChild_ = ""; let currentActiveChildMobile_ = ""; $(document).ready(function() { $('.firstLayerItem_').on("click", function(e) { const selectedOptionId = e.currentTarget.id; const sideContentUrl = $('#' + selectedOptionId).attr('side-content-url'); // Load side content $.ajax({ url: sideContentUrl + '.html', success: function(html) { let content = $("<div />").html(html).find("#content"); $('#drawer-side-content').html(content); } }); // Toggle Second Layer Drop-downs toggleSecondLayerDropDowns_(selectedOptionId); $(this).next('ul').toggle(); e.stopPropagation(); e.preventDefault(); }); // Redirect to the specified link when the user clicks on the second dropdown option $('.secondLayerText').on('click', function(e) { e.preventDefault(); window.location.href = $(this).attr('href'); }) }); // Clicks on the first option in the list to load the side content and the second layer on desktop function triggerFirstItemClick_(element) { const firstLayerListId = '#firstLayerListId' + element.getAttribute('unique-id'); let firstDropdownItemId = $('ul' + firstLayerListId + ' li:first').get(0).id; if(element.getAttribute('aria-expanded') !== 'true') { $("#" + firstDropdownItemId).trigger("click"); hideDropdown(firstDropdownItemId + "ChildListMobile"); $('#' + firstDropdownItemId + 'Text').removeClass('caretUp'); } $("#"+ firstDropdownItemId+"Child").find("li a[tabindex='-1']").each( function() { $(this).attr("tabindex", 0); }); $(firstLayerListId).find("li a[tabindex='-1']").each( function() { $(this).attr("tabindex", 0); }) } function toggleSecondLayerDropDowns_(selectedOptionId) { const newChild = selectedOptionId + 'Child'; const newChildMobile = selectedOptionId + 'ChildListMobile'; // Check if the selected option's dropdown is open already. If it is, open/close the dropdown. If not, close the current dropdown and open the selected option's dropdown if((currentActiveChild_ === "" && currentActiveChildMobile_ === "") || (currentActiveChild_ === newChild && currentActiveChildMobile_ === newChildMobile)) { currentActiveChild_ = newChild; currentActiveChildMobile_ = newChildMobile; currentActiveParent_ = selectedOptionId; // Change the css of the selected option $('#' + selectedOptionId + 'Text').addClass('firstLayerSelectedColor'); // Check if the selected dropdown is open/closed and toggle the dropdown accordingly (2nd layer dropdown should not close in desktop view) if($('#' + currentActiveChild_).hasClass('showContent') && $('#' + currentActiveChildMobile_).hasClass('showContent')) { hideDropdown(currentActiveChildMobile_); $('#' + selectedOptionId + 'Text').removeClass('caretUp'); } else { showDropdown(currentActiveChild_); showDropdown(currentActiveChildMobile_); $('#' + selectedOptionId + 'Text').addClass('caretUp'); } } else { hideDropdown(currentActiveChild_); hideDropdown(currentActiveChildMobile_); showDropdown(newChild); showDropdown(newChildMobile); // Toggle first layer css on select $('#' + currentActiveParent_ + 'Text').removeClass('firstLayerSelectedColor'); $('#' + currentActiveParent_ + 'Text').removeClass('caretUp'); $('#' + selectedOptionId + 'Text').addClass('firstLayerSelectedColor'); $('#' + selectedOptionId + 'Text').addClass('caretUp'); currentActiveChild_ = newChild; currentActiveChildMobile_ = newChildMobile; currentActiveParent_ = selectedOptionId; } } function hideDropdown(divId) { $('#' + divId).removeClass('showContent'); $('#' + divId).addClass('hideContent'); $('#'+ divId).find("li a[tabindex='0']").each(function() { $(this).attr("tabindex", -1); }) } function showDropdown(divId) { $('#' + divId).removeClass('hideContent'); $('#' + divId).addClass('showContent'); $('#'+ divId).find("li a[tabindex='-1']").each(function() { $(this).attr("tabindex", 0); }) } $(document).ready(function() { $('#drawer').parent().on("hidden.bs.dropdown", function() { $('#firstLayerListId2134249538').find("li a[tabindex='0']").each( function() { $(this).attr("tabindex", -1); }); $(this).find(".secondLayerDesktopList li a[tabindex='0']").each( function() { $(this).attr("tabindex", -1); }); $('#drawer-side-content').empty() }); }) </script> <script> function addMainNavGA(drawerName, linkName) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn"))) { dataLayer.push({ 'event': 'main_nav_click', 'eventCategory': 'Header Navigation', 'eventAction': drawerName, 'eventLabel': linkName }); } } } </script> </li> <li class="dropdown"> <!-- Copyright Crown Equipment Corporation. All rights reserved. --> <a data-target="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="dropdown-toggle " id="drawer_0" onclick="triggerDrawerClick(this)" tabindex="0" href="javascript: void(0);"> Solutions </a> <label class="hidden"> Drawer</label> <div class="dropdown-menu theme-nav-dropdown-menu background-black" role="menu"> <div class="container container-dropdown text-white background-black"> <div class="row"> <div class="col-md-4 theme-nav-dropdown-menu-list-container"> <ul class="theme-nav-dropdown-menu-list drawer_0"> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Solutions', 'Solutions l\x27automatisation')" href="/fr-ca/automation.html">Solutions l'automatisation</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Solutions', 'Gestion de la flotte')" href="/fr-ca/fleet-management.html">Gestion de la flotte</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Solutions', 'Options de financement')" href="/fr-ca/financing.html">Options de financement</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Solutions', 'Solutions énergétiques')" href="/fr-ca/v-force-energy-solutions.html">Solutions énergétiques</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Solutions', 'Solutions d\x27entreposage')" href="/fr-ca/warehouse-solutions.html">Solutions d'entreposage</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Solutions', 'Voir toutes les solutions')" href="/fr-ca/solutions.html">Voir toutes les solutions</a> </li> </ul> </div> <div class="col-md-8 hide-sm container-side-content" id="drawer_0-side-content"></div> </div> </div> <div class="dropdown-bottom-line"></div> </div> <script type="text/javascript"> $(document).ready(function() { $('#drawer_0').on("click", function() { $.ajax({ url: '/content/fr-ca/main-navigation-drawer/solutions.html', success: function(html) { let content = $("<div />").html(html).find("#content"); $('#drawer_0-side-content').html(content); } }); }); $('#drawer_0').parent().on("hidden.bs.dropdown", function() { $('.drawer_0').find("li a[tabindex='0']").each( function() { $(this).attr("tabindex", -1); }); $('#drawer_0-side-content').empty(); }) }); </script> <script> function addMainNavGA(drawerName, linkName) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn"))) { dataLayer.push({ 'event': 'main_nav_click', 'eventCategory': 'Header Navigation', 'eventAction': drawerName, 'eventLabel': linkName }); } } } </script> </li> <li class="dropdown"> <!-- Copyright Crown Equipment Corporation. All rights reserved. --> <a data-target="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="dropdown-toggle " id="drawer_1" onclick="triggerDrawerClick(this)" tabindex="0" href="javascript: void(0);"> Soutien </a> <label class="hidden"> Drawer</label> <div class="dropdown-menu theme-nav-dropdown-menu background-black" role="menu"> <div class="container container-dropdown text-white background-black"> <div class="row"> <div class="col-md-4 theme-nav-dropdown-menu-list-container"> <ul class="theme-nav-dropdown-menu-list drawer_1"> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Soutien', 'Sécurité et formation')" href="/fr-ca/safety-training.html">Sécurité et formation</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Soutien', 'Pièces et entretien')" href="/fr-ca/service-parts.html">Pièces et entretien</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Soutien', 'Réseau de concessionnaires')" href="/fr-ca/forklift-dealers.html">Réseau de concessionnaires</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Soutien', 'Voir toutes les options de soutien')" href="/fr-ca/support.html">Voir toutes les options de soutien</a> </li> </ul> </div> <div class="col-md-8 hide-sm container-side-content" id="drawer_1-side-content"></div> </div> </div> <div class="dropdown-bottom-line"></div> </div> <script type="text/javascript"> $(document).ready(function() { $('#drawer_1').on("click", function() { $.ajax({ url: '/content/fr-ca/main-navigation-drawer/support.html', success: function(html) { let content = $("<div />").html(html).find("#content"); $('#drawer_1-side-content').html(content); } }); }); $('#drawer_1').parent().on("hidden.bs.dropdown", function() { $('.drawer_1').find("li a[tabindex='0']").each( function() { $(this).attr("tabindex", -1); }); $('#drawer_1-side-content').empty(); }) }); </script> <script> function addMainNavGA(drawerName, linkName) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn"))) { dataLayer.push({ 'event': 'main_nav_click', 'eventCategory': 'Header Navigation', 'eventAction': drawerName, 'eventLabel': linkName }); } } } </script> </li> <li class="dropdown"> <!-- Copyright Crown Equipment Corporation. All rights reserved. --> <a data-target="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="dropdown-toggle " id="drawer_2" onclick="triggerDrawerClick(this)" tabindex="0" href="javascript: void(0);"> Pourquoi Crown? </a> <label class="hidden"> Drawer</label> <div class="dropdown-menu theme-nav-dropdown-menu background-black" role="menu"> <div class="container container-dropdown text-white background-black"> <div class="row"> <div class="col-md-4 theme-nav-dropdown-menu-list-container"> <ul class="theme-nav-dropdown-menu-list drawer_2"> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Pourquoi Crown?', 'Pourquoi choisir Crown?')" href="/fr-ca/why-crown.html">Pourquoi choisir Crown?</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Pourquoi Crown?', 'Résultats des clients')" href="/fr-ca/customer-results.html">Résultats des clients</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Pourquoi Crown?', 'Durabilité')" href="/fr-ca/sustainability.html">Durabilité</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Pourquoi Crown?', 'Reconnaissance de l\x27industrie')" href="/fr-ca/awards.html">Reconnaissance de l'industrie</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Pourquoi Crown?', 'Notre Blog')" href="/fr-ca/blog.html">Notre Blog</a> </li> </ul> </div> <div class="col-md-8 hide-sm container-side-content" id="drawer_2-side-content"></div> </div> </div> <div class="dropdown-bottom-line"></div> </div> <script type="text/javascript"> $(document).ready(function() { $('#drawer_2').on("click", function() { $.ajax({ url: '/content/fr-ca/main-navigation-drawer/why-crown.html', success: function(html) { let content = $("<div />").html(html).find("#content"); $('#drawer_2-side-content').html(content); } }); }); $('#drawer_2').parent().on("hidden.bs.dropdown", function() { $('.drawer_2').find("li a[tabindex='0']").each( function() { $(this).attr("tabindex", -1); }); $('#drawer_2-side-content').empty(); }) }); </script> <script> function addMainNavGA(drawerName, linkName) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn"))) { dataLayer.push({ 'event': 'main_nav_click', 'eventCategory': 'Header Navigation', 'eventAction': drawerName, 'eventLabel': linkName }); } } } </script> </li> <li data-name="createddrawer_3" data-path="/content/fr-ca/jcr:content/header/header/mainnav/createddrawer_3"> <a href="/fr-ca/forklift-dealers.html" class="dropdown-toggle link-only mobile-only link-only">Trouvez un concessionnaire</a> <script> function addMainNavGA(drawerName, linkName) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn"))) { dataLayer.push({ 'event': 'main_nav_click', 'eventCategory': 'Header Navigation', 'eventAction': drawerName, 'eventLabel': linkName }); } } } </script> </li> <li data-name="createddrawer_4" data-path="/content/fr-ca/jcr:content/header/header/mainnav/createddrawer_4"> <a href="/fr-ca/contact-us.html" class="dropdown-toggle link-only mobile-only link-only">Nous joindre</a> <script> function addMainNavGA(drawerName, linkName) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn"))) { dataLayer.push({ 'event': 'main_nav_click', 'eventCategory': 'Header Navigation', 'eventAction': drawerName, 'eventLabel': linkName }); } } } </script> </li> <li data-name="createddrawer_5" data-path="/content/fr-ca/jcr:content/header/header/mainnav/createddrawer_5"> <a href="/en-ca.html" class="dropdown-toggle link-only mobile-only link-only">English</a> <script> function addMainNavGA(drawerName, linkName) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn"))) { dataLayer.push({ 'event': 'main_nav_click', 'eventCategory': 'Header Navigation', 'eventAction': drawerName, 'eventLabel': linkName }); } } } </script> </li> <li class="dropdown"> <!-- Copyright Crown Equipment Corporation. All rights reserved. --> <a href="/global-selector-page.html" class="{drawer.textColor} mobile-only link-only" onclick="Crown.Common.Cookies.eraseCookie('crownlocation');">Location / Language</a> <label class="hidden" id="Location / Language">Location / Language Drawer</label> <div class="dropdown-menu theme-nav-dropdown-menu background-black" role="menu" aria-labelledby="Location / Language"> <div class="container container-dropdown text-white background-black"> <div class="row"> <div class="col-md-4 theme-nav-dropdown-menu-list-container"> <ul class="theme-nav-dropdown-menu-list createddrawer_6"> <li role="presentation"> <a onclick="Crown.Common.Cookies.eraseCookie('crownlocation'); addMainNavGA('Location \/ Language', 'Canada – français (modifier)')" role="menuitem" tabindex="-1" href="/global-selector-page.html">Canada – français (modifier)</a> </li> </ul> </div> <div class="col-md-8 hide-sm container-side-content" id="createddrawer_6-side-content"></div> </div> </div> <div class="dropdown-bottom-line"></div> </div> <script type="text/javascript"> $(document).ready(function() { $('#createddrawer_6').on("click", function() { $.ajax({ url: '.html', success: function(html) { let content = $("<div />").html(html).find("#content"); $('#createddrawer_6-side-content').html(content); } }); }); $('#createddrawer_6').parent().on("hidden.bs.dropdown", function() { $('.createddrawer_6').find("li a[tabindex='0']").each( function() { $(this).attr("tabindex", -1); }); $('#createddrawer_6-side-content').empty(); }) }); </script> <script> function addMainNavGA(drawerName, linkName) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn"))) { dataLayer.push({ 'event': 'main_nav_click', 'eventCategory': 'Header Navigation', 'eventAction': drawerName, 'eventLabel': linkName }); } } } </script> </li> </ul> <div class="d-xl-none"> <div class="col-xs-12 container-theme-nav-dropdown-close"> <button data-target="#navbar-main" data-toggle="collapse" class="theme-nav-dropdown-close mobile-nav-dropdown-close"> Fermer </button> </div> </div> </div> <script> function triggerDrawerClick(value) { let activeDrawer = $("#navbar-main").attr("data-activedrawer"); let ariaExpanded = value.getAttribute('aria-expanded'); if(ariaExpanded !== 'true') { $('.search-form-wrapper').removeClass('open'); } if(activeDrawer === "") { $("#navbar-main").attr("data-activedrawer", value.id); } else if(ariaExpanded !== 'true' && activeDrawer !== "") { $('#' + activeDrawer + '-side-content').empty(); $("#navbar-main").attr("data-activedrawer", value.id); } $("."+value.id).find("li a[tabindex='-1']").each( function() { $(this).attr("tabindex", 0); }); if(ariaExpanded === 'true') { $("."+value.id).find("li a[tabindex='0']").each( function() { $(this).attr("tabindex", -1); }); } // Closing the auth dropdowns on drawer click. // Since locale selector will always be on page when the Ecomm Functionality is enabled, using a common toggle method from it if('') { if($("#signInDropdownContent").hasClass("show")) { toggleAuthDropdown("signIn"); } else if($("#myAccountDropdownContent").hasClass("show")) { toggleAuthDropdown("myAccount"); } else if($("#myAccountDropdownMobile").hasClass("show")) { $("#myAccountDropdownMobile").toggleClass("show"); $(".myAccountMobile").css("max-height", "55px"); $(".myAccountPortion").removeClass("myAccountCaretUp"); } } } function toggleMyAccountMobileDropdown() { const myAcctDrpDwnMob = $("#myAccountDropdownMobile"); myAcctDrpDwnMob.toggleClass("show"); if(myAcctDrpDwnMob.hasClass("show")) { $(".myAccountMobile").css("max-height", "5000px"); $(".myAccountPortion").addClass("myAccountCaretUp"); } else { $(".myAccountMobile").css("max-height", "55px"); $(".myAccountPortion").removeClass("myAccountCaretUp"); } } </script> <!--* this is part of the main nav *--> <div class="nav-button-navigation navbar-right d-none d-xl-block"> <ul class="list-inline"> <li> <a href="tel:5143423471" onclick="addDealerLocatorCTAGA('(514) 342\u002D3471 Click')" class="btn-dealerLocator btn-orange dealerLocatorMobile" tabindex="0"> <i class="fas fa-phone-alt dealerLocatorIcon"></i> <span class="btn-dealerLocator-text">(514) 342-3471</span> </a> <script> function addDealerLocatorCTAGA(eventLabel) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn"))) { dataLayer.push({ 'event': 'main_nav_find_dealer', 'eventCategory': 'Call to Actions', 'eventLabel': eventLabel, 'eventAction': 'Header' }); } } } </script> </li> <li> <a class="btn-search btn-rounded btn-grey-lightester text-black" style="background: transparent !important" data-toggle="modal" data-target="#modal-search" href="javascript: void(0);"> <i class="fas fa-search headerSearchIcon"></i> <!--* load sitesearchbox here in Author Mode to ensure CQ rollover highlight is constrained to the search icon *--> </a> </li> </ul> </div> </span> <!--/.nav-collapse --> <!--* end main nav *--> </div> </div> </nav> </header> <!--* load sitesearchbox here in Publish mode so it can extend the fulll width of the window *--> <div class="modal fade modal-sitesearch " id="modal-search" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="container"> <a class="btn close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></a> </div> <div class="modal-body"> <div class="container container-sitesearch"> <form action="/fr-ca/search-results.html" accept-charset="UTF-8"> <label for="sitesearch"> <i class="fas fa-search sitesearch-icon"></i> <span class="sr-only"> Search </span> </label> <input id="sitesearch" class="sitesearch" maxlength="2048" name="q" placeholder="Search"/> </form> </div> </div> </div> </div> </div> <div class="modal" id="authErrorModal" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <div class="authModalTitle"> <i class="far fa-times-circle"></i> <h5 class="modal-title"></h5> </div> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <p></p> <span class="closeIcon" aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <p> <a class="createAccountLink"> .</a> </p> </div> <div class="modal-footer"> <button type="button" class="btn btn-link cancelButton" data-dismiss="modal"> </button> <button type="button" id="createAccountBtnId" class="btn btn-orange btn-rounded btn-block createAccountButton"> </button> </div> </div> </div> </div> <div><div class="modal fade" id="dealerPrivacyHeaderModal" tabindex="-1" role="dialog"> <div class="modal-dialog modal-dialog-centered vertical-align-center" role="document"> <div class="modal-content"> <a class="btn close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </a> <div class="modal-body modal-color"> <span id="dealerPrivacyContent" class="dealer-info-auth-text"></span><br/><br/> <p class="text-center"> <button type="button" class="btn btn-cta text-black background-grey-lightest" id="dealerRejectHeader" data-dismiss="modal" onClick="showDealerDetails()"></button>     <button type="button" class="btn btn-cta text-white background-orange" id="dealerAcceptHeader" data-dismiss="modal"></button> </p> </div> </div> </div> </div> <div class="modal fade" id="dealerInfoHeaderModal" tabindex="-1" role="dialog"> <div class="modal-dialog modal-dialog-centered vertical-align-center" role="document"> <div class="modal-content"> <a class="btn close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </a> <div class="modal-body modal-color"> <span id="dealerDetailsText" class="dealer-info-auth-text"></span><br/><br/> <span id="dealerInfoContent" style="font-size:18px;"></span> <p class="text-center"> <button type="button" class="btn btn-cta text-black background-grey-lightest" id="closeDealerHeader" onClick="closeModalForm()" data-dismiss="modal"></button>     </p> </div> </div> </div> </div> <script> function closeModalForm() { $("#modal-form .close").click(); } </script> </div> <script> let shopBaseUrl = "https:\/\/api.caeiox1tx\u002Dcrownequi1\u002Dp1\u002Dpublic.model\u002Dt.cc.commerce.ondemand.com"; let sessionCartUrl = "/crowncommercewebservices/v2/crown/carts/session-cart"; let storeCartUrl = "/crown/en/cart"; $(document).ready(function() { if("") { let eCommUrl = shopBaseUrl + sessionCartUrl; if(eCommUrl !== undefined) { loadCartInfo(eCommUrl); } } $('.navbar-toggle').click(function() { if(this.getAttribute("aria-expanded")) { $('.search-form-wrapper').removeClass('open'); } }); }); function loadCartInfo(eCommUrl) { $.ajax({ url: eCommUrl, type: 'GET', dataType: "json", xhrFields: { withCredentials: true }, crossDomain: true, headers: { 'Accept': 'application/json', 'Content-Type': 'application/json', }, success: function(response) { document.getElementById('cartItemCountDesktop').innerText = '( ' + response.totalItems + ' )'; } }); } function onCartClick() { let eCommCartUrl; eCommCartUrl = shopBaseUrl + storeCartUrl; window.location.replace(eCommCartUrl); } $(".cartIcon").keypress(function(event) { if(event.keyCode === 13 ){ onCartClick(); } }); document.getElementById('createAccountBtnId').addEventListener('click', ()=>{ window.location = ""; }); </script> </div> </div> </div> </div> <!--* to pull in the modal - Please DO NOT remove *--> <div> <div class="modal fade modal-form-viewer" id="modal-form" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog modal-full-page modal-lg"> <div class="modal-content"> <div class="btn close ml-auto" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></div> <div class="modal-body modal-color"> <div class="container-form-viewer"> <div class="form-viewer" id="modal-content-form"> </div> </div> </div> </div> </div> </div> </div> <script> //from http://getbootstrap.com/javascript/#modals $("#modal-form").off().on("show.bs.modal", function(event) { var button = $(event.relatedTarget); var formSource = button.data("formsource"); var queryString = button.data("querystring"); var branchID = getBranchId(queryString, "branchID"); getPageContent(formSource, branchID, queryString); }); $("#modal-form").on("hidden.bs.modal", function () { $("#modal-content-form").empty(); }); function getBranchId(qString, sParam) { if(qString != undefined) { var sURLVariables = qString.split("&"); if(sURLVariables != undefined) { for(var i = 0; i < sURLVariables.length; i++) { var sParameterName = sURLVariables[i].split("="); if(sParameterName[0] == sParam) { return sParameterName[1].replace("%20", " ").trim(); } } } } return ""; } function getPageContent(formSource, branchID, queryString) { $.ajax({ url: formSource, success: function(html) { var content = $("<div />").html(html).find("#content"); $("#modal-content-form").html(content); } }).done(function() { if($('.contactformcomponent').length > 0) { var formId = $('#modal-content-form').find('.contact-us-form').attr('id'); var uniqueId = "_".concat(formId.split("_")[1]); if((branchID !== undefined) && (branchID.length > 0)) { $("#branchID" + uniqueId).val(branchID); } $('.contactformcomponent').addClass("modal-width"); var aoiSelection = Crown.Common.Helper.getQueryStringParamsFromString(queryString, "areaOfInterest"); var forkliftSelection = Crown.Common.Helper.getQueryStringParamsFromString(queryString, "liftTruck"); var rentalForkliftSelection = Crown.Common.Helper.getQueryStringParamsFromString(queryString, "rentalForklift"); var usedForkliftSelection = Crown.Common.Helper.getQueryStringParamsFromString(queryString, "usedForklift"); var fmSelection = Crown.Common.Helper.getQueryStringParamsFromString(queryString, "fleetManagementSelect"); var pAndSSelection = Crown.Common.Helper.getQueryStringParamsFromString(queryString, "partsAndService"); var infoLinkSelection = Crown.Common.Helper.getQueryStringParamsFromString(queryString, "infolinkList"); var brochureRequestSelection = Crown.Common.Helper.getQueryStringParamsFromString(queryString, "brochureRequestSelect"); var preOwnedForkliftsSelection = Crown.Common.Helper.getQueryStringParamsFromString(queryString, "preOwnedProducts"); var preferredLanguageSelection = Crown.Common.Helper.getQueryStringParamsFromString(queryString, "preferredLanguage"); var batteriesAndChargersSelection = Crown.Common.Helper.getQueryStringParamsFromString(queryString, "batteriesAndChargers"); populateSelectValue('#primaryAreaOfInterest' + uniqueId, aoiSelection); populateMultiSelectValue('#forkliftList' + uniqueId, forkliftSelection); populateMultiSelectValue('#usedForkliftList' + uniqueId, usedForkliftSelection); populateMultiSelectValue('#rentalForkliftList' + uniqueId, rentalForkliftSelection); populateSelectValue('#fleetManagementList' + uniqueId, fmSelection); populateSelectValue('#partsAndServiceList' + uniqueId, pAndSSelection); populateSelectValue('#infolinkList' + uniqueId, infoLinkSelection); populateMultiSelectValue('#brochureRequest' + uniqueId, brochureRequestSelection); populateMultiSelectValue('#preOwnedForklift' + uniqueId, preOwnedForkliftsSelection); populateSelectValue('#preferredLanguage' + uniqueId, preferredLanguageSelection); populateSelectValue('#batteriesAndChargersList' + uniqueId, batteriesAndChargersSelection); $(document).ready(function() { eval('if (typeof areaOfInterestChanged' + uniqueId + ' === "function") { areaOfInterestChanged' + uniqueId + '(aoiSelection) }'); eval('if (typeof fleetManagementChanged' + uniqueId + ' === "function") { fleetManagementChanged' + uniqueId + '(fmSelection) }'); }); } }); } function populateMultiSelectValue(controlName, value) { if((value !== undefined) && (value.length > 0)) { var dataArray = value.split(','); $(controlName).val(dataArray); } } function populateSelectValue(controlName, value1) { if((value1 !== undefined) && (value1.length > 0)) { $(controlName).val(value1); } } </script> <!--* to pull in the modal video - Please DO NOT remove *--> <div> <div class="modal fade modal-video-viewer" id="modal-video-viewer" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <a class="btn close ml-auto" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></a> <div class="modal-body"> <div class="embed-responsive embed-responsive-16by9" id="video-tag"> </div> </div> </div> </div> </div> </div> <script> //from http://getbootstrap.com/javascript/#modals jQuery("#modal-video-viewer").on("show.bs.modal", function(event) { var button = jQuery(event.relatedTarget); var videoSource = button.data("videosource"); var posterImage = button.data("posterimage"); var controls = button.data("controls"); var autoplay = button.data("autoplay"); var videoLoop = button.data("videoloop"); if(videoSource.indexOf("https://www.youtu") === 0) { jQuery("#video-tag").append('<iframe id="video-frame" src=' + videoSource + "&muted=1" + ' allowfullscreen allow="autoplay"></iframe>'); } else if(videoSource.indexOf("/content/") === 0) { jQuery("#video-tag").append('<video id="video-view" src=' + videoSource + ' poster=' + posterImage + '></video>'); jQuery("#video-view").attr("autoplay", autoplay); jQuery("#video-view").attr("loop", videoLoop); jQuery("#video-view").attr("controls", controls); } }); jQuery("#modal-video-viewer").on("hidden.bs.modal", function(e) { jQuery("#video-frame").remove(); jQuery("#video-view").remove(); }); </script> <form id="combinedSearchForm" name="combinedSearchForm" action="/fr-ca/search-results.html" accept-charset="UTF-8"> <div class="search-form-wrapper " id="search-form" aria-hidden="true"> <div class="inputgroup"> <input id="search-box" class="site-search" maxlength="2048" autocomplete="off" name="q" tabindex="0"/> <label for="search-box"> <i class="fas fa-search sitesearch-icon" id="searchIcon"></i> </label> <a class="btn search-close" aria-label="Close" href="javascript: void(0);" tabindex="0"><span aria-hidden="true">×</span></a> <div class="searchDropDown"> <div class="searchHeader"></div> <div id="searchSuggestions" class="searchItem"> </div> <div class="searchHeader"></div> <div id="searchResults" class="searchItem"> </div> </div> </div> </div> </form> <div class="breadcrumb-container"> <div class="breadcrumb"><a href="/fr-ca/batteries-and-chargers.html">Batteries et chargeurs</a>/</div> </div> <script> $(document).ready(function() { $('[data-toggle=search-form]').click(function() { $('#search-box').val(''); $('.search-form-wrapper').toggleClass('open'); $('#search-box').placeholder(); $('#search-box').focus(); }); $('[data-toggle=search-form-close]').click(function() { $('#search-box').val(''); $('.search-form-wrapper').removeClass('open'); }); $('.search-close').click(function() { $('#search-box').val(''); $('.search-form-wrapper').removeClass('open'); }); if(navigator.userAgent.indexOf('Mac') > 0) { $('.search-close').addClass('search-close-mac'); } }); $('#search-box').on('keyup', function() { let searchTerm = this.value; if(searchTerm) { $("#searchIcon").css("opacity", "1"); } else { $("#searchIcon").css("opacity", "0.65"); } if(searchTerm.length >= 3) { $("#searchSuggestions").empty(); $("#searchResults").empty(); $(".searchDropDown").css("display", "block"); getSearchSuggestions(searchTerm); getResultSuggestions(searchTerm) } else { $(".searchDropDown").css("display", "none"); } }); function getSearchSuggestions(searchTerm) { $.ajax({ url: "/content/fr-ca/jcr:content/header/header" + ".searchsuggestions" + ".json", type: "GET", async: true, dataType: "json", data: { "searchTerm": searchTerm, "pagesSearchPath": "/content/fr-ca" } }).done(function(response) { let resLength = response.suggestions.length; let suggLength = 3; if(resLength > 0 && resLength < 3) { suggLength = resLength; } $("#searchSuggestions").empty(); if(resLength > 0) { for(let i = 0; i < suggLength; i++) { let searchOption = response.suggestions[i]; $("#searchSuggestions").append("<div onclick='searchSubmit(\"" + searchOption + "\")'>" + searchOption + "</div>"); } } else { $("#searchSuggestions").append("<div> </div>"); } }); } function getResultSuggestions(searchTerm) { $.ajax({ url: "/content/fr-ca/jcr:content/header/header" + ".searchservlet" + ".json", type: 'GET', async: true, data: { "searchterm": searchTerm, "pagesize": 3, "pagesSearchPath": "/content/fr-ca" } }).done(function(response) { let totalMatches = response.totalMatches; let resultsLength = 3; if(totalMatches > 0 && totalMatches < 3) { resultsLength = totalMatches; } $("#searchResults").empty(); if(totalMatches > 0) { for(let i = 0; i < resultsLength; i++) { $("#searchResults").append("<div><a href='" + response.resultDetails[i].path + "'>" + searchTerm + "<span class='resultLinkTo'> in " + response.resultDetails[i].title + "</span></a></div>"); } } else { $("#searchResults").append("<div></div>"); } }); } function searchSubmit(suggestionText) { document.combinedSearchForm.q.value = suggestionText; document.getElementById("combinedSearchForm").submit(); } $(document).mouseup(function(e) { let container = $(".searchDropDown"); if(!container.is(e.target) && container.has(e.target).length === 0) { container.hide(); } }); </script> </header> <div><div class="socialConnect socialconnect"> <ul id="socialConnect-connect-list" role="group" class="socialConnect background-black text-white"> <li> <a href="/fr-ca/forklift-dealers.html" onclick="addSocialConnectGA('Trouver Un Concessionnaire')" tabindex="-1"> <span class="social-title">Trouver Un Concessionnaire</span> <i class="fas fa-map-marker-alt fa-fw"></i> </a> </li> <li> <a href="#" onclick="addSocialConnectGA('Demandez Conseil à Un Expert')" data-querystring="areaOfInterest=batteriesChargers" data-target="#modal-form" data-formsource="/content/fr-ca/contact-us.html" data-toggle="modal"> <span class="social-title">Demandez Conseil à Un Expert</span> <i class="fas fa-comment fa-fw"></i> </a> </li> <li> <a href="mailto:?Subject=VHFMS%20Charger%20%7C%20Crown%20Equipment%20&body=Bonjour%2C%20j’ai%20vu%20ceci%20sur%20crown.com%20et%20j’ai%20pensé%20que%20cela%20pourrait%20vous%20intéresser.%20Cliquez%20sur%20le%20lien%20suivant %3A%20%3Chttps%3A%2F%2Fwww.crown.com%2Ffr-ca%2Fbatteries-and-chargers%2Fvhfm3-charger.html%3E" onclick="addSocialConnectGA('Partager Par Courriel')" tabindex="-1"> <span class="social-title">Partager Par Courriel</span> <i class="far fa-envelope fa-fw"></i> </a> </li> </ul> <script> 'use strict'; jQuery(document).ready (function (){ var $socialShare = jQuery('#socialConnect-connect-list'); $socialShare.find('li').hover(function() { jQuery(this).addClass('hover'); }, function() { jQuery(this).removeClass('hover'); }); } ); function addSocialConnectGA(title) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn"))) { dataLayer.push({ 'event': 'side_nav_click', 'eventCategory': 'Side Navigation', 'eventAction': title, 'eventLabel': currentPage }); } } } </script></div> </div> <div> <div class="herocolumn"><div class="background-blacker"> <style> .herocolumn .container-fluid .container .row{ background-image: url('\2f content\2f dam\2f crown\2fimages\2f forklift-battery-chargers\2fhero\2fv-hfm-charger-hero-desktop.jpg'); } @media (max-width: 767px) { .herocolumn .container-fluid .container .row{ background-image: none; } } </style> <div class="container-fluid background-blacker"> <div class="container"> <div id="herocolumn_mainpar_herocolumn" class="clearfix row background-blacker text-white container-vertical-aligned padding-4x-top padding-4x-bottom"> <div class="col-md-6"> <div class="container-inner"> <div class="richText richtext"> <div class=" padding-2x-top width-100 component-left"> <h1>Chargeurs de batterie V-HFM<sup>3</sup> pour chariots élévateurs V-Force</h1> <h2>Un seul chargeur de batterie pour chariot élévateur répondant à tous les besoins</h2> <p>Nous révolutionnons la charge modulaire des batteries de chariots élévateurs avec une gamme de chargeurs de batterie multi-tension intelligents, connectés et efficaces.</p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> <div class="leftCTA calltoactionbutton"><div class="Left "> <a href="#" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" data-toggle="modal" data-formsource="/content/fr-ca/contact-us.html" data-target="#modal-form" data-querystring="areaOfInterest=batteriesChargers" onclick="addCTAGA('', '', '', '<p>Demander des renseignements sur le V\u002DHFM<sup>3<\/sup><\/p>\r\n')" tabindex="0"><p>Demander des renseignements sur le V-HFM<sup>3</sup></p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div> <div class="calltoactionbutton"><div class="Left padding-2x-bottom "> <a href="#" class="btn video-link btn-plain text-white " onmouseover="this.style.background = ``" onmouseout="this.style.background =''" data-videosource="https://www.youtube.com/embed/zq-67Q5FY7I?autohide=1&border=0&egm=0&showinfo=0&rel=0&autoplay=1&enablejsapi=1" data-toggle="modal" data-target="#modal-video-viewer" data-controls="false" data-videoloop="false" data-autoplay="false" onclick="addCTAGA('', '', '', '<p>Regarder la vidéo sur le V\u002DHFM<sup>3<\/sup><\/p>\r\n')" tabindex="0"><p>Regarder la vidéo sur le V-HFM<sup>3</sup></p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> </div> </div> </div> <div class="col-md-6"> <div class="container-inner"> <div class="image imagecomponent"><div class="container-image text-dark clearfix "> <div class="playButton"> <picture> <i class=" fa-4x"></i> <source srcset="/content/dam/crown/images/empty-img.png.transform/mobile-png-image/img.png" media="(max-width: 768px)"/> <source srcset="/content/dam/crown/images/empty-img.png.transform/tablet-png-image/img.png" media="(max-width: 992px)"/> <img class="img-responsive " src="/content/dam/crown/images/empty-img.png" alt=" "/> </picture> </div> </div> <!-- Script for responsive image--> </div> </div> </div> </div> </div> </div> </div> </div> <div class="stickynav"><!-- ~ Copyright Crown Equipment Corporation. All rights reserved. --> <div> <div class="wrapper-stickynav"> <div class="container-fluid background-grey-lightest"> <div class="container-stickynav background-grey-lightest" data-toggle="affix"> <div class="container"> <div class="background-grey-lightest "> <div class="container-stickynav-parent"> <ul id="mainpar_stickynav-anchor-list" class="nav horizontalScroll text-black"> <li role="presentation"> <a href="#features" onclick="addStickyNavGA('Fonctionnalités')" class="btn-stickynav"> Fonctionnalités </a> </li> <li role="presentation"> <a href="#modelsandspecifications" onclick="addStickyNavGA('Modèles et spécifications')" class="btn-stickynav"> Modèles et spécifications </a> </li> <li role="presentation"> <a href="#optionsandaccessories" onclick="addStickyNavGA('Options et accessoires')" class="btn-stickynav"> Options et accessoires </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> <div> <script> $(document).ready( function() { let lastId, topMenu = $("#mainpar_stickynav-anchor-list"), topMenuHeight = topMenu.outerHeight()+15, // All list items menuItems = topMenu.find("a"), // Anchors corresponding to menu items scrollItems = menuItems.map(function(){ let item = $($(this).attr("href")); if (item.length) { return item; } }); let toggleAffix = function(affixElement, scrollElement) { let height = affixElement.outerHeight(), top = $('.wrapper-stickynav').offset().top; if (scrollElement.scrollTop() >= top){ affixElement.addClass("affix"); } else { affixElement.removeClass("affix"); } }; $('[data-toggle="affix"]').each(function() { let ele = $(this); $(window).on('scroll resize', function() { toggleAffix(ele, $(this)); let fromTop = $(this).scrollTop()+topMenuHeight; // Get id of current scroll item let cur = scrollItems.map(function(){ if ($(this).offset().top < fromTop) return this; }); // Get the id of the current element cur = cur[cur.length-1]; let id = cur && cur.length ? cur[0].id : ""; if (lastId !== id) { lastId = id; // Set/remove active class menuItems .parent().removeClass("active") .end().filter("[href='#"+id+"']").parent().addClass("active"); } }); // init toggleAffix(ele, $(window)); }).find('.btn-stickynav').on('click', function(e) { // intercept clicks and scroll to position, otherise the sticky nav would cover the top of the content let target = jQuery(jQuery(this).attr('href')); jQuery('html,body').animate({ scrollTop: target.offset().top - $('.container-stickynav').outerHeight() }, .8 * 1000); return false; }); initStickyNav(); }); function addStickyNavGA(labelName) { let currentPage = window.location.href; let gaEventAction = ''; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && gaEventAction) { dataLayer.push({ 'event': 'subnav_click', 'eventCategory': 'Product Header Navigation', 'eventAction': gaEventAction, 'eventLabel': labelName }); } } } </script> </div> </div> <div class="column"> <div id="height_c16c1c6c513145348d27afcad0e9e1b5" style="height: px"> <div class="container-fluid "> <div class="container "> <div id="bgImage_c16c1c6c513145348d27afcad0e9e1b5" class="clearfix everyDevice text-black container-vertical-aligned row" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class=" col-md-6 vertical-align-middle"> <div class="container-inner"> <div class="imagecomponent"><div class="container-image padding-8x-left padding-2x-top text-dark clearfix "> <div class="playButton"> <picture> <i class=" fa-4x"></i> <source srcset="/content/dam/crown/images/forklift-battery-chargers/features/unparalleled-efficiency-update.jpg.transform/mobile-image/img.jpg" media="(max-width: 768px)"/> <source srcset="/content/dam/crown/images/forklift-battery-chargers/features/unparalleled-efficiency-update.jpg.transform/tablet-image/img.jpg" media="(max-width: 992px)"/> <img class="img-responsive " src="/content/dam/crown/images/forklift-battery-chargers/features/unparalleled-efficiency-update.jpg" alt="Efficacité de charge de 97%"/> </picture> </div> </div> <!-- Script for responsive image--> </div> </div> </div> <div class=" col-md-6 vertical-align-middle"> <div class="container-inner"> <div class="richtext"> <div class=" width-100 component-left"> <h3>Une efficacité énergétique extraordinaire<br> </h3> <p>Avec un rendement pouvant atteindre 97%, le chargeur haute fréquence V-HFM<sup>3</sup> est plus efficace que beaucoup d’autres offerts sur le marché. Il optimise intelligemment le taux de charge en fonction de divers facteurs afin de réduire le temps de charge et les dépenses.<br> </p> <p>Plus de puissance intégrée dans un format compact et empilable, qui économise également autant l’espace que l’énergie.<br> </p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> </div> </div> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_c16c1c6c513145348d27afcad0e9e1b5').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_c16c1c6c513145348d27afcad0e9e1b5').addClass('bricksRow'); } }); </script> <div> <script> $(document).ready(function() { var tallestColumnHeight = 0; $('.container-vertical-aligned').find('.col-vertical-aligned').each(function() { var $this = $(this); if(tallestColumnHeight < $this.height()) { tallestColumnHeight = $this.height(); } }); $('.container-vertical-aligned').find('.col-vertical-aligned').height(tallestColumnHeight); }) </script> </div> </div> <div class="column"> <div id="height_2fdad8898970463288847f539768f0ad" style="height: px"> <div id="features" class="container-fluid background-grey-lightester "> <div class="container background-grey-lightester "> <div id="bgImage_2fdad8898970463288847f539768f0ad" class="clearfix background-grey-lightester everyDevice text-black padding-4x-top padding-4x-bottom row" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class=" col-md-6 "> <div class="container-inner"> <div class="richtext"> <div class=" padding-2x-top width-100 component-left"> <h3>Un assistant de charge intelligent</h3> <p>Des capteurs et des affichages intelligents mesurent automatiquement la tension et fournissent des indications à l’aide de diodes électroluminescentes (DEL) de couleur pour rendre la charge à la fois simple, sûre et fiable. Appliquez automatiquement le profil de charge correct au branchement, sans avoir à utiliser de dispositif de surveillance.<br /> </p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> </div> <div class=" col-md-6 "> <div class="container-inner"> <div class="imagecomponent"><div class="container-image text-black clearfix "> <div class="playButton"> <picture> <i class=" "></i> <source srcset="/content/dam/crown/images/forklift-battery-chargers/features/sylvania-chargers3290.png.transform/mobile-png-image/img.png" media="(max-width: 768px)"/> <source srcset="/content/dam/crown/images/forklift-battery-chargers/features/sylvania-chargers3290.png.transform/tablet-png-image/img.png" media="(max-width: 992px)"/> <img class="img-responsive " src="/content/dam/crown/images/forklift-battery-chargers/features/sylvania-chargers3290.png" alt="Affichages intelligents"/> </picture> </div> </div> <!-- Script for responsive image--> </div> </div> </div> </div> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_2fdad8898970463288847f539768f0ad').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_2fdad8898970463288847f539768f0ad').addClass('bricksRow'); } }); </script> </div> <div class="column"> <div id="height_415fcaa133674ac4b8e25f52130ff2ef" style="height: px"> <div class="container-fluid "> <div class="container "> <div id="bgImage_415fcaa133674ac4b8e25f52130ff2ef" class="clearfix everyDevice text-black padding-4x-top padding-4x-bottom row" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class=" col-md-6 "> <div class="container-inner"> <div class="imagecomponent"><div class="container-image text-dark clearfix "> <div class="playButton"> <picture> <i class=" fa-4x"></i> <source srcset="/content/dam/crown/images/forklift-battery-chargers/features/future-flexibility-charging.jpg.transform/mobile-image/img.jpg" media="(max-width: 768px)"/> <source srcset="/content/dam/crown/images/forklift-battery-chargers/features/future-flexibility-charging.jpg.transform/tablet-image/img.jpg" media="(max-width: 992px)"/> <img class="img-responsive " src="/content/dam/crown/images/forklift-battery-chargers/features/future-flexibility-charging.jpg" alt="Flexible et évolutif"/> </picture> </div> </div> <!-- Script for responsive image--> </div> </div> </div> <div class=" col-md-6 "> <div class="container-inner"> <div class="richtext"> <div class=" padding-2x-top width-100 component-left"> <h3>Flexible et évolutif</h3> <p>Rechargez quasiment toutes les batteries de chariot élévateur de votre installation, qu’elles soient acide-plomb ou lithium-ion, sans craindre l’évolution des technologies. Ce chargeur de batterie à haute efficacité pour chariot élévateur évolue en fonction de vos besoins professionnels.<br /> </p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> </div> </div> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_415fcaa133674ac4b8e25f52130ff2ef').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_415fcaa133674ac4b8e25f52130ff2ef').addClass('bricksRow'); } }); </script> </div> <div class="column"> <div id="height_1a1c55e823f3469a8d77a76ced7f1d53" style="height: px"> <div class="container-fluid background-grey-lightester "> <div class="container background-grey-lightester "> <div id="bgImage_1a1c55e823f3469a8d77a76ced7f1d53" class="clearfix background-grey-lightester everyDevice text-black padding-4x-top padding-4x-bottom row" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class=" col-md-12 "> <div class="container-inner"> <div class="richtext"> <div class=" padding-2x-bottom width-100 component-left"> <h3 style="text-align: center;">Fonctionnalités connectées<br> </h3> <p style="text-align: center;">Configurez, surveillez et gérez les batteries et les chargeurs à distance. Les chargeurs V-HFM³ peuvent être intégrés les uns aux autres et à d’autres systèmes, comme le dispositif d’identification et de surveillance des batteries (BMID) V-Force de Crown, pour bénéficier de meilleures options de rapport et de contrôle.<br> </p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> <div class="column"> <div id="height_2cc288912a494f62bad684d213a2d441" style="height: px"> <div class="container-fluid "> <div class=" "> <div id="bgImage_2cc288912a494f62bad684d213a2d441" class="clearfix row-child everyDevice text-black tabColumnBgFullWidthRow" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class=" col-md-6 "> <div class="container-inner"> <div class="imagecomponent"><div class="container-image text-dark clearfix "> <div class="playButton"> <picture> <i class=" fa-4x"></i> <source srcset="/content/dam/crown/images/forklift-battery-chargers/options-and-accessories/sbq.jpg.transform/mobile-image/img.jpg" media="(max-width: 768px)"/> <source srcset="/content/dam/crown/images/forklift-battery-chargers/options-and-accessories/sbq.jpg.transform/tablet-image/img.jpg" media="(max-width: 992px)"/> <img class="img-responsive " src="/content/dam/crown/images/forklift-battery-chargers/options-and-accessories/sbq.jpg" alt="groupe de charge pour la mise en file d’attente simple de la batterie"/> </picture> </div> </div> <!-- Script for responsive image--> </div> <div class="richtext"> <div class=" width-100 component-left"> <h4>Mise en file d’attente simple des batteries (SBQ)</h4> <p>Plusieurs chargeurs V-HFM³ configurés en groupes de charge peuvent effectuer une mise en file d’attente simple des batteries (SBQ) en option, en surveillant l’état de charge le plus élevé ou le temps de charge le plus long pour indiquer quelle est la prochaine batterie disponible. Le système émet un avertissement lorsque la mauvaise batterie est sélectionnée. SBQ est une fonction logicielle sous licence facultative sur le chargeur HFM³.<br> </p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> <div class="calltoactionbutton"><div class="Left padding-2x-bottom "> <a href="#" class="btn video-link btn-plain text-dark " onmouseover="this.style.background = ``" onmouseout="this.style.background =''" data-videosource="https://www.youtube.com/embed/tO5uUK08kjA?autohide=1&border=0&egm=0&showinfo=0&rel=0&autoplay=1&enablejsapi=1" data-toggle="modal" data-target="#modal-video-viewer" data-controls="false" data-videoloop="false" data-autoplay="false" onclick="addCTAGA('', '', '', '<p>Voir la démonstration<\/p>\r\n')" tabindex="0"><p>Voir la démonstration</p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> </div> </div> <div class=" col-md-6 "> <div class="container-inner"> <div class="imagecomponent"><div class="container-image text-dark clearfix "> <div class="playButton"> <picture> <i class=" fa-4x"></i> <source srcset="/content/dam/crown/images/forklift-battery-chargers/options-and-accessories/drm.jpg.transform/mobile-image/img.jpg" media="(max-width: 768px)"/> <source srcset="/content/dam/crown/images/forklift-battery-chargers/options-and-accessories/drm.jpg.transform/tablet-image/img.jpg" media="(max-width: 992px)"/> <img class="img-responsive " src="/content/dam/crown/images/forklift-battery-chargers/options-and-accessories/drm.jpg" alt="fonction de connectivité pour la gestion de la réponse à la demande"/> </picture> </div> </div> <!-- Script for responsive image--> </div> <div class="richtext"> <div class=" width-100 component-left"> <h4>Gestion de la réponse à la demande (DRM)<br> <br> </h4> <p>La gestion de la réponse à la demande (DRM) est une fonction de connectivité sous licence facultative qui permet à un groupe de chargeurs de gérer sa demande d’énergie et ses coûts. Les déclencheurs peuvent être des limites de prix au comptant, des charges de pointe ciblées, une infrastructure limitée ou un dispositif fourni par la compagnie d’électricité.<br> </p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> <div class="calltoactionbutton"><div class=" "> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> </div> </div> </div> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_2cc288912a494f62bad684d213a2d441').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_2cc288912a494f62bad684d213a2d441').addClass('bricksRow'); } }); </script> </div> </div> </div> </div> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_1a1c55e823f3469a8d77a76ced7f1d53').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_1a1c55e823f3469a8d77a76ced7f1d53').addClass('bricksRow'); } }); </script> </div> <div class="column"> <div id="height_354691a8c4a44f21869e2ad890c629f6" style="height: px"> <div class="container-fluid "> <div class="container "> <div id="bgImage_354691a8c4a44f21869e2ad890c629f6" class="clearfix everyDevice text-black container-vertical-aligned padding-4x-bottom row" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class=" col-md-12 vertical-align-top"> <div class="container-inner"> <div class="modelcomparison"> <input type="hidden" id="modelcomparisonsize" value="3"/> <div id="modelsandspecifications"> <div class="container container-fluid container-modelcomparison text-black "> <h3 class="modelcomparison-title text-center">Chargeur triphasé de batterie V-HFM³</h3> <div class="row"> <div class="col-md-4 model odd"> <div class="row"> <div class="col-md-12"> <img src="/content/dam/crown/images/forklift-battery-chargers/models/fs3.jpg" alt="Modèle V-Force V-HFM³ FS3" class="img-responsive modelcomparison-product-image" title="Modèle V-Force V-HFM³ FS3"/> </div> <div class="col-md-12"> <div class="model-text"> <h5 class="modelcomparision-model-title">Chargeur de batterie de chariot élévateur FS3 300</h5> <ul><li>Chargeur triphasé de 208-600V<br /> </li><li>Compatible avec les batteries au plomb et au lithium-ion<br /> </li><li>Capacité de charge multi-tension: charge à 24V, 36V, 48V, 72V, 80V et 96V<br /> </li><li>Options de sortie jusqu’à 300 A<br /> </li><li>Égalisations automatiques par cycles ou date/heure<br /> </li></ul> <div class="ctaArea"> <div><div class="specsCTA calltoactionbutton"><div class="Left "> <a href="#" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" data-toggle="modal" data-formsource="/content/fr-ca/contact-us.html" data-target="#modal-form" data-querystring="areaOfInterest=batteriesChargers" onclick="addCTAGA('', '', '', '<p>Renseignez\u002Dvous sur les chargeurs FS3<\/p>\r\n')" tabindex="0"><p>Renseignez-vous sur les chargeurs FS3</p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> </div> <div><div class="brochureCTA calltoactionbutton"><div class=" "> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> </div> </div> </div> </div> </div> </div> <div class="col-md-4 model "> <div class="row"> <div class="col-md-12"> <img src="/content/dam/crown/images/batteries-and-chargers/models/fs4-with-new-charge-port.jpg" alt="Modèle FS4 de chargeur V-Force V-HFM³" class="img-responsive modelcomparison-product-image" title="Modèle FS4 de chargeur V-Force V-HFM³"/> </div> <div class="col-md-12"> <div class="model-text"> <h5 class="modelcomparision-model-title">Chargeur de batterie de chariot élévateur FS4 400</h5> <ul><li>Chargeur triphasé de 480-600V<br /> </li><li>Compatible avec les batteries au plomb et au lithium-ion<br /> </li><li>Capacité de charge multi-tension: charge à 24V, 36V, 48V, 72V, 80V et 96V<br /> </li><li>Options de sortie jusqu’à 400 A<br /> </li><li>Égalisations automatiques par cycles ou date/heure</li></ul> <div class="ctaArea"> <div><div class="specsCTA calltoactionbutton"><div class="Left "> <a href="#" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" data-toggle="modal" data-formsource="/content/fr-ca/contact-us.html" data-target="#modal-form" data-querystring="areaOfInterest=batteriesChargers" onclick="addCTAGA('', '', '', '<p>Renseignez\u002Dvous sur les chargeurs FS4<\/p>\r\n')" tabindex="0"><p>Renseignez-vous sur les chargeurs FS4</p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> </div> <div><div class="brochureCTA calltoactionbutton"><div class=" "> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> </div> </div> </div> </div> </div> </div> <div class="col-md-4 model odd"> <div class="row"> <div class="col-md-12"> <img src="/content/dam/crown/images/forklift-battery-chargers/models/fs6.jpg" alt="Modèle FS6 de chargeur V-Force V-HFM³" class="img-responsive modelcomparison-product-image" title="Modèle FS6 de chargeur V-Force V-HFM³"/> </div> <div class="col-md-12"> <div class="model-text"> <h5 class="modelcomparision-model-title">Chargeur de batterie de chariot élévateur FS6 600</h5> <ul><li>Chargeur triphasé de 480-600V<br /> </li><li>Utilisé pour les applications de charge rapide de batteries au plomb<br /> </li><li>Capacité de charge multi-tension: charge à 24V, 36V, 48V, 72V, 80V et 96V<br /> </li><li>Options de sortie jusqu’à 600 A<br /> </li><li>Égalisations automatiques par cycles ou date/heure</li></ul> <div class="ctaArea"> <div><div class="specsCTA calltoactionbutton"><div class="Left "> <a href="#" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" data-toggle="modal" data-formsource="/content/fr-ca/contact-us.html" data-target="#modal-form" data-querystring="areaOfInterest=batteriesChargers" onclick="addCTAGA('', '', '', '<p>Renseignez\u002Dvous sur les chargeurs FS6<\/p>\r\n')" tabindex="0"><p>Renseignez-vous sur les chargeurs FS6</p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> </div> <div><div class="brochureCTA calltoactionbutton"><div class=" "> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_354691a8c4a44f21869e2ad890c629f6').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_354691a8c4a44f21869e2ad890c629f6').addClass('bricksRow'); } }); </script> <div> <script> $(document).ready(function() { var tallestColumnHeight = 0; $('.container-vertical-aligned').find('.col-vertical-aligned').each(function() { var $this = $(this); if(tallestColumnHeight < $this.height()) { tallestColumnHeight = $this.height(); } }); $('.container-vertical-aligned').find('.col-vertical-aligned').height(tallestColumnHeight); }) </script> </div> </div> <div class="column"> <div id="height_dddbfbeb266c43f08d66b504619cb8bf" style="height: px"> <div class="container-fluid background-grey-lightestest "> <div class="container background-grey-lightestest "> <div id="bgImage_dddbfbeb266c43f08d66b504619cb8bf" class="clearfix background-grey-lightestest everyDevice text-black padding-2x-top padding-4x-bottom row" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class=" col-md-12 "> <div class="container-inner"> <div class="modelcomparison"> <input type="hidden" id="modelcomparisonsize" value="2"/> <div> <div class="container container-fluid container-modelcomparison text-black "> <h3 class="modelcomparison-title text-center">Chargeur monophasé de batterie V-HFM³</h3> <div class="row"> <div class="col-md-6 model odd"> <div class="row"> <div class="col-md-12"> <img src="/content/dam/crown/images/forklift-battery-chargers/models/fs1-240-charger.jpg" alt="Chargeur de batterie de chariot élévateur V-Force FS1" class="img-responsive modelcomparison-product-image" title="Chargeur de batterie de chariot élévateur V-Force FS1"/> </div> <div class="col-md-12"> <div class="model-text"> <h5 class="modelcomparision-model-title">Chargeur de batterie de chariot élévateur FS1 240</h5> <ul><li>Chargeur monophasé de 100-277V<br /> </li><li>Compatible avec les batteries au plomb et au lithium-ion<br /> </li><li>Capacité de charge multi-tension: charge à 12V, 24V, 36V et 48V<br /> </li><li>Options de sortie de 48A, 85A, 120A et 240A<br /> </li><li>Égalisations automatiques par cycles ou date/heure<br /> </li></ul> <div class="ctaArea"> <div><div class="specsCTA calltoactionbutton"><div class="Left "> <a href="#" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" data-toggle="modal" data-formsource="/content/fr-ca/contact-us.html" data-target="#modal-form" data-querystring="areaOfInterest=batteriesChargers" onclick="addCTAGA('', '', '', '<p>Renseignez\u002Dvous sur les chargeurs FS1<\/p>\r\n')" tabindex="0"><p>Renseignez-vous sur les chargeurs FS1</p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> </div> <div><div class="brochureCTA calltoactionbutton"><div class=" "> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> </div> </div> </div> </div> </div> </div> <div class="col-md-6 model "> <div class="row"> <div class="col-md-12"> <img src="/content/dam/crown/images/forklift-battery-chargers/models/fs1-48-85-120-charger.jpg" alt="Chargeur de batterie de chariot élévateur V-Force FS1" class="img-responsive modelcomparison-product-image" title="Chargeur de batterie de chariot élévateur V-Force FS1"/> </div> <div class="col-md-12"> <div class="model-text"> <h5 class="modelcomparision-model-title">Chargeur de batterie de chariot élévateur FS1 48/85/120</h5> <ul><li>Chargeur monophasé de 100-277V<br /> </li><li>Compatible avec les batteries au plomb et au lithium-ion<br /> </li><li>Capacité de charge multi-tension: charge à 12V, 24V, 36V et 48V<br /> </li><li>Options de sortie de 48A, 85A et 120A<br /> </li><li>Égalisations automatiques par cycles ou date/heure<br /> </li></ul> <div class="ctaArea"> <div><div class="specsCTA calltoactionbutton"><div class="Left "> <a href="#" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" data-toggle="modal" data-formsource="/content/fr-ca/contact-us.html" data-target="#modal-form" data-querystring="areaOfInterest=batteriesChargers" onclick="addCTAGA('', '', '', '<p>Renseignez\u002Dvous sur les chargeurs FS3<\/p>\r\n')" tabindex="0"><p>Renseignez-vous sur les chargeurs FS3</p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> </div> <div><div class="brochureCTA calltoactionbutton"><div class=" "> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_dddbfbeb266c43f08d66b504619cb8bf').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_dddbfbeb266c43f08d66b504619cb8bf').addClass('bricksRow'); } }); </script> </div> <div class="column"> <div id="height_e815895bb39f4c7891476a55826ad0ae" style="height: px"> <div id="optionsandaccessories" class="container-fluid "> <div class="container "> <div id="bgImage_e815895bb39f4c7891476a55826ad0ae" class="clearfix everyDevice text-black row" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class=" col-md-12 "> <div class="container-inner"> <div class="accordionlist"> <div class="container-fluid "> <div class="container text-black " id="mainpar_column_1258920054_column1_accordionlist"> <h3 class="accordion-headline">Options et accessoires du chargeur de batterie multi-tension pour chariots élévateurs</h3> <div class="accordion-subheadline"> </div> <div class="row"> <div class="col-md-6 col-sm-12 container-accordionList"> <div role="tablist" class="panel-group" id="mainpar_column_1258920054_column1_accordionlist-accordion" aria-multiselectable="false"> <div class="panel panel-default "> <div class="panel-heading" role="tab" id="heading"> <h4 class="panel-title"> <span id="anchor" data-toggle="collapse" data-parent="#mainpar_column_1258920054_column1_accordionlist-accordion" href="#mainpar_column_1258920054_column1_accordionlist-accordion-panel" onclick="addAccordionGA('Dispositif d’identification de surveillance des batteries','')" aria-expanded="true" aria-controls="accordion"> Dispositif d’identification de surveillance des batteries </span> </h4> </div> <div class="panel-collapse collapse show" id="mainpar_column_1258920054_column1_accordionlist-accordion-panel" role="tabpanel" data-panel-image-html="<img class='img-responsive hidden-xs center-block' src='/content/dam/crown/images/forklift-battery-chargers/options-and-accessories/vhfm-battery-monitoring-id.jpg' alt='Dispositif d’identification et de surveillance des batteries' title='Dispositif d’identification et de surveillance des batteries'>" aria-labelledby="heading"> <div class="panel-body-padding"> <p><p>Le module BMID en option est conçu pour être monté sur le dessus d’une batterie plomb-acide. Il détecte les niveaux d’électrolytes bas et communique clairement le besoin d’un remplissage. Le BMID surveille la tension et la température, puis ajuste le taux de charge pour des performances optimales.</p> </p> <div class="accordionCTA calltoactionbutton"><div class=" "> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <img class="img-responsive visible-xs-block center-block accordion-image-xs" src="/content/dam/crown/images/forklift-battery-chargers/options-and-accessories/vhfm-battery-monitoring-id.jpg" alt="Dispositif d’identification et de surveillance des batteries" title="Dispositif d’identification et de surveillance des batteries"/> </div> </div> </div> <div class="panel panel-default "> <div class="panel-heading" role="tab" id="heading_1615800235"> <h4 class="panel-title"> <span id="anchor_1615800235" data-toggle="collapse" data-parent="#mainpar_column_1258920054_column1_accordionlist-accordion" href="#mainpar_column_1258920054_column1_accordionlist-accordion_1615800235-panel" onclick="addAccordionGA('Support de fixation','')" aria-expanded="false" aria-controls="accordion_1615800235" class="collapsed"> Support de fixation </span> </h4> </div> <div class="panel-collapse collapse " id="mainpar_column_1258920054_column1_accordionlist-accordion_1615800235-panel" role="tabpanel" data-panel-image-html="<img class='img-responsive hidden-xs center-block' src='/content/dam/crown/images/forklift-battery-chargers/options-and-accessories/mounting-bracket.jpg' alt='Support de tablette à fixation murale, support de fixation, support en L' title='Quincaillerie de fixation'>" aria-labelledby="heading_1615800235"> <div class="panel-body-padding"> <p><p>Le support de fixation offre la solution de montage idéale pour l’armoire du chargeur FS3 et supporte jusqu’à 22.7 kg. Le chargeur peut être monté par l’arrière, le côté ou le dessous.</p> </p> <div class="accordionCTA calltoactionbutton"><div class=" "> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <img class="img-responsive visible-xs-block center-block accordion-image-xs" src="/content/dam/crown/images/forklift-battery-chargers/options-and-accessories/mounting-bracket.jpg" alt="Support de tablette à fixation murale, support de fixation, support en L" title="Quincaillerie de fixation"/> </div> </div> </div> <div class="panel panel-default "> <div class="panel-heading" role="tab" id="heading_1785169717"> <h4 class="panel-title"> <span id="anchor_1785169717" data-toggle="collapse" data-parent="#mainpar_column_1258920054_column1_accordionlist-accordion" href="#mainpar_column_1258920054_column1_accordionlist-accordion_1785169717-panel" onclick="addAccordionGA('Support pour chargeurs de batterie','')" aria-expanded="false" aria-controls="accordion_1785169717" class="collapsed"> Support pour chargeurs de batterie </span> </h4> </div> <div class="panel-collapse collapse " id="mainpar_column_1258920054_column1_accordionlist-accordion_1785169717-panel" role="tabpanel" data-panel-image-html="<img class='img-responsive hidden-xs center-block' src='/content/dam/crown/images/forklift-battery-chargers/options-and-accessories/charger-stand.jpg' alt='support pour chargeurs de batteries V-Force' title='Support pour chargeurs'>" aria-labelledby="heading_1785169717"> <div class="panel-body-padding"> <p><p>La conception polyvalente offre plusieurs options de configuration permettant d’installer les chargeurs au point d’utilisation et donc de libérer de l’espace dans l’entrepôt. Les supports sont ancrés dans le sol et les chargeurs sont placés à une hauteur de travail optimale.</p> </p> <div class="accordionCTA calltoactionbutton"><div class=" "> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <img class="img-responsive visible-xs-block center-block accordion-image-xs" src="/content/dam/crown/images/forklift-battery-chargers/options-and-accessories/charger-stand.jpg" alt="support pour chargeurs de batteries V-Force" title="Support pour chargeurs"/> </div> </div> </div> <div class="panel panel-default "> <div class="panel-heading" role="tab" id="heading_474816349"> <h4 class="panel-title"> <span id="anchor_474816349" data-toggle="collapse" data-parent="#mainpar_column_1258920054_column1_accordionlist-accordion" href="#mainpar_column_1258920054_column1_accordionlist-accordion_474816349-panel" onclick="addAccordionGA('Télécommande','')" aria-expanded="false" aria-controls="accordion_474816349" class="collapsed"> Télécommande </span> </h4> </div> <div class="panel-collapse collapse " id="mainpar_column_1258920054_column1_accordionlist-accordion_474816349-panel" role="tabpanel" data-panel-image-html="<img class='img-responsive hidden-xs center-block' src='/content/dam/crown/images/forklift-battery-chargers/options-and-accessories/remote-switch.jpg' alt='Télécommande de chargeur de batterie pour chariot élévateur' title='Télécommande de chargeur'>" aria-labelledby="heading_474816349"> <div class="panel-body-padding"> <p><p>La télécommande offre un accès facile aux fonctions du chargeur lorsque celui-ci doit être installé dans un endroit difficile d’accès.</p> </p> <div class="accordionCTA calltoactionbutton"><div class=" "> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <img class="img-responsive visible-xs-block center-block accordion-image-xs" src="/content/dam/crown/images/forklift-battery-chargers/options-and-accessories/remote-switch.jpg" alt="Télécommande de chargeur de batterie pour chariot élévateur" title="Télécommande de chargeur"/> </div> </div> </div> <div class="panel panel-default "> <div class="panel-heading" role="tab" id="heading_1999562189"> <h4 class="panel-title"> <span id="anchor_1999562189" data-toggle="collapse" data-parent="#mainpar_column_1258920054_column1_accordionlist-accordion" href="#mainpar_column_1258920054_column1_accordionlist-accordion_1999562189-panel" onclick="addAccordionGA('Bâtonnet','')" aria-expanded="false" aria-controls="accordion_1999562189" class="collapsed"> Bâtonnet </span> </h4> </div> <div class="panel-collapse collapse " id="mainpar_column_1258920054_column1_accordionlist-accordion_1999562189-panel" role="tabpanel" data-panel-image-html="<img class='img-responsive hidden-xs center-block' src='/content/dam/crown/images/forklift-battery-chargers/options-and-accessories/pogo-stick.jpg' alt='Des bâtonnets permettent de maintenir les câbles à distance du sol' title='Bâtonnets'>" aria-labelledby="heading_1999562189"> <div class="panel-body-padding"> <p><p>Des bâtonnets sont utilisés avec les supports de charge pour maintenir les câbles des batteries à distance du sol. Ils offrent aux caristes un accès facile à une hauteur de travail optimale, tout en évitant d’user ou endommager les câbles et les connecteurs. Un bâtonnet pour applications intensives est fourni de série avec tous les chargeurs série HFM3.</p> </p> <div class="accordionCTA calltoactionbutton"><div class=" "> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <img class="img-responsive visible-xs-block center-block accordion-image-xs" src="/content/dam/crown/images/forklift-battery-chargers/options-and-accessories/pogo-stick.jpg" alt="Des bâtonnets permettent de maintenir les câbles à distance du sol" title="Bâtonnets"/> </div> </div> </div> <div class="panel panel-default "> <div class="panel-heading" role="tab" id="heading_1170937263"> <h4 class="panel-title"> <span id="anchor_1170937263" data-toggle="collapse" data-parent="#mainpar_column_1258920054_column1_accordionlist-accordion" href="#mainpar_column_1258920054_column1_accordionlist-accordion_1170937263-panel" onclick="addAccordionGA('Trousse d’affichage à DEL surélevée','')" aria-expanded="false" aria-controls="accordion_1170937263" class="collapsed"> Trousse d’affichage à DEL surélevée </span> </h4> </div> <div class="panel-collapse collapse " id="mainpar_column_1258920054_column1_accordionlist-accordion_1170937263-panel" role="tabpanel" data-panel-image-html="<img class='img-responsive hidden-xs center-block' src='/content/dam/crown/images/forklift-battery-chargers/options-and-accessories/tower-light.jpg' alt='Trousse d’affichage à DEL surélevée' title=''>" aria-labelledby="heading_1170937263"> <div class="panel-body-padding"> <p><p>Les témoins à DEL indiquent l’état de charge de la batterie à distance. La trousse inclut toute la quincaillerie de fixation.</p> </p> <div class="accordionCTA calltoactionbutton"><div class=" "> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <img class="img-responsive visible-xs-block center-block accordion-image-xs" src="/content/dam/crown/images/forklift-battery-chargers/options-and-accessories/tower-light.jpg" alt="Trousse d’affichage à DEL surélevée"/> </div> </div> </div> </div> </div> <div class="col-md-6 d-none d-md-block container-panel-image text-center container-accordionList-image"> <img src="/content/dam/crown/images/forklift-battery-chargers/options-and-accessories/vhfm-battery-monitoring-id.jpg" class="img-responsive" alt="Dispositif d’identification et de surveillance des batteries" title="Dispositif d’identification et de surveillance des batteries"/> </div> </div> </div> </div> <script> var accordion = function () { // Define the outermost element to avoid collisions var $parent = jQuery('#mainpar_column_1258920054_column1_accordionlist'), $imageContainer = $parent.find('.container-accordionList-image'); $parent.find('#mainpar_column_1258920054_column1_accordionlist-accordion, #mainpar_column_1258920054_column1_accordionlist-accordion-list').on('show.bs.collapse', function (e) { var $this =jQuery(this); // Collapsing other open panels is done automatically in a typical Bootstrap accordion, // but must be done manually because author mode adds additional markup $this.find('.show').collapse('hide'); $imageContainer.html($this.find('#' + e.target.id).data('panel-image-html')); }); }(); $('.panel-collapse .panel-body:not(:has(>p))').css('display', 'none'); function addAccordionGA(labelName,gaEventAction) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && gaEventAction) { dataLayer.push({ 'event': 'product_footer_dropdown_click', 'eventCategory': 'Product Footer Nav', 'eventAction': gaEventAction, 'eventLabel': labelName }); } } } </script> </div> </div> </div> </div> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_e815895bb39f4c7891476a55826ad0ae').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_e815895bb39f4c7891476a55826ad0ae').addClass('bricksRow'); } }); </script> </div> <div class="column"> <div id="height_effc9158ed604c20b5d872bf1e59e293" style="height: px"> <div class="container-fluid background-grey "> <div class="container background-grey "> <div id="bgImage_effc9158ed604c20b5d872bf1e59e293" class="clearfix background-grey everyDevice text-white container-vertical-aligned padding-2x-top padding-2x-bottom row" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class=" col-md-6 vertical-align-middle"> <div class="container-inner"> <div class="richtext"> <div class=" width-100 component-left"> <h3>Un soutien sur lequel vous pouvez compter<br> </h3> <p>Avec son réseau national de sites de service, Crown propose des solutions de soutien intégrées pour les chariots élévateurs, les chargeurs et les batteries. Demandez à Crown une consultation énergétique personnalisée et recevez des recommandations d’experts s’appuyant sur vos besoins et vos objectifs particuliers.<br> </p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> <div class="calltoactionbutton"><div class="Left "> <a href="#" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" data-toggle="modal" data-formsource="/content/fr-ca/contact-us.html" data-target="#modal-form" data-querystring="areaOfInterest=batteriesChargers" onclick="addCTAGA('', '', '', '<p>Communiquez avec notre equipe d\x27assistance<\/p>\r\n')" tabindex="0"><p>Communiquez avec notre equipe d'assistance</p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> </div> </div> <div class=" col-md-6 vertical-align-middle"> <div class="container-inner"> <div class="imagecomponent"><div class="container-image text-dark clearfix "> <div class="playButton"> <picture> <i class=" fa-4x"></i> <source srcset="/content/dam/crown/images/forklift-battery-chargers/features/battery-service.jpg.transform/mobile-image/img.jpg" media="(max-width: 768px)"/> <source srcset="/content/dam/crown/images/forklift-battery-chargers/features/battery-service.jpg.transform/tablet-image/img.jpg" media="(max-width: 992px)"/> <img class="img-responsive " src="/content/dam/crown/images/forklift-battery-chargers/features/battery-service.jpg" alt="Technicien d’entretien de batterie"/> </picture> </div> </div> <!-- Script for responsive image--> </div> </div> </div> </div> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_effc9158ed604c20b5d872bf1e59e293').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_effc9158ed604c20b5d872bf1e59e293').addClass('bricksRow'); } }); </script> <div> <script> $(document).ready(function() { var tallestColumnHeight = 0; $('.container-vertical-aligned').find('.col-vertical-aligned').each(function() { var $this = $(this); if(tallestColumnHeight < $this.height()) { tallestColumnHeight = $this.height(); } }); $('.container-vertical-aligned').find('.col-vertical-aligned').height(tallestColumnHeight); }) </script> </div> </div> <div class="calltoactionpanel"> <div class="container-fluid background-orange text-white "> <input type="hidden" id="calltoactionsize" value="3"/> <div class="container"> <div class="row"> <div class="col-md-4 container-callToAction first-child"> <div class="callToAction text-white"> <a href="/content/dam/crown/pdfs/fr-ca/v-hfm3-charger-fr-ca.pdf" target="_blank"> <i class="fas icon-crown icon-downloadBrochure fa-3x fa-fw"></i> <h4 class="callToAction-title"> <span class="callToAction-title-inner">Télécharger la brochure</span> </h4> <div class="bodyText text-center"><p>En savoir plus sur les chargeurs V-Force V-HFM<sup>3</sup>.</p> </div> </a> </div> </div> <div class="col-md-4 container-callToAction "> <div class="callToAction text-white"> <a href="#" data-toggle="modal" data-querystring="areaOfInterest=batteriesChargers" data-target="#modal-form" data-formsource="/content/fr-ca/contact-us.html"> <i class="fas fa-comment fa-3x fa-fw"></i> <h4 class="callToAction-title"> <span class="callToAction-title-inner">Demandez conseil à un expert</span> </h4> <div class="bodyText text-center"><p>Dites-nous comment nous pouvons nous aider.</p> </div> </a> </div> </div> <div class="col-md-4 container-callToAction "> <div class="callToAction text-white"> <a href="/fr-ca/forklift-dealers.html" data-gtm-event="locateDealer" data-gtm-info="cta"> <i class="fas fa-map-marker-alt fa-3x fa-fw"></i> <h4 class="callToAction-title"> <span class="callToAction-title-inner">Trouver un point de vente Crown près de chez vous</span> </h4> <div class="bodyText text-center"><p>Recherchez une succursale ou un concessionnaire local Crown</p> </div> </a> </div> </div> </div> </div> </div> <div class="clearfix"></div> </div> </div> <div> </div> <div><div class="ctaPanel calltoactionpanel"> <div class="container-fluid text-black "> <input type="hidden" id="calltoactionsize" value="0"/> <div class="container"> <div class="row"> </div> </div> </div> <div class="clearfix"></div> </div> </div> <div class="clearfix"></div> <footer> <div><div class="footer iparsys parsys"> <div class="newpar new section"> </div> <div class="par iparys_inherited"> <div class="footercomponent"> <div class="d-none d-md-block desktopFooterView"> <div class="firstRow"> <div class="searchBoxContainer"> <form action="/fr-ca/search-results.html" accept-charset="UTF-8"> <div class="searchFormWrapper" aria-hidden="true"> <div class="inputGroup"> <span><i class="fas fa-search sitesearch-icon footerSearchIcon"></i></span> <input class="searchBox footerSearchBox" maxlength="2048" autocomplete="off" placeholder="Recherchez Crown" name="q"/> </div> </div> </form> </div> <div class="text-white connectLinks"> <div class="col-md-4 textwithicon"> <div><div> <div class="icon-column "> <i class="fas fa-map-marker-alt fa-fw fa-lg text-white"></i> </div> <div class="text-column "> <a href="/fr-ca/forklift-dealers.html" tabindex="0"> <div> <p>Trouvez un concessionnaire</p> </div> </a> </div> </div> </div> </div> <div class="col-md-4 textwithicon alignCenter"> <div><div> <a href="#" data-toggle="modal" data-target="#modal-form" data-formsource="/content/fr-ca/contact-us.html" tabindex="0"> <div class="icon-column "> <i class="fas fa-comment fa-fw fa-lg "></i> </div> <div class="text-column "> <p>Nous joindre</p> </div> </a> </div> </div> </div> <div class="col-md-4 textwithicon"> <div><div> <div class="icon-column "> <i class="fas fa-phone-alt fa-fw fa-lg text-white"></i> </div> <div class="text-column "> <a href="tel:5143423471" tabindex="0"> <div> <p>(514) 342-3471</p> </div> </a> </div> </div> </div> </div> </div> </div> <hr class="lineSeparator"/> <div class="footerDrawerColumn"> <div id="height_0561b1172f75461eae3b3b1a23e61d0b" style="height: px"> <div class="container-fluid "> <div class="container "> <div id="bgImage_0561b1172f75461eae3b3b1a23e61d0b" class="clearfix everyDevice text-white row" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class=" col-md-3 "> <div class="container-inner"> <div class="footerdrawer"> <div class="title">Chariots élévateurs</div> <div class="drawerItems"> <a onclick="addFooterGA('Location de chariots élévateurs','Chariots élévateurs')" href="/fr-ca/forklift-rentals.html" target="" tabindex="0">Location de chariots élévateurs</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('Chariots élévateurs neufs','Chariots élévateurs')" href="/fr-ca/forklifts.html" target="" tabindex="0">Chariots élévateurs neufs</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('Chariots élévateur réusinés','Chariots élévateurs')" href="/fr-ca/remanufactured-forklifts.html" target="" tabindex="0">Chariots élévateur réusinés</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('Chariots élévateurs d\x27occasion','Chariots élévateurs')" href="/fr-ca/pre-owned-forklifts.html" target="" tabindex="0">Chariots élévateurs d'occasion</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('Batteries et chargeurs','Chariots élévateurs')" href="/fr-ca/batteries-and-chargers.html" target="" tabindex="0">Batteries et chargeurs</a> </div> </div> </div> </div> <div class=" col-md-3 "> <div class="container-inner"> <div class="footerdrawer"> <div class="title">En savoir plus sur Crown</div> <div class="drawerItems"> <a onclick="addFooterGA('Pièces et entretien','En savoir plus sur Crown')" href="/fr-ca/service-parts.html" target="" tabindex="0">Pièces et entretien</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('Solutions','En savoir plus sur Crown')" href="/fr-ca/solutions.html" target="" tabindex="0">Solutions</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('Soutien','En savoir plus sur Crown')" href="/fr-ca/support.html" target="" tabindex="0">Soutien</a> </div> </div> </div> </div> <div class=" col-md-3 "> <div class="container-inner"> <div class="footerdrawer"> <div class="title">À propos de Crown</div> <div class="drawerItems"> <a onclick="addFooterGA('Notre entreprise','À propos de Crown')" href="/fr-ca/about-us.html" target="" tabindex="0">Notre entreprise</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('Code de conduite','À propos de Crown')" href="/content/dam/crown/pdfs/fr-ca/code-de-conduite.pdf" target="_blank" tabindex="0">Code de conduite</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('Code de Conduite des Fournisseurs','À propos de Crown')" href="/content/dam/crown/pdfs/fr-ca/FR-CA-Supplier-Code-of-Conduct.pdf" target="_blank" tabindex="0">Code de Conduite des Fournisseurs</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('Carrières','À propos de Crown')" href="/fr-ca/careers.html" target="" tabindex="0">Carrières</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('Notre Blog','À propos de Crown')" href="/fr-ca/blog.html" target="" tabindex="0">Notre Blog</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('Loi relative à la lutte contre le travail forcé et le travail des enfants dans les chaînes d’approvisionnement','À propos de Crown')" href="/content/dam/crown/pdfs/fr-ca/legal/supply-chains-act-au-sein-de-crown-lift-trucks.pdf" target="_blank" tabindex="0">Loi relative à la lutte contre le travail forcé et le travail des enfants dans les chaînes d’approvisionnement</a> </div> </div> </div> </div> <div class=" col-md-3 "> <div class="container-inner"> <div class="socialicons"><div class="no-padding-left no-padding-top no-padding-right no-padding-bottom"> <div class="socialIconsTitle"> Réseaux Sociaux </div> <ul id="footer_footercomponent_column_column4_socialicons_176690907-connect-list" role="group"> <li> <a href="https://www.facebook.com/crownlifttrucks.canada.quebec" target="_blank" tabindex="0"> <i class="fab fa-facebook-square fa-fw"></i> </a> </li> <li> <a href="https://www.linkedin.com/company/crown-chariot-elevateurs" target="_blank" tabindex="0"> <i class="fab fa-linkedin fa-fw"></i> </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_0561b1172f75461eae3b3b1a23e61d0b').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_0561b1172f75461eae3b3b1a23e61d0b').addClass('bricksRow'); } }); </script> </div> <div> <a class="textWhite globalSelectorText" onclick="Crown.Common.Cookies.eraseCookie('crownlocation');" tabindex="0">Canada – français (modifier)</a> <div class="copyRight float-right"> <span class="copyRightYear">© 2002-2025 Crown Equipment Corporation |</span> <span><div class="textWhite"> <div class=" width-100 component-left"> <p><a href="/fr-ca/legal.html">Mentions légales</a> | <a href="/fr-ca/modalites-de-vente.html">Modalités De Vente</a></p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div></span> <div class="backToTop"> <svg class="bi bi-arrow-up-circle-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="#ffffff" xmlns="http://www.w3.org/2000/svg" tabindex="0"> <path fill-rule="evenodd" d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-10.646.354a.5.5 0 1 1-.708-.708l3-3a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 6.207V11a.5.5 0 0 1-1 0V6.207L5.354 8.354z"/> </svg> </div> </div> </div> </div> <div class="footerItemsMobile d-md-none"> <div class="searchBoxContainer"> <form action="/fr-ca/search-results.html" accept-charset="UTF-8"> <div class="searchFormWrapper" aria-hidden="true"> <div class="inputGroup"> <span><i class="fas fa-search sitesearch-icon footerSearchIcon"></i></span> <input class="searchBox footerSearchBox" maxlength="2048" autocomplete="off" placeholder="Recherchez Crown" name="q"/> </div> </div> </form> </div> <ul class="footerDrawerList"> <li class="dropdown mobileDropdown"> <a data-target="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="dropdown-toggle footerDrawerHeader" tabindex="0"> Chariots élévateurs </a> <div class="dropdown-menu" role="menu" aria-labelledby="Chariots élévateurs"> <div class="container container-dropdown"> <div class="row"> <div class="col-md-4 footerDrawerMenuListContainer"> <ul class="footerDrawerMenuList"> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Location de chariots élévateurs','Chariots élévateurs')" href="/content/fr-ca/forklift-rentals">Location de chariots élévateurs</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Chariots élévateurs neufs','Chariots élévateurs')" href="/content/fr-ca/forklifts">Chariots élévateurs neufs</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Chariots élévateur réusinés','Chariots élévateurs')" href="/content/fr-ca/remanufactured-forklifts">Chariots élévateur réusinés</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Chariots élévateurs d\x27occasion','Chariots élévateurs')" href="/content/fr-ca/pre-owned-forklifts">Chariots élévateurs d'occasion</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Batteries et chargeurs','Chariots élévateurs')" href="/content/fr-ca/batteries-and-chargers">Batteries et chargeurs</a> </li> </ul> </div> </div> </div> </div> </li> <li class="dropdown mobileDropdown"> <a data-target="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="dropdown-toggle footerDrawerHeader" tabindex="0"> En savoir plus sur Crown </a> <div class="dropdown-menu" role="menu" aria-labelledby="En savoir plus sur Crown"> <div class="container container-dropdown"> <div class="row"> <div class="col-md-4 footerDrawerMenuListContainer"> <ul class="footerDrawerMenuList"> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Pièces et entretien','En savoir plus sur Crown')" href="/content/fr-ca/service-parts">Pièces et entretien</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Solutions','En savoir plus sur Crown')" href="/content/fr-ca/solutions">Solutions</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Soutien','En savoir plus sur Crown')" href="/content/fr-ca/support">Soutien</a> </li> </ul> </div> </div> </div> </div> </li> <li class="dropdown mobileDropdown"> <a data-target="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="dropdown-toggle footerDrawerHeader" tabindex="0"> À propos de Crown </a> <div class="dropdown-menu" role="menu" aria-labelledby="À propos de Crown"> <div class="container container-dropdown"> <div class="row"> <div class="col-md-4 footerDrawerMenuListContainer"> <ul class="footerDrawerMenuList"> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Notre entreprise','À propos de Crown')" href="/content/fr-ca/about-us">Notre entreprise</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Code de conduite','À propos de Crown')" href="/content/dam/crown/pdfs/fr-ca/code-de-conduite.pdf">Code de conduite</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Code de Conduite des Fournisseurs','À propos de Crown')" href="/content/dam/crown/pdfs/fr-ca/FR-CA-Supplier-Code-of-Conduct.pdf">Code de Conduite des Fournisseurs</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Carrières','À propos de Crown')" href="/content/fr-ca/careers">Carrières</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Notre Blog','À propos de Crown')" href="/content/fr-ca/blog">Notre Blog</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Loi relative à la lutte contre le travail forcé et le travail des enfants dans les chaînes d’approvisionnement','À propos de Crown')" href="/content/dam/crown/pdfs/fr-ca/legal/supply-chains-act-au-sein-de-crown-lift-trucks.pdf">Loi relative à la lutte contre le travail forcé et le travail des enfants dans les chaînes d’approvisionnement</a> </li> </ul> </div> </div> </div> </div> </li> <li class="dropdown mobileDropdown"> <a data-target="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="dropdown-toggle footerDrawerHeader" tabindex="0"> Restez en contact </a> <div class="dropdown-menu" role="menu" aria-labelledby="Restez en contact"> <div class="container container-dropdown"> <div class="row"> <div class="col-md-4 footerDrawerMenuListContainer"> <ul class="footerDrawerMenuList"> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Trouvez un concessionnaire','Restez en contact')" href="/content/fr-ca/forklift-dealers">Trouvez un concessionnaire</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Nous joindre','Restez en contact')" href="/content/fr-ca/contact-us">Nous joindre</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('(514) 342\u002D3471','Restez en contact')" href="tel:5143423471">(514) 342-3471</a> </li> </ul> </div> </div> </div> </div> </li> </ul> <div class="socialicons"> </div> <a class="textWhite globalSelectorText" onclick="Crown.Common.Cookies.eraseCookie('crownlocation');" tabindex="0">Canada – français (modifier)</a> <div tabindex="0"> <svg class="bi bi-arrow-up-circle-fill backToTop" width="1em" height="1em" viewBox="0 0 16 16" fill="#ffffff" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-10.646.354a.5.5 0 1 1-.708-.708l3-3a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 6.207V11a.5.5 0 0 1-1 0V6.207L5.354 8.354z" tabindex="0"/> </svg> <div class="backToTopText">Haut</div> </div> <div class="copyRight"> <span class="copyRightYear">© 2002-2025 Crown Equipment Corporation</span> </div> <div class="textWhite"><p><a href="/fr-ca/legal.html">Mentions légales</a> | <a href="/fr-ca/modalites-de-vente.html">Modalités De Vente</a></p> </div> </div> <div class="desktopFooterView"> </div> </div> <div class="column"> <div id="height_94d43d166f1249cbb96d92bea9ce69c0" style="height: px"> <div class="container-fluid background-light-black "> <div class="container background-light-black "> <div id="bgImage_94d43d166f1249cbb96d92bea9ce69c0" class="clearfix background-light-black everyDevice text-black padding-6x-top row" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class=" col-md-12 "> <div class="container-inner"> </div> </div> </div> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_94d43d166f1249cbb96d92bea9ce69c0').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_94d43d166f1249cbb96d92bea9ce69c0').addClass('bricksRow'); } }); </script> </div> </div> </div> </div> </footer> <!-- Copyright Crown Equipment Corporation. All rights reserved. --> <script src="/etc/clientlibs/global-web/clientlib.lc-cfdc86183bbe512ba6bbbf2c1993bc9c-lc.min.js"></script> <script src="/etc/clientlibs/global-web/dealerLocator.lc-0f7974a0574b737f81eb0ad6512ff287-lc.min.js"></script> <script src="/etc/clientlibs/global-web/clientlib-auth0-mapping.lc-962fbcd9f04ed04d5213e8d35825ad0d-lc.min.js"></script> <script> jQuery(document).ready(function() { Crown.Common.Helper.checkReferrer(); }); </script> <!--If the country is Australia then we need to activate call tracking service --> <!--If the country is New zealand then we need to activate call tracking service --> <!--This script will be removed once we get the resolution for resolving translated 404 pages from either Adobe or ACS--> <!-- The purpose of this script is to append a / to the url form some regions like th-th, ko-kr 404's pages--> <script> if($('#is404').text()) { var windowLocation = window.location.href; if(windowLocation.substr(windowLocation.length - 1) !== '/') { window.location = window.location.href + '/'; } } </script> <script type="text/javascript"> $(window).on('load',function(){ var acceptedCookieName = "modalPolicyCookieAccepted"; var notAcceptedCookieName = "modalPolicyCookieNotAccepted"; var acceptedModalValue = "accepted"; var notAcceptedModalValue = "notaccepted"; var modalCookiePolicyAccepted = Crown.Common.Cookies.readCookie(acceptedCookieName); var modalCookiePolicyNotAccepted = Crown.Common.Cookies.readCookie(notAcceptedCookieName); if ((modalCookiePolicyAccepted != acceptedModalValue) && (modalCookiePolicyNotAccepted != notAcceptedModalValue)) { jQuery('#cookiePolicyModal').modal('show'); jQuery("#modalCookieAccept").on("click", function() { Crown.Common.Cookies.createCookie(acceptedCookieName, acceptedModalValue, Infinity); consentGranted(); }); jQuery("#modalCookieNotAccept").on("click", function() { Crown.Common.Cookies.createCookie(notAcceptedCookieName, notAcceptedModalValue, ); }); jQuery("#modalBtnCloseCookieNotAccept").on("click", function() { Crown.Common.Cookies.createCookie(notAcceptedCookieName, notAcceptedModalValue, ); }); } else if(modalCookiePolicyAccepted == acceptedModalValue){ consentGranted(); } }); </script> </body> </html>