Gerbeur électrique de palettes | Gerbeurs à conducteur accompagnant

<!DOCTYPE html>       <html class="no-js">  <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 gerbeurs de palettes de Crown offrent une maniabilité et une souplesse d’utilisation extraordinaires permettant l’adaptation à une grande variété d’environnements. La poignée de commande X-10 des gerbeurs de palettes de Crown permet d’accéder facilement à 10 fonctions de commande et de sécurité tout au long du cycle de travail."/> <meta name="viewport" content="width=device-width, initial-scale=1"/>   <script 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/forklifts/stackers.html"/>  <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', });  (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');   (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');  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>Gerbeur électrique de palettes | Gerbeurs à conducteur accompagnant | Crown Equipment</title> <link rel="alternate" hreflang="en-us" href="https://www.crown.com/en-us/forklifts/stackers.html"/> <link rel="alternate" hreflang="en-ca" href="https://www.crown.com/en-ca/forklifts/stackers.html"/> <link rel="alternate" hreflang="fr-ca" href="https://www.crown.com/fr-ca/forklifts/stackers.html"/> <link rel="alternate" hreflang="en-bb" href="https://www.crown.com/en-la/forklifts/stackers.html"/> <link rel="alternate" hreflang="en-ky" href="https://www.crown.com/en-la/forklifts/stackers.html"/> <link rel="alternate" hreflang="en-jm" href="https://www.crown.com/en-la/forklifts/stackers.html"/> <link rel="alternate" hreflang="en-tt" href="https://www.crown.com/en-la/forklifts/stackers.html"/> <link rel="alternate" hreflang="es" href="https://www.crown.com/es-la/forklifts/stackers.html"/> <link rel="alternate" hreflang="en-br" href="https://www.crown.com/en-br/forklifts/stackers.html"/> <link rel="alternate" hreflang="pt-br" href="https://www.crown.com/pt-br/forklifts/stackers.html"/> <link rel="alternate" hreflang="en-au" href="https://www.crown.com/en-au/forklifts/stackers.html"/> <link rel="alternate" hreflang="en-nz" href="https://www.crown.com/en-nz/forklifts/stackers.html"/> <link rel="alternate" hreflang="en-ph" href="https://www.crown.com/en-ph/forklifts/stackers.html"/> <link rel="alternate" hreflang="en-my" href="https://www.crown.com/en-my/forklifts/stackers.html"/> <link rel="alternate" hreflang="en-sg" href="https://www.crown.com/en-sg/forklifts/stackers.html"/> <link rel="alternate" hreflang="en-kr" href="https://www.crown.com/en-kr/forklifts/stackers.html"/> <link rel="alternate" hreflang="ko-kr" href="https://www.crown.com/ko-kr/forklifts/stackers.html"/> <link rel="alternate" hreflang="en-th" href="https://www.crown.com/en-th/forklifts/stackers.html"/> <link rel="alternate" hreflang="th-th" href="https://www.crown.com/th-th/forklifts/stackers.html"/> <link rel="alternate" hreflang="en-vn" href="https://www.crown.com/en-vn/forklifts/stackers.html"/> <link rel="alternate" hreflang="vi-vn" href="https://www.crown.com/vi-vn/forklifts/stackers.html"/> <link rel="alternate" hreflang="en-cn" href="https://www.crown.com/en-cn/forklifts/stackers.html"/> <link rel="alternate" hreflang="zh-cn" href="https://www.crown.com/zh-cn/forklifts/stackers.html"/> <link rel="alternate" hreflang="en-hk" href="https://www.crown.com/en-hk/forklifts/stackers.html"/> <link rel="alternate" hreflang="zh-hk" href="https://www.crown.com/zh-hk/forklifts/stackers.html"/>  <link rel="stylesheet" href="https://use.typekit.net/teg2oye.css"/> </head>  <body>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MJLHW2" height="0" width="0" style="display:none;visibility:hidden"></iframe></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>  <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>  <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>  </div> <span class="headerItems">  <div class="collapse navbar-collapse theme-navbar-collapse low" data-activedrawer="" id="navbar-main"> <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>  <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">  <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>  <div class="secondLayerDiv hideContent" id="item12134249538Child"> </div>  <div class="secondLayerDiv hideContent" id="item22134249538Child"> </div>  <div class="secondLayerDiv hideContent" id="item32134249538Child"> </div>  <div class="secondLayerDiv hideContent" id="item42134249538Child"> </div>  <div class="secondLayerDiv hideContent" id="item52134249538Child"> </div>  <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">  <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">  <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">  <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="/staging-canada-english.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">  <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>  <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>  </a> </li> </ul> </div> </span>   </div> </div> </nav> </header>  <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>&nbsp&nbsp&nbsp&nbsp <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>&nbsp&nbsp&nbsp&nbsp </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>  <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>  <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/forklifts.html">Chariots élévateurs</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"> <ul id="mainpar_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('Demander plus de renseignements')" data-querystring="areaOfInterest=newForklift" data-target="#modal-form" data-formsource="/content/fr-ca/contact-us.html" data-toggle="modal"> <span class="social-title">Demander plus de renseignements</span> <i class="fas fa-comment fa-fw"></i> </a> </li> <li> <a href="mailto:?Subject=Gerbeur%20électrique%20de%20palettes%20%7C%20Gerbeurs%20à%20conducteur%20accompagnant%20%7C%20Crown%20Equipment&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%20%3A%20%3Chttps%3A%2F%2Fwww.crown.com%2Ffr-ca%2Fforklifts%2Fstackers.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('#mainpar_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 class="column"> <div id="height_9b3e0e48372048b2b2478d1400ffde4a" style="height: px"> <div class="container-fluid background-blacker "> <div class="container background-blacker "> <div id="bgImage_9b3e0e48372048b2b2478d1400ffde4a" class="clearfix background-blacker desktopTabletOnly text-white padding-4x-top 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> </div> <div class=" col-md-6 "> <div class="container-inner"> <div class="richtext"> <div class=" width-100 component-left"> <h1>Gerbeurs</h1> <h2>Une commande sur laquelle vous pouvez compter</h2> <p>Chez Crown, la sécurité et l’efficacité sont intégrées dans la conception de chaque gerbeur de palettes à conducteur accompagnant. Notre gamme complète de gerbeurs conviviaux offre une maniabilité et une souplesse d’utilisation extraordinaires permettant l’adaptation à une grande variété d’environnements.</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-4x-bottom "> <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" onclick="addCTAGA('', '', '', '<p>Communiquer avec nos experts produits<\/p>\r\n')" tabindex="0"><p>Communiquer avec nos experts produits</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 class="imagecomponent"><div class="container-image text-dark clearfix "> <div class="playButton"> <picture> <i class=" fa-4x"></i> <source srcset="/content/dam/crown/images/family-pages/hero/mobile-hero-pallet-stacker-family2.jpg" media="(max-width: 768px)"/> <source media="(max-width: 992px)"/> <img class="img-responsive " src="/content/dam/crown/images/empty-img.png" alt="Gerbeurs"/> </picture> </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_9b3e0e48372048b2b2478d1400ffde4a').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_9b3e0e48372048b2b2478d1400ffde4a').addClass('bricksRow'); } }); </script> <script> $(document).ready(function(){ setBackgroundImage_9b3e0e48372048b2b2478d1400ffde4a(); }); $(window).resize(function(){ setBackgroundImage_9b3e0e48372048b2b2478d1400ffde4a(); }); function setBackgroundImage_9b3e0e48372048b2b2478d1400ffde4a() { var width = window.innerWidth; var image; if(width < 993 && width > 768 && ("")) { image = (""); } else if(width < 769 && ("")) { image = (""); } else { image = ("/content/dam/crown/images/family-pages/hero/hero-pallet-stacker-family.jpg"); } $('#bgImage_9b3e0e48372048b2b2478d1400ffde4a').css("background-image","url("+image+")"); } </script> </div> <div class="column"> <div id="height_c8b68340269e406092df74195a9e54f7" style="height: px"> <div class="container-fluid "> <div class="container "> <div id="bgImage_c8b68340269e406092df74195a9e54f7" 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="richtext"> <div class=" padding-2x-top padding-2x-bottom width-100 component-left"> <h3 style="text-align: center;">Gerbeurs Crown</h3> <p style="text-align: center;">Les gerbeurs sont idéaux pour les applications où les charges peuvent être stockées à des hauteurs allant jusqu’à 192 pouces et où les distances de déplacement sont minimes. Ils peuvent également être utilisés comme plateformes de travail mobiles pour aider à positionner la tâche à une hauteur ergonomique.<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_c8b68340269e406092df74195a9e54f7').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_c8b68340269e406092df74195a9e54f7').addClass('bricksRow'); } }); </script> </div> <div class="column"> <div id="height_0f04687cd39a4cebaddfa8593318ce7b" style="height: px"> <div class="container-fluid "> <div class="container "> <div id="bgImage_0f04687cd39a4cebaddfa8593318ce7b" class="clearfix everyDevice text-black padding-2x-bottom row" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class=" col-md-4 "> <div class="container-inner"> <div class="imagecomponent"><div class="container-image text-dark clearfix "> <a href="/fr-ca/forklifts/stackers/m-intermediate-stacker.html" data-toggle="New Tab" data-formsource="/content/fr-ca/forklifts/stackers/m-intermediate-stacker.html"> <div class="playButton"> <picture> <i class=" fa-4x"></i> <source srcset="/content/dam/crown/images/family-pages/models/product-series-m-370-en-us.jpg.transform/mobile-image/img.jpg" media="(max-width: 768px)"/> <source srcset="/content/dam/crown/images/family-pages/models/product-series-m-370-en-us.jpg.transform/tablet-image/img.jpg" media="(max-width: 992px)"/> <img class="img-responsive " src="/content/dam/crown/images/family-pages/models/product-series-m-370-en-us.jpg" alt="Gerbeur à conducteur accompagnant de la Série M"/> </picture> </div> </a> </div>  </div> <div class="richtext"> <div class=" width-100 component-left"> <h5>Série M</h5> <h4>Gerbeur à conducteur accompagnant</h4> <p><b>Capacité :</b> jusqu’à 2 000 lb<br> <b>Hauteur de levée :</b> jusqu’à 144 po</p> <p><b>Applications :</b> rayonnage, stockage de masse, allée étroite<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="/fr-ca/forklifts/stackers/m-intermediate-stacker.html" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" onclick="addCTAGA('', '', '', '<p>Découvrir la Série<\/p>\r\n')" tabindex="0"><p>Découvrir la Série</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-4 "> <div class="container-inner"> <div class="imagecomponent"><div class="container-image text-dark clearfix "> <a href="/fr-ca/forklifts/stackers/es-fork-over-stacker.html" data-toggle="New Tab" data-formsource="/content/fr-ca/forklifts/stackers/es-fork-over-stacker.html"> <div class="playButton"> <picture> <i class=" fa-4x"></i> <source srcset="/content/dam/crown/images/family-pages/models/product-series-es-370.jpg.transform/mobile-image/img.jpg" media="(max-width: 768px)"/> <source srcset="/content/dam/crown/images/family-pages/models/product-series-es-370.jpg.transform/tablet-image/img.jpg" media="(max-width: 992px)"/> <img class="img-responsive " src="/content/dam/crown/images/family-pages/models/product-series-es-370.jpg" alt="Gerbeur à fourches de la Série ES"/> </picture> </div> </a> </div>  </div> <div class="richtext"> <div class=" width-100 component-left"> <h5>Série ES</h5> <h4>Gerbeur à fourches</h4> <p><b>Capacité :</b> jusqu’à 3 500 lb<br> <b>Hauteur de levée :</b> jusqu’à 132 po</p> <p><b>Applications : </b> rayonnage, stockage de masse<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="/fr-ca/forklifts/stackers/es-fork-over-stacker.html" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" onclick="addCTAGA('', '', '', '<p>Découvrir la Série<\/p>\r\n')" tabindex="0"><p>Découvrir la Série</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-4 "> <div class="container-inner"> <div class="imagecomponent"><div class="container-image text-dark clearfix "> <a href="/fr-ca/forklifts/stackers/st-sx-stacker.html" data-toggle="New Tab" data-formsource="/content/fr-ca/forklifts/stackers/st-sx-stacker.html"> <div class="playButton"> <picture> <i class=" fa-4x"></i> <source srcset="/content/dam/crown/images/family-pages/models/product-series-st-370-en-us.jpg.transform/mobile-image/img.jpg" media="(max-width: 768px)"/> <source srcset="/content/dam/crown/images/family-pages/models/product-series-st-370-en-us.jpg.transform/tablet-image/img.jpg" media="(max-width: 992px)"/> <img class="img-responsive " src="/content/dam/crown/images/family-pages/models/product-series-st-370-en-us.jpg" alt="Gerbeur à bras encadrants et conducteur accompagnant de la Série ST/SX"/> </picture> </div> </a> </div>  </div> <div class="richtext"> <div class=" width-100 component-left"> <h5>Série ST/SX</h5> <h4>Gerbeur à bras encadrants et conducteur accompagnant</h4> <p><b>Capacité :</b> jusqu’à 4 000 lb<br> <b>Hauteur de levée :</b> jusqu’à 192 po</p> <p>Applications : rayonnage, stockage de masse, allée étroite</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="/fr-ca/forklifts/stackers/st-sx-stacker.html" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" onclick="addCTAGA('', '', '', '<p>Découvrir la Série<\/p>\r\n')" tabindex="0"><p>Découvrir la Série</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> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_0f04687cd39a4cebaddfa8593318ce7b').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_0f04687cd39a4cebaddfa8593318ce7b').addClass('bricksRow'); } }); </script> </div> <div class="column"> <div id="height_0f04687cd39a4cebaddfa8593318ce7b" style="height: px"> <div class="container-fluid "> <div class="container "> <div id="bgImage_0f04687cd39a4cebaddfa8593318ce7b" class="clearfix everyDevice text-black padding-2x-bottom row" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class=" col-md-4 "> <div class="container-inner"> <div class="imagecomponent"><div class="container-image text-dark clearfix "> <a href="/fr-ca/forklifts/stackers/sh-shr-shc-heavy-duty-reach-stacker.html" data-toggle="New Tab" data-formsource="/content/fr-ca/forklifts/stackers/sh-shr-shc-heavy-duty-reach-stacker.html"> <div class="playButton"> <picture> <i class=" fa-4x"></i> <source srcset="/content/dam/crown/images/family-pages/models/product-series-shc-370.jpg.transform/mobile-image/img.jpg" media="(max-width: 768px)"/> <source srcset="/content/dam/crown/images/family-pages/models/product-series-shc-370.jpg.transform/tablet-image/img.jpg" media="(max-width: 992px)"/> <img class="img-responsive " src="/content/dam/crown/images/family-pages/models/product-series-shc-370.jpg" alt="Gerbeurs à contrepoids et conducteur accompagnant pour applications intensives de la Série SHC"/> </picture> </div> </a> </div>  </div> <div class="richtext"> <div class=" width-100 component-left"> <h5>Série SHC</h5> <h4>Gerbeur à contrepoids<br> et conducteur accompagnant pour applications intensives</h4> <p><b>Capacité :</b> jusqu’à 4 000 lb<br> <b>Hauteur de levée :</b> jusqu’à 172 po</p> <p><b>Applications : </b>rayonnage, stockage de masse, transport</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="/fr-ca/forklifts/stackers/sh-shr-shc-heavy-duty-reach-stacker.html" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" onclick="addCTAGA('', '', '', '<p>Découvrir la Série<\/p>\r\n')" tabindex="0"><p>Découvrir la Série</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-4 "> <div class="container-inner"> <div class="imagecomponent"><div class="container-image text-dark clearfix "> <a href="/fr-ca/forklifts/stackers/sh-shr-shc-heavy-duty-reach-stacker.html" data-toggle="New Tab" data-formsource="/content/fr-ca/forklifts/stackers/sh-shr-shc-heavy-duty-reach-stacker.html"> <div class="playButton"> <picture> <i class=" fa-4x"></i> <source srcset="/content/dam/crown/images/family-pages/models/product-series-sh-370.jpg.transform/mobile-image/img.jpg" media="(max-width: 768px)"/> <source srcset="/content/dam/crown/images/family-pages/models/product-series-sh-370.jpg.transform/tablet-image/img.jpg" media="(max-width: 992px)"/> <img class="img-responsive " src="/content/dam/crown/images/family-pages/models/product-series-sh-370.jpg" alt="Gerbeur à bras encadrants et conducteur accompagnant pour applications intensives de la Série SH"/> </picture> </div> </a> </div>  </div> <div class="richtext"> <div class=" width-100 component-left"> <h5>Série SH</h5> <h4>Gerbeur à bras encadrants<br> et conducteur accompagnant pour applications intensives</h4> <p><b>Capacité :</b> jusqu’à 4 000 lb<br> <b>Hauteur de levée :</b> jusqu’à 172 po</p> <p><b>Applications : </b>rayonnage, stockage de masse, allée étroite</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="/fr-ca/forklifts/stackers/sh-shr-shc-heavy-duty-reach-stacker.html" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" onclick="addCTAGA('', '', '', '<p>Découvrir la Série<\/p>\r\n')" tabindex="0"><p>Découvrir la Série</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-4 "> <div class="container-inner"> <div class="imagecomponent"><div class="container-image text-dark clearfix "> <a href="/fr-ca/forklifts/stackers/sh-shr-shc-heavy-duty-reach-stacker.html" data-toggle="New Tab" data-formsource="/content/fr-ca/forklifts/stackers/sh-shr-shc-heavy-duty-reach-stacker.html"> <div class="playButton"> <picture> <i class=" fa-4x"></i> <source srcset="/content/dam/crown/images/family-pages/models/product-series-shr-370.jpg.transform/mobile-image/img.jpg" media="(max-width: 768px)"/> <source srcset="/content/dam/crown/images/family-pages/models/product-series-shr-370.jpg.transform/tablet-image/img.jpg" media="(max-width: 992px)"/> <img class="img-responsive " src="/content/dam/crown/images/family-pages/models/product-series-shr-370.jpg" alt="Gerbeur à déploiement et conducteur accompagnant pour applications intensives de la Série SHR"/> </picture> </div> </a> </div>  </div> <div class="richtext"> <div class=" width-100 component-left"> <h5>Série SHR</h5> <h4>Gerbeur à déploiement<br> et conducteur accompagnant pour applications intensives</h4> <p><b>Capacité :</b> jusqu’à 3 500 lb<br> <b>Hauteur de levée :</b> jusqu’à 192 po</p> <p><b>Applications :</b> rayonnage, stockage de masse</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="/fr-ca/forklifts/stackers/sh-shr-shc-heavy-duty-reach-stacker.html" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" onclick="addCTAGA('', '', '', '<p>Découvrir la Série<\/p>\r\n')" tabindex="0"><p>Découvrir la Série</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> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_0f04687cd39a4cebaddfa8593318ce7b').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_0f04687cd39a4cebaddfa8593318ce7b').addClass('bricksRow'); } }); </script> </div> <div class="column"> <div id="height_58d329e64ad1405c8b041c48a1431df0" style="height: px"> <div class="container-fluid "> <div class="container "> <div id="bgImage_58d329e64ad1405c8b041c48a1431df0" 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_column1_accordionlist_copy"> <h3 class="accordion-headline">Gerbeurs de palettes pour de nombreuses applications</h3> <div class="accordion-subheadline"> <p>Les gerbeurs de palettes de Crown sont conçus pour une vaste gamme d’applications exigeantes d’entrepôt, de fabrication et de distribution.</p> </div> <div class="row"> <div class="col-md-6 col-sm-12 container-accordionList"> <div role="tablist" class="panel-group" id="mainpar_column_column1_accordionlist_copy-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_column1_accordionlist_copy-accordion" href="#mainpar_column_column1_accordionlist_copy-accordion-panel" onclick="addAccordionGA('Rayonnage','')" aria-expanded="true" aria-controls="accordion"> Rayonnage </span> </h4> </div> <div class="panel-collapse collapse show" id="mainpar_column_column1_accordionlist_copy-accordion-panel" role="tabpanel" data-panel-image-html="<img class='img-responsive hidden-xs center-block' src='/content/dam/crown/images/family-pages/applications/accordion-rack-storage-stackers.jpg' alt='Scène d’application pour un stockage en rayonnages' title=''>" aria-labelledby="heading"> <div class="panel-body-padding"> <p><p>Les gerbeurs de palettes de Crown sont adaptés aux applications de rayonnages grâce à des commandes du cariste précises qui assurent des mouvements rapides, aisés et précis de l’inventaire.</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/family-pages/applications/accordion-rack-storage-stackers.jpg" alt="Scène d’application pour un stockage en rayonnages"/> </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_column1_accordionlist_copy-accordion" href="#mainpar_column_column1_accordionlist_copy-accordion_1615800235-panel" onclick="addAccordionGA('Allée étroite','')" aria-expanded="false" aria-controls="accordion_1615800235" class="collapsed"> Allée étroite </span> </h4> </div> <div class="panel-collapse collapse " id="mainpar_column_column1_accordionlist_copy-accordion_1615800235-panel" role="tabpanel" data-panel-image-html="<img class='img-responsive hidden-xs center-block' src='/content/dam/crown/images/family-pages/applications/accordion-narrow-aisle-stackers.jpg' alt='Scène d’application en allées étroites' title=''>" aria-labelledby="heading_1615800235"> <div class="panel-body-padding"> <p><p>L’expertise de Crown dans les applications en allées étroites signifie que le client peut compter sur nos gerbeurs pour tirer partie du moindre centimètre.</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/family-pages/applications/accordion-narrow-aisle-stackers.jpg" alt="Scène d’application en allées étroites"/> </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_column1_accordionlist_copy-accordion" href="#mainpar_column_column1_accordionlist_copy-accordion_1785169717-panel" onclick="addAccordionGA('Stockage de masse','')" aria-expanded="false" aria-controls="accordion_1785169717" class="collapsed"> Stockage de masse </span> </h4> </div> <div class="panel-collapse collapse " id="mainpar_column_column1_accordionlist_copy-accordion_1785169717-panel" role="tabpanel" data-panel-image-html="<img class='img-responsive hidden-xs center-block' src='/content/dam/crown/images/family-pages/applications/accordion-bulk-storage-stackers.jpg' alt='Scène d’application pour un stockage de masse' title=''>" aria-labelledby="heading_1785169717"> <div class="panel-body-padding"> <p><p>Les charges lourdes et volumineuses font appel à la force et à la maniabilité des gerbeurs de palettes de Crown. Les caristes comptent sur la construction robuste et les commandes intuitives pour placer les palettes avec précision.</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/family-pages/applications/accordion-bulk-storage-stackers.jpg" alt="Scène d’application pour un stockage de masse"/> </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_column1_accordionlist_copy-accordion" href="#mainpar_column_column1_accordionlist_copy-accordion_474816349-panel" onclick="addAccordionGA('Transport','')" aria-expanded="false" aria-controls="accordion_474816349" class="collapsed"> Transport </span> </h4> </div> <div class="panel-collapse collapse " id="mainpar_column_column1_accordionlist_copy-accordion_474816349-panel" role="tabpanel" data-panel-image-html="<img class='img-responsive hidden-xs center-block' src='/content/dam/crown/images/family-pages/applications/accordion-transport-stackers.jpg' alt='Scène d’application pour le transport' title=''>" aria-labelledby="heading_474816349"> <div class="panel-body-padding"> <p><p>La vitesse et la durabilité donnent leur pleine mesure dans les applications nécessitant le transport de charges à l’intérieur de l’entrepôt ou en préparation d’un déplacement à l’extérieur de l’entrepôt. Vous pouvez compter sur le châssis et les fourches en acier lourd des gerbeurs à contrepoids de Crown.</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/family-pages/applications/accordion-transport-stackers.jpg" alt="Scène d’application pour le transport"/> </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/family-pages/applications/accordion-rack-storage-stackers.jpg" class="img-responsive" alt="Scène d’application pour un stockage en rayonnages"/> </div> </div> </div> </div> <script> var accordion = function () { // Define the outermost element to avoid collisions var $parent = jQuery('#mainpar_column_column1_accordionlist_copy'), $imageContainer = $parent.find('.container-accordionList-image'); $parent.find('#mainpar_column_column1_accordionlist_copy-accordion, #mainpar_column_column1_accordionlist_copy-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_58d329e64ad1405c8b041c48a1431df0').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_58d329e64ad1405c8b041c48a1431df0').addClass('bricksRow'); } }); </script> </div> <div class="column"> <div id="height_8513442447254fc2a39422a36cb3e9f7" style="height: px"> <div class="container-fluid background-grey-darkest "> <div class="container background-grey-darkest "> <div id="bgImage_8513442447254fc2a39422a36cb3e9f7" class="clearfix background-grey-darkest everyDevice text-white 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=" width-100 component-left"> <h3 style="text-align: center;">Vous avez besoin d’aide? Nos experts produits peuvent vous aider.</h3> <p style="text-align: center;">Laissez notre équipe dédiée aux produits vous recommander la solution la mieux adaptée à vos besoins en programmant une évaluation ou une consultation gratuite ou en vous rendant chez un revendeur de votre région.</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="text-center "> <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" onclick="addCTAGA('', '', '', '<p>Programmer une évaluation<\/p>\r\n')" tabindex="0"><p>Programmer une évaluation</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> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_8513442447254fc2a39422a36cb3e9f7').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_8513442447254fc2a39422a36cb3e9f7').addClass('bricksRow'); } }); </script> </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="/fr-ca/forklifts.html"> <i class="fas fas icon-crown icon-forklift fa-3x fa-fw"></i> <h4 class="callToAction-title"> <span class="callToAction-title-inner">Découvrir tous les chariots élévateurs</span> </h4> <div class="bodyText text-center"><p>Consultez notre gamme complète de chariots élévateurs.</p> </div> </a> </div> </div> <div class="col-md-4 container-callToAction "> <div class="callToAction text-white"> <a href="/fr-ca/batteries-and-chargers.html"> <i class="fas fa-sitemap fa-3x fa-fw"></i> <h4 class="callToAction-title"> <span class="callToAction-title-inner">Batteries et chargeurs pour chariots élévateurs</span> </h4> <div class="bodyText text-center"><p>En savoir plus sur nos solutions de puissance V-Force.</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 Crown.</p> </div> </a> </div> </div> </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="/staging-canada-french/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="/staging-canada-french/careers.html" target="" tabindex="0">Carrières</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('Notre Blog','À propos de Crown')" href="/staging-canada-french/blog.html" target="" tabindex="0">Notre Blog</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-2024 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/staging-canada-french/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/staging-canada-french/careers">Carrières</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Notre Blog','À propos de Crown')" href="/content/staging-canada-french/blog">Notre Blog</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-2024 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>  <script src="/etc/clientlibs/global-web/clientlib.lc-80ad870cbd36fb4c764a3d7ae4b19797-lc.min.js"></script> <script src="/etc/clientlibs/global-web/dealerLocator.lc-34b7eb83f7ff98f3e18ca101708169f9-lc.min.js"></script> <script> jQuery(document).ready(function() { Crown.Common.Helper.checkReferrer(); }); </script>     <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>

CINXE.COM

Gerbeur électrique de palettes | Gerbeurs à conducteur accompagnant | Crown Equipment