Crown Equipment Corporation | USA

<!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="Crown Equipment Corporation is a global manufacturer of material handling equipment, lift trucks and technology, with a network of more than 500 forklift dealers in more than 80 countries."/> <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/en-us.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 type="application/ld+json"> { "@context": "https://schema.org", "@type": "Organization", "url": "http://www.crown.com", "logo": "https://www.crown.com/content/dam/crown/logos/logo.png" } </script> <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> <script> consentGranted(); </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>Crown Equipment Corporation | USA | Material Handling</title> <link rel="alternate" hreflang="en-us" href="https://www.crown.com/en-us/"/> <link rel="alternate" hreflang="en-ca" href="https://www.crown.com/en-ca/"/> <link rel="alternate" hreflang="fr-ca" href="https://www.crown.com/fr-ca/"/> <link rel="alternate" hreflang="en-bb" href="https://www.crown.com/en-la/"/> <link rel="alternate" hreflang="en-ky" href="https://www.crown.com/en-la/"/> <link rel="alternate" hreflang="en-jm" href="https://www.crown.com/en-la/"/> <link rel="alternate" hreflang="en-tt" href="https://www.crown.com/en-la/"/> <link rel="alternate" hreflang="es" href="https://www.crown.com/es-la/"/> <link rel="alternate" hreflang="en-br" href="https://www.crown.com/en-br/"/> <link rel="alternate" hreflang="pt-br" href="https://www.crown.com/pt-br/"/> <link rel="alternate" hreflang="en-au" href="https://www.crown.com/en-au/"/> <link rel="alternate" hreflang="en-nz" href="https://www.crown.com/en-nz/"/> <link rel="alternate" hreflang="en-ph" href="https://www.crown.com/en-ph/"/> <link rel="alternate" hreflang="en-my" href="https://www.crown.com/en-my/"/> <link rel="alternate" hreflang="en-sg" href="https://www.crown.com/en-sg/"/> <link rel="alternate" hreflang="en-kr" href="https://www.crown.com/en-kr/"/> <link rel="alternate" hreflang="ko-kr" href="https://www.crown.com/ko-kr/"/> <link rel="alternate" hreflang="en-th" href="https://www.crown.com/en-th/"/> <link rel="alternate" hreflang="th-th" href="https://www.crown.com/th-th/"/> <link rel="alternate" hreflang="en-vn" href="https://www.crown.com/en-vn/"/> <link rel="alternate" hreflang="vi-vn" href="https://www.crown.com/vi-vn/"/> <link rel="alternate" hreflang="en-uk" href="https://www.crown.com/en-uk/"/> <link rel="alternate" hreflang="en" href="https://www.crown.com/en-eu/"/> <link rel="alternate" hreflang="de-de" href="https://www.crown.com/de-de/"/> <link rel="alternate" hreflang="de" href="https://www.crown.com/de-eu/"/> <link rel="alternate" hreflang="fr-fr" href="https://www.crown.com/fr-fr/"/> <link rel="alternate" hreflang="fr-be" href="https://www.crown.com/fr-be/"/> <link rel="alternate" hreflang="nl-be" href="https://www.crown.com/nl-be/"/> <link rel="alternate" hreflang="nl" href="https://www.crown.com/nl-nl/"/> <link rel="alternate" hreflang="ru" href="https://www.crown.com/ru-ru/"/> <link rel="alternate" hreflang="es-es" href="https://www.crown.com/es-es/"/> <link rel="alternate" hreflang="it" href="https://www.crown.com/it-it/"/> <link rel="alternate" hreflang="en-cn" href="https://www.crown.com/en-cn/"/> <link rel="alternate" hreflang="zh-cn" href="https://www.crown.com/zh-cn/"/> <link rel="alternate" hreflang="en-hk" href="https://www.crown.com/en-hk/"/> <link rel="alternate" hreflang="zh-hk" href="https://www.crown.com/zh-hk/"/>  <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="en-US"/> <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><div class="cookiepolicy"> <div class="text-white background-black cookie-policy hide"> <div class="container"> <div class="cookie-policy-text"><p>This webpage uses cookies to improve functionality and performance. If you continue browsing the site, you are giving implied consent to the use of cookies on this website. See our <a href="/en-us/privacy-policy.html" target="_blank" rel="noopener noreferrer"><u>Privacy Policy</u></a> for details.</p> </div> <div class="close-button" title="Close"><a class="btn fa fa-times" id="closeButton" onmouseover="onHover();" onmouseout="onHoverOut();" href="javascript: void(0);"></a> </div> </div> </div> <div class="text-white background-black cookiePolicyMobile hide"> <div class="container"> <div class="cookie-policy-text"><p>This webpage uses cookies to improve functionality and performance. If you continue browsing the site, you are giving implied consent to the use of cookies on this website. See our <a href="/en-us/privacy-policy.html" target="_blank" rel="noopener noreferrer"><u>Privacy Policy</u></a> for details.</p> </div> <div class="close-button"><a class="btn btn-cta text-black background-white" id="closeButtonMobile" onmouseover="onHover();" onmouseout="onHoverOut();" href="javascript: void(0);">Close</a> </div> </div> </div> <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="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> <span> <a href="#" class="textLink" onclick="addLocaleSelectorGA('Contact Us ')" data-toggle="modal" data-target="#modal-form" data-formsource="/content/en-us/contact-us.html" tabindex="0"> <span> <i class="fas fa-comment fa-fw textIcon"></i> </span> Contact Us </a> </span> <a class="textLink" onclick="addLocaleSelectorGA('My Crown ')" href="https://customer.crown.com/mycrown" tabindex="0" target="_blank"> <span> <i class="fas fa-user fa-fw textIcon"></i> </span> My Crown </a> <a class="textLink" onclick="addLocaleSelectorGA('Quick Order')" href="https://shop.crown.com/crown/en/quickOrder?utm_source=crown.com&utm_medium=referral&utm_campaign=shop.crown.com&utm_content=homepage-nav-quickorder" tabindex="0" target="_blank"> <span> <i class="fas fa-shipping-fast fa-fw textIcon"></i> </span> Quick Order </a> <span> <span class="signIn" onclick="toggleAuthDropdown('signIn')"> <i class="fas fa-user fa-fw textIcon"></i> <a class="signInButton" tabindex="0" href="javascript: void(0);">Sign In</a> </span> <span class="myAccount" onclick="toggleAuthDropdown('myAccount')"> <i class="fas fa-user fa-fw textIcon"></i> <a class="myAccountButton" tabindex="0" href="javascript: void(0);">My Account</a> </span> <div class="signInDropdownPosition"> <div id="signInDropdownContent"> <div class="welcomeToCrownText">Welcome to Crown</div> <div class="myAccountDetails"> <p>My Account</p> <ul> <div class="featureDetails"> <li>Faster checkout</li> <li>Easy order tracking</li> <li>View order history</li> </div> </ul> </div> <a onclick="onSignInButtonClick()" tabindex="0" href="javascript: void(0);" class="btn btn-cta text-white background-orange signInBtn"> Sign In </a> <div class="createAccountSection"> <p>Don鈥檛 have an account?</p> <a href="https://shop.crown.com/crown/en/register" class="text-dark" tabindex="0"> <u>Create an Account</u> </a> </div> </div> </div> <div class="myAccountDropdownPosition"> <div id="myAccountDropdownContent"> <span class="myAccountPosition"> <a href="https://shop.crown.com/crown/en/my-account" class="myAccountLink" tabindex="0"> <i class="fas fa-user fa-fw textIcon"></i> <span class="myAccountText">Account Dashboard</span> </a> </span> <hr class="topLine"/> <div class="myAccountOptions"> <a href="https://shop.crown.com/crown/en/my-account/update-profile" tabindex="0" class="option">Contact Information</a> <a href="https://shop.crown.com/crown/en/my-account/address-book" tabindex="0" class="option">Address Book</a> <a href="https://shop.crown.com/crown/en/my-account/payment-details" tabindex="0" class="option">Payment Settings</a> <a href="https://shop.crown.com/crown/en/my-account/orders" tabindex="0" class="option">Orders</a> <a href="https://shop.crown.com/crown/en/my-account/returns" tabindex="0" class="option">Returns</a> <a href="https://shop.crown.com/crown/en/my-account/saved-carts" tabindex="0" class="option">Saved Carts</a> </div> <hr class="bottomLine"/> <a onclick="onSignOutButtonClick()" tabindex="0" class="signOutText" href="javascript: void(0);">Sign out</a> </div> </div> </span> </ul> </div> <script type="text/javascript"> $.ajax({ url: "/content/en-us/jcr:content/header/header/locatorselector" + ".silentauth.json", type: 'GET', async: false, data: { redirectUrl: window.location.pathname, hash: window.location.hash, urlParams: window.location.search.substring(1) }, dataType: 'json', success: function(response) { if(response.redirectUrl && !response.isValid) { document.getElementById('silentAuthFrame').src = response.redirectUrl; } }, error: function() { // Using console log as there is no error that the user will see if an error happens. It needs to fail silently console.log("Initial token validation Failure"); } }) </script> </div> <script> window.addEventListener("load", () => { if("true") { $.ajax({ url: "/content/en-us/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("true") { 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/en-us/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/en-us/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="/en-us.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="/en-us/forklift-dealers.html" onclick="addDealerLocatorCTAGA('Find Your Dealer Click')" class="btn-dealerLocator btn-orange dealerLocatorMobile" tabindex="0"> <i class="fas fa-map-marker-alt dealerLocatorIcon"></i> <span class="btn-dealerLocator-text">Find Your Dealer</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 " href="javascript: void(0);" style="background: transparent !important" data-toggle="search-form" data-target="#search-form"> <i class="fas fa-search headerSearchIcon"></i> </a> </li> <li onclick="onCartClick()"> <span class="cartIcon" tabindex="0"> <i class="fas fa-shopping-cart headerShoppingCart"></i> </span> </li> </ul>  </div> <span class="headerItems">  <div class="collapse navbar-collapse theme-navbar-collapse low" data-activedrawer="" id="navbar-main"> <div class="d-md-none signInMobile"> <div class="signInTextIcon"> <i class="fas fa-user fa-fw signInUserIcon"></i> <a class="signInButtonMobile" onclick="onSignInButtonClick()">Sign In</a> </div> <div class="divider"></div> <a href="https://shop.crown.com/crown/en/register" class="createAnAccountButtonMobile">Create an Account</a> </div> <div class="d-md-none myAccountMobile"> <a class="myAccountPortion" onclick="toggleMyAccountMobileDropdown()"> <i class="fas fa-user fa-fw myAccountUserIcon"></i> <div class="myAccountButtonMobile">My Account</div> </a> <div class="dropdownMenu" id="myAccountDropdownMobile"> <ul> <li class="myAccountSubmenuMobile"> <a href="https://shop.crown.com/crown/en/my-account" class="myAccountDisplay"> <i class="fas fa-user fa-fw userIconMobile"></i> <p class="myAccountTextMobile">Account Dashboard</p> </a> </li> <div class="myAccountListMobile"> <li><a href="https://shop.crown.com/crown/en/my-account/update-profile" class="myAccountOptionMobile">Contact Information</a></li> <li><a href="https://shop.crown.com/crown/en/my-account/address-book" class="myAccountOptionMobile">Address Book</a></li> <li><a href="https://shop.crown.com/crown/en/my-account/payment-details" class="myAccountOptionMobile">Payment Settings</a></li> <li><a href="https://shop.crown.com/crown/en/my-account/orders" class="myAccountOptionMobile">Orders</a></li> <li><a href="https://shop.crown.com/crown/en/my-account/returns" class="myAccountOptionMobile">Returns</a></li> <li><a href="https://shop.crown.com/crown/en/my-account/saved-carts" class="myAccountOptionMobile">Saved Carts</a></li> </div> <li class="signOutMobile"> <a class="myAccountOptionMobile" onclick="onSignOutButtonClick()">Sign out</a> </li> </ul> </div> </div> <ul class="nav navbar-nav theme-navbar-nav "> <li class="dropdown"> <a class="dropdown-toggle" unique-id="-724275932" data-toggle="dropdown" data-test="1888998764" id="drawer_1888998764" onclick="triggerFirstItemClick_1888998764(this); triggerDrawerClick(this);" tabindex="0" href="javascript: void(0);"> Products </a> <div class="dropdown-menu multi-level theme-nav-dropdown-menu background-black dualLayer" role="menu" aria-labelledby="New Forklifts"> <div class="container container-dropdown text-black background-black dualLayerContainer" id="minHeight_1888998764"> <div class="row"> <div class="col-xl-3 col-sm-12 theme-nav-dropdown-menu-list-container dualLayerMenuListContainer"> <ul class="firstLayerList" id="firstLayerListId-724275932"> <li id="item0-724275932" side-content-url="/content/en-us/main-navigation-drawer/products" unique-id="-724275932" class="dropdown-submenu firstLayerItem_1888998764 "> <a id="item0-724275932Text" class="firstLayerText" data-toggle="dropdown-menu" tabindex="-1" href="#">New Forklifts</a>  <div class="d-block d-xl-none "> <div class="secondLayerInner"> <ul class="dropdown-menu hideContent secondLayerMobileList" id="item0-724275932ChildListMobile"> <li> <a onclick="addMainNavGA('Products', 'Forklift Selector')" class="secondLayerText" tabindex="-1" href="/en-us/forklift-product-selector.html">Forklift Selector</a> </li> <li> <a onclick="addMainNavGA('Products', 'Pallet Trucks')" class="secondLayerText" tabindex="-1" href="/en-us/forklifts/pallet-trucks.html">Pallet Trucks</a> </li> <li> <a onclick="addMainNavGA('Products', 'Stackers')" class="secondLayerText" tabindex="-1" href="/en-us/forklifts/stackers.html">Stackers</a> </li> <li> <a onclick="addMainNavGA('Products', 'Electric Counterbalance')" class="secondLayerText" tabindex="-1" href="/en-us/forklifts/electric-counterbalance-forklifts.html">Electric Counterbalance</a> </li> <li> <a onclick="addMainNavGA('Products', 'Internal Combustion Counterbalance')" class="secondLayerText" tabindex="-1" href="/en-us/forklifts/internal-combustion-counterbalance-forklifts.html">Internal Combustion Counterbalance</a> </li> <li> <a onclick="addMainNavGA('Products', 'Reach Trucks')" class="secondLayerText" tabindex="-1" href="/en-us/forklifts/reach-trucks.html">Reach Trucks</a> </li> <li> <a onclick="addMainNavGA('Products', 'Man Up Order Pickers')" class="secondLayerText" tabindex="-1" href="/en-us/forklifts/man-up-order-pickers.html">Man Up Order Pickers</a> </li> <li> <a onclick="addMainNavGA('Products', 'All Forklifts')" class="secondLayerText" tabindex="-1" href="/en-us/forklifts.html">All Forklifts</a> </li> </ul> </div> </div> </li> <li class="firstLayerLink"> <a tabindex="-1" onclick="addMainNavGA('Products', 'Rental Forklifts')" href="/en-us/forklift-rentals.html">Rental Forklifts</a> </li> <li class="firstLayerLink"> <a tabindex="-1" onclick="addMainNavGA('Products', 'Reconditioned Forklifts')" href="/en-us/remanufactured-forklifts.html">Reconditioned Forklifts</a> </li> <li class="firstLayerLink"> <a tabindex="-1" onclick="addMainNavGA('Products', 'Used \/ Pre\u002DOwned Forklifts')" href="/en-us/pre-owned-forklifts.html">Used / Pre-Owned Forklifts</a> </li> <li class="firstLayerLink"> <a tabindex="-1" onclick="addMainNavGA('Products', 'V\u002DForce Batteries \x26 Chargers')" href="/en-us/batteries-and-chargers.html">V-Force Batteries & Chargers</a> </li> <li class="firstLayerLink"> <a tabindex="-1" onclick="addMainNavGA('Products', 'All Products')" href="/en-us/products.html">All Products</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="item0-724275932Child"> <ul class="secondLayerDesktopList"> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('Products', 'Forklift Selector')" tabindex="-1" href="/en-us/forklift-product-selector.html">Forklift Selector</a> </li> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('Products', 'Pallet Trucks')" tabindex="-1" href="/en-us/forklifts/pallet-trucks.html">Pallet Trucks</a> </li> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('Products', 'Stackers')" tabindex="-1" href="/en-us/forklifts/stackers.html">Stackers</a> </li> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('Products', 'Electric Counterbalance')" tabindex="-1" href="/en-us/forklifts/electric-counterbalance-forklifts.html">Electric Counterbalance</a> </li> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('Products', 'Internal Combustion Counterbalance')" tabindex="-1" href="/en-us/forklifts/internal-combustion-counterbalance-forklifts.html">Internal Combustion Counterbalance</a> </li> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('Products', 'Reach Trucks')" tabindex="-1" href="/en-us/forklifts/reach-trucks.html">Reach Trucks</a> </li> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('Products', 'Man Up Order Pickers')" tabindex="-1" href="/en-us/forklifts/man-up-order-pickers.html">Man Up Order Pickers</a> </li> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('Products', 'All Forklifts')" tabindex="-1" href="/en-us/forklifts.html">All Forklifts</a> </li> </ul> </div>  <div class="secondLayerDiv hideContent" id="item1-724275932Child"> </div>  <div class="secondLayerDiv hideContent" id="item2-724275932Child"> </div>  <div class="secondLayerDiv hideContent" id="item3-724275932Child"> </div>  <div class="secondLayerDiv hideContent" id="item4-724275932Child"> </div>  <div class="secondLayerDiv hideContent" id="item5-724275932Child"> </div> </ul> </div> <div class="col-xl-6 d-none d-xl-block container-side-content dualLayerSideContent" id="drawer_1888998764-side-content"></div> </div> </div> </div> <script> let currentActiveParent_1888998764 = ""; let currentActiveChild_1888998764 = ""; let currentActiveChildMobile_1888998764 = ""; $(document).ready(function() { $('.firstLayerItem_1888998764').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_1888998764-side-content').html(content); } }); // Toggle Second Layer Drop-downs toggleSecondLayerDropDowns_1888998764(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_1888998764(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_1888998764(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_1888998764 === "" && currentActiveChildMobile_1888998764 === "") || (currentActiveChild_1888998764 === newChild && currentActiveChildMobile_1888998764 === newChildMobile)) { currentActiveChild_1888998764 = newChild; currentActiveChildMobile_1888998764 = newChildMobile; currentActiveParent_1888998764 = 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_1888998764).hasClass('showContent') && $('#' + currentActiveChildMobile_1888998764).hasClass('showContent')) { hideDropdown(currentActiveChildMobile_1888998764); $('#' + selectedOptionId + 'Text').removeClass('caretUp'); } else { showDropdown(currentActiveChild_1888998764); showDropdown(currentActiveChildMobile_1888998764); $('#' + selectedOptionId + 'Text').addClass('caretUp'); } } else { hideDropdown(currentActiveChild_1888998764); hideDropdown(currentActiveChildMobile_1888998764); showDropdown(newChild); showDropdown(newChildMobile); // Toggle first layer css on select $('#' + currentActiveParent_1888998764 + 'Text').removeClass('firstLayerSelectedColor'); $('#' + currentActiveParent_1888998764 + 'Text').removeClass('caretUp'); $('#' + selectedOptionId + 'Text').addClass('firstLayerSelectedColor'); $('#' + selectedOptionId + 'Text').addClass('caretUp'); currentActiveChild_1888998764 = newChild; currentActiveChildMobile_1888998764 = newChildMobile; currentActiveParent_1888998764 = 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_1888998764').parent().on("hidden.bs.dropdown", function() { $('#firstLayerListId-724275932').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_1888998764-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_1447712465" 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_1447712465"> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Solutions', 'Automation Solutions')" href="/en-us/automation.html">Automation Solutions</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Solutions', 'Connected Solutions')" href="/en-us/connected-solutions.html">Connected Solutions</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Solutions', 'Energy Solutions')" href="/en-us/v-force-energy-solutions.html">Energy Solutions</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Solutions', 'Fleet Management ')" href="/en-us/fleet-management.html">Fleet Management </a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Solutions', 'Warehouse Solutions')" href="/en-us/warehouse-solutions.html">Warehouse Solutions</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Solutions', 'Financing Options')" href="/en-us/financing.html">Financing Options</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Solutions', 'View All Solutions')" href="/en-us/solutions.html">View All Solutions</a> </li> </ul> </div> <div class="col-md-8 hide-sm container-side-content" id="drawer_1447712465-side-content"></div> </div> </div> <div class="dropdown-bottom-line"></div> </div> <script type="text/javascript"> $(document).ready(function() { $('#drawer_1447712465').on("click", function() { $.ajax({ url: '/content/en-us/main-navigation-drawer/solutions.html', success: function(html) { let content = $("<div />").html(html).find("#content"); $('#drawer_1447712465-side-content').html(content); } }); }); $('#drawer_1447712465').parent().on("hidden.bs.dropdown", function() { $('.drawer_1447712465').find("li a[tabindex='0']").each( function() { $(this).attr("tabindex", -1); }); $('#drawer_1447712465-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_1027237863" onclick="triggerDrawerClick(this)" tabindex="0" href="javascript: void(0);"> Support </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_1027237863"> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Support', 'Service \x26 Parts')" href="/en-us/service-parts.html">Service & Parts</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Support', 'Safety \x26 Training')" href="/en-us/safety-training.html">Safety & Training</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Support', 'Dealer Network')" href="/en-us/forklift-dealers.html">Dealer Network</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Support', 'View All Support')" href="/en-us/support.html">View All Support</a> </li> </ul> </div> <div class="col-md-8 hide-sm container-side-content" id="drawer_1027237863-side-content"></div> </div> </div> <div class="dropdown-bottom-line"></div> </div> <script type="text/javascript"> $(document).ready(function() { $('#drawer_1027237863').on("click", function() { $.ajax({ url: '/content/en-us/main-navigation-drawer/support.html', success: function(html) { let content = $("<div />").html(html).find("#content"); $('#drawer_1027237863-side-content').html(content); } }); }); $('#drawer_1027237863').parent().on("hidden.bs.dropdown", function() { $('.drawer_1027237863').find("li a[tabindex='0']").each( function() { $(this).attr("tabindex", -1); }); $('#drawer_1027237863-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_765323268" onclick="triggerDrawerClick(this)" tabindex="0" href="javascript: void(0);"> Why 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_765323268"> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Why Crown', 'Customer Results')" href="/en-us/customer-results.html">Customer Results</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Why Crown', 'Sustainability')" href="/en-us/sustainability.html">Sustainability</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Why Crown', 'Industry Recognition')" href="/en-us/awards.html">Industry Recognition</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Why Crown', 'Why Crown')" href="/en-us/why-crown.html">Why Crown</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Why Crown', 'Crown Blog')" href="/en-us/blog.html">Crown Blog</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Why Crown', 'Crown News \x26 Press')" href="/en-us/newsroom.html">Crown News & Press</a> </li> </ul> </div> <div class="col-md-8 hide-sm container-side-content" id="drawer_765323268-side-content"></div> </div> </div> <div class="dropdown-bottom-line"></div> </div> <script type="text/javascript"> $(document).ready(function() { $('#drawer_765323268').on("click", function() { $.ajax({ url: '/content/en-us/main-navigation-drawer/why-crown.html', success: function(html) { let content = $("<div />").html(html).find("#content"); $('#drawer_765323268-side-content').html(content); } }); }); $('#drawer_765323268').parent().on("hidden.bs.dropdown", function() { $('.drawer_765323268').find("li a[tabindex='0']").each( function() { $(this).attr("tabindex", -1); }); $('#drawer_765323268-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 class="dropdown-toggle" unique-id="1289398447" data-toggle="dropdown" data-test="395991100" id="drawer_395991100" onclick="triggerFirstItemClick_395991100(this); triggerDrawerClick(this);" tabindex="0" href="javascript: void(0);"> Shop </a> <div class="dropdown-menu multi-level theme-nav-dropdown-menu background-black dualLayer" role="menu" aria-labelledby="Shop"> <div class="container container-dropdown text-black background-black dualLayerContainer" id="minHeight_395991100"> <div class="row"> <div class="col-xl-3 col-sm-12 theme-nav-dropdown-menu-list-container dualLayerMenuListContainer"> <ul class="firstLayerList" id="firstLayerListId1289398447"> <li id="item01289398447" side-content-url="/content/en-us/main-navigation-drawer/forklifts" unique-id="1289398447" class="dropdown-submenu firstLayerItem_395991100 "> <a id="item01289398447Text" class="firstLayerText" data-toggle="dropdown-menu" tabindex="-1" href="#">Forklifts</a>  <div class="d-block d-xl-none "> <div class="secondLayerInner"> <ul class="dropdown-menu hideContent secondLayerMobileList" id="item01289398447ChildListMobile"> <li> <a onclick="addMainNavGA('Shop', 'Pallet Jack')" class="secondLayerText" tabindex="-1" href="https://shop.crown.com/crown/en/Forklifts/Hand-Pallet-Jack/p/pth-50-5000_bc">Pallet Jack</a> </li> <li> <a onclick="addMainNavGA('Shop', 'Pallet Jack with Load Tray')" class="secondLayerText" tabindex="-1" href="https://shop.crown.com/crown/en/Forklifts/Hand-Pallet-Jack-with-Load-Tray/p/pth-50-5000-load-tray_bc">Pallet Jack with Load Tray</a> </li> <li> <a onclick="addMainNavGA('Shop', 'Powered Scissor Lift Pallet Jack')" class="secondLayerText" tabindex="-1" href="https://shop.crown.com/crown/en/Forklifts/Hand-Pallet-Jack-with-Powered-Scissor-Lift/p/pth-50-2200_bc">Powered Scissor Lift Pallet Jack</a> </li> <li> <a onclick="addMainNavGA('Shop', 'Electric Pallet Jack')" class="secondLayerText" tabindex="-1" href="https://shop.crown.com/crown/en/Forklifts/Electric-Pallet-Jack/p/wp-3200_bc">Electric Pallet Jack</a> </li> <li> <a onclick="addMainNavGA('Shop', 'Stacker')" class="secondLayerText" tabindex="-1" href="https://shop.crown.com/crown/en/Forklifts/Walkie-Straddle-Stacker/p/m-3200_bc">Stacker</a> </li> <li> <a onclick="addMainNavGA('Shop', 'All Forklifts')" class="secondLayerText" tabindex="-1" href="https://shop.crown.com/crown/en/Forklifts/c/forklifts">All Forklifts</a> </li> </ul> </div> </div> </li> <li id="item11289398447" side-content-url="/content/en-us/main-navigation-drawer/general-supplies" unique-id="1289398447" class="dropdown-submenu firstLayerItem_395991100 "> <a id="item11289398447Text" class="firstLayerText" data-toggle="dropdown-menu" tabindex="-1" href="#">General Supplies</a>  <div class="d-block d-xl-none "> <div class="secondLayerInner"> <ul class="dropdown-menu hideContent secondLayerMobileList" id="item11289398447ChildListMobile"> <li> <a onclick="addMainNavGA('Shop', 'Safety Equipment')" class="secondLayerText" tabindex="-1" href="https://shop.crown.com/crown/en/General-Supplies/Safety-Equipment/c/safety_equipment">Safety Equipment</a> </li> <li> <a onclick="addMainNavGA('Shop', 'Tools')" class="secondLayerText" tabindex="-1" href="https://shop.crown.com/crown/en/General-Supplies/Tools/c/tools">Tools</a> </li> <li> <a onclick="addMainNavGA('Shop', 'Warehouse')" class="secondLayerText" tabindex="-1" href="https://shop.crown.com/crown/en/General-Supplies/Warehouse/c/warehouse">Warehouse</a> </li> <li> <a onclick="addMainNavGA('Shop', 'Service Supplies')" class="secondLayerText" tabindex="-1" href="https://shop.crown.com/crown/en/General-Supplies/Service-Supplies/c/service_supplies">Service Supplies</a> </li> <li> <a onclick="addMainNavGA('Shop', 'All General Supplies')" class="secondLayerText" tabindex="-1" href="https://shop.crown.com/crown/en/General-Supplies/c/general_supplies">All General Supplies</a> </li> </ul> </div> </div> </li> <li id="item21289398447" side-content-url="/content/en-us/main-navigation-drawer/parts-accessories" unique-id="1289398447" class="dropdown-submenu firstLayerItem_395991100 "> <a id="item21289398447Text" class="firstLayerText" data-toggle="dropdown-menu" tabindex="-1" href="#">Forklift Parts and Accessories</a>  <div class="d-block d-xl-none "> <div class="secondLayerInner"> <ul class="dropdown-menu hideContent secondLayerMobileList" id="item21289398447ChildListMobile"> <li> <a onclick="addMainNavGA('Shop', 'Hydraulic Components')" class="secondLayerText" tabindex="-1" href="https://shop.crown.com/crown/en/Forklift-Parts-And-Accessories/Hydraulic-Components/c/hydraulic_components">Hydraulic Components</a> </li> <li> <a onclick="addMainNavGA('Shop', 'Fork Attachments')" class="secondLayerText" tabindex="-1" href="https://shop.crown.com/crown/en/Forklift-Parts-And-Accessories/Forks-and-Attachment-Parts/c/forks_and_attachment_parts">Fork Attachments</a> </li> <li> <a onclick="addMainNavGA('Shop', 'Work Assist')" class="secondLayerText" tabindex="-1" href="https://shop.crown.com/crown/en/Forklift-Parts-And-Accessories/Work-Assist/c/work_assist">Work Assist</a> </li> <li> <a onclick="addMainNavGA('Shop', 'Electric Truck Components')" class="secondLayerText" tabindex="-1" href="https://shop.crown.com/crown/en/Forklift-Parts-And-Accessories/Electric-Truck-Components/c/electric_truck_components">Electric Truck Components</a> </li> <li> <a onclick="addMainNavGA('Shop', 'Wheels and Tires')" class="secondLayerText" tabindex="-1" href="https://shop.crown.com/crown/en/Forklift-Parts-And-Accessories/Wheels-and-Tires/c/wheels_and_tires">Wheels and Tires</a> </li> <li> <a onclick="addMainNavGA('Shop', 'I.C. Truck Components')" class="secondLayerText" tabindex="-1" href="https://shop.crown.com/crown/en/Forklift-Parts-And-Accessories/Internal-Combustion-%28IC%29-Truck-Components/c/ic_truck_components">I.C. Truck Components</a> </li> <li> <a onclick="addMainNavGA('Shop', 'All Forklift Parts and Accessories')" class="secondLayerText" tabindex="-1" href="https://shop.crown.com/crown/en/Forklift-Parts-And-Accessories/c/forklift_parts_and_accessories">All Forklift Parts and Accessories</a> </li> </ul> </div> </div> </li> <li id="item31289398447" side-content-url="/content/en-us/main-navigation-drawer/batteries-chargers" unique-id="1289398447" class="dropdown-submenu firstLayerItem_395991100 "> <a id="item31289398447Text" class="firstLayerText" data-toggle="dropdown-menu" tabindex="-1" href="#">Batteries and Chargers</a>  <div class="d-block d-xl-none "> <div class="secondLayerInner"> <ul class="dropdown-menu hideContent secondLayerMobileList" id="item31289398447ChildListMobile"> <li> <a onclick="addMainNavGA('Shop', 'Battery and Charger \u002D Parts and Accessories')" class="secondLayerText" tabindex="-1" href="https://shop.crown.com/crown/en/Batteries-and-Chargers/Battery-and-Charger-Parts-and-Accessories/c/battery_and_charger_parts_and_accessories">Battery and Charger - Parts and Accessories</a> </li> <li> <a onclick="addMainNavGA('Shop', 'V\u002DForce Batteries \x26 Chargers')" class="secondLayerText" tabindex="-1" href="https://shop.crown.com/crown/en/Batteries-and-Chargers/V-Force-Batteries-and-Chargers/c/v-force_batteries_and_chargers">V-Force Batteries & Chargers</a> </li> <li> <a onclick="addMainNavGA('Shop', 'All Batteries and Chargers')" class="secondLayerText" tabindex="-1" href="https://shop.crown.com/crown/en/Batteries-and-Chargers/c/battery_and_charger">All Batteries and Chargers</a> </li> </ul> </div> </div> </li> <li id="item41289398447" side-content-url="/content/en-us/main-navigation-drawer/infolink" unique-id="1289398447" class="dropdown-submenu firstLayerItem_395991100 "> <a id="item41289398447Text" class="firstLayerText" data-toggle="dropdown-menu" tabindex="-1" href="#">InfoLink</a>  <div class="d-block d-xl-none "> <div class="secondLayerInner"> <ul class="dropdown-menu hideContent secondLayerMobileList" id="item41289398447ChildListMobile"> <li> <a onclick="addMainNavGA('Shop', 'All InfoLink')" class="secondLayerText" tabindex="-1" href="https://shop.crown.com/crown/en/InfoLink/c/infolink">All InfoLink</a> </li> </ul> </div> </div> </li> <li class="firstLayerLink"> <a tabindex="-1" onclick="addMainNavGA('Shop', 'Browse All Products')" href="https://shop.crown.com/crown/en/search?q=">Browse All Products</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="item01289398447Child"> <ul class="secondLayerDesktopList"> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('Shop', 'Pallet Jack')" tabindex="-1" href="https://shop.crown.com/crown/en/Forklifts/Hand-Pallet-Jack/p/pth-50-5000_bc">Pallet Jack</a> </li> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('Shop', 'Pallet Jack with Load Tray')" tabindex="-1" href="https://shop.crown.com/crown/en/Forklifts/Hand-Pallet-Jack-with-Load-Tray/p/pth-50-5000-load-tray_bc">Pallet Jack with Load Tray</a> </li> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('Shop', 'Powered Scissor Lift Pallet Jack')" tabindex="-1" href="https://shop.crown.com/crown/en/Forklifts/Hand-Pallet-Jack-with-Powered-Scissor-Lift/p/pth-50-2200_bc">Powered Scissor Lift Pallet Jack</a> </li> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('Shop', 'Electric Pallet Jack')" tabindex="-1" href="https://shop.crown.com/crown/en/Forklifts/Electric-Pallet-Jack/p/wp-3200_bc">Electric Pallet Jack</a> </li> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('Shop', 'Stacker')" tabindex="-1" href="https://shop.crown.com/crown/en/Forklifts/Walkie-Straddle-Stacker/p/m-3200_bc">Stacker</a> </li> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('Shop', 'All Forklifts')" tabindex="-1" href="https://shop.crown.com/crown/en/Forklifts/c/forklifts">All Forklifts</a> </li> </ul> </div>  <div class="secondLayerDiv hideContent" id="item11289398447Child"> <ul class="secondLayerDesktopList"> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('Shop', 'Safety Equipment')" tabindex="-1" href="https://shop.crown.com/crown/en/General-Supplies/Safety-Equipment/c/safety_equipment">Safety Equipment</a> </li> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('Shop', 'Tools')" tabindex="-1" href="https://shop.crown.com/crown/en/General-Supplies/Tools/c/tools">Tools</a> </li> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('Shop', 'Warehouse')" tabindex="-1" href="https://shop.crown.com/crown/en/General-Supplies/Warehouse/c/warehouse">Warehouse</a> </li> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('Shop', 'Service Supplies')" tabindex="-1" href="https://shop.crown.com/crown/en/General-Supplies/Service-Supplies/c/service_supplies">Service Supplies</a> </li> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('Shop', 'All General Supplies')" tabindex="-1" href="https://shop.crown.com/crown/en/General-Supplies/c/general_supplies">All General Supplies</a> </li> </ul> </div>  <div class="secondLayerDiv hideContent" id="item21289398447Child"> <ul class="secondLayerDesktopList"> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('Shop', 'Hydraulic Components')" tabindex="-1" href="https://shop.crown.com/crown/en/Forklift-Parts-And-Accessories/Hydraulic-Components/c/hydraulic_components">Hydraulic Components</a> </li> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('Shop', 'Fork Attachments')" tabindex="-1" href="https://shop.crown.com/crown/en/Forklift-Parts-And-Accessories/Forks-and-Attachment-Parts/c/forks_and_attachment_parts">Fork Attachments</a> </li> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('Shop', 'Work Assist')" tabindex="-1" href="https://shop.crown.com/crown/en/Forklift-Parts-And-Accessories/Work-Assist/c/work_assist">Work Assist</a> </li> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('Shop', 'Electric Truck Components')" tabindex="-1" href="https://shop.crown.com/crown/en/Forklift-Parts-And-Accessories/Electric-Truck-Components/c/electric_truck_components">Electric Truck Components</a> </li> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('Shop', 'Wheels and Tires')" tabindex="-1" href="https://shop.crown.com/crown/en/Forklift-Parts-And-Accessories/Wheels-and-Tires/c/wheels_and_tires">Wheels and Tires</a> </li> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('Shop', 'I.C. Truck Components')" tabindex="-1" href="https://shop.crown.com/crown/en/Forklift-Parts-And-Accessories/Internal-Combustion-%28IC%29-Truck-Components/c/ic_truck_components">I.C. Truck Components</a> </li> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('Shop', 'All Forklift Parts and Accessories')" tabindex="-1" href="https://shop.crown.com/crown/en/Forklift-Parts-And-Accessories/c/forklift_parts_and_accessories">All Forklift Parts and Accessories</a> </li> </ul> </div>  <div class="secondLayerDiv hideContent" id="item31289398447Child"> <ul class="secondLayerDesktopList"> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('Shop', 'Battery and Charger \u002D Parts and Accessories')" tabindex="-1" href="https://shop.crown.com/crown/en/Batteries-and-Chargers/Battery-and-Charger-Parts-and-Accessories/c/battery_and_charger_parts_and_accessories">Battery and Charger - Parts and Accessories</a> </li> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('Shop', 'V\u002DForce Batteries \x26 Chargers')" tabindex="-1" href="https://shop.crown.com/crown/en/Batteries-and-Chargers/V-Force-Batteries-and-Chargers/c/v-force_batteries_and_chargers">V-Force Batteries & Chargers</a> </li> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('Shop', 'All Batteries and Chargers')" tabindex="-1" href="https://shop.crown.com/crown/en/Batteries-and-Chargers/c/battery_and_charger">All Batteries and Chargers</a> </li> </ul> </div>  <div class="secondLayerDiv hideContent" id="item41289398447Child"> <ul class="secondLayerDesktopList"> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('Shop', 'All InfoLink')" tabindex="-1" href="https://shop.crown.com/crown/en/InfoLink/c/infolink">All InfoLink</a> </li> </ul> </div>  <div class="secondLayerDiv hideContent" id="item51289398447Child"> </div> </ul> </div> <div class="col-xl-6 d-none d-xl-block container-side-content dualLayerSideContent" id="drawer_395991100-side-content"></div> </div> </div> </div> <script> let currentActiveParent_395991100 = ""; let currentActiveChild_395991100 = ""; let currentActiveChildMobile_395991100 = ""; $(document).ready(function() { $('.firstLayerItem_395991100').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_395991100-side-content').html(content); } }); // Toggle Second Layer Drop-downs toggleSecondLayerDropDowns_395991100(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_395991100(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_395991100(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_395991100 === "" && currentActiveChildMobile_395991100 === "") || (currentActiveChild_395991100 === newChild && currentActiveChildMobile_395991100 === newChildMobile)) { currentActiveChild_395991100 = newChild; currentActiveChildMobile_395991100 = newChildMobile; currentActiveParent_395991100 = 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_395991100).hasClass('showContent') && $('#' + currentActiveChildMobile_395991100).hasClass('showContent')) { hideDropdown(currentActiveChildMobile_395991100); $('#' + selectedOptionId + 'Text').removeClass('caretUp'); } else { showDropdown(currentActiveChild_395991100); showDropdown(currentActiveChildMobile_395991100); $('#' + selectedOptionId + 'Text').addClass('caretUp'); } } else { hideDropdown(currentActiveChild_395991100); hideDropdown(currentActiveChildMobile_395991100); showDropdown(newChild); showDropdown(newChildMobile); // Toggle first layer css on select $('#' + currentActiveParent_395991100 + 'Text').removeClass('firstLayerSelectedColor'); $('#' + currentActiveParent_395991100 + 'Text').removeClass('caretUp'); $('#' + selectedOptionId + 'Text').addClass('firstLayerSelectedColor'); $('#' + selectedOptionId + 'Text').addClass('caretUp'); currentActiveChild_395991100 = newChild; currentActiveChildMobile_395991100 = newChildMobile; currentActiveParent_395991100 = 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_395991100').parent().on("hidden.bs.dropdown", function() { $('#firstLayerListId1289398447').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_395991100-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_4" data-path="/content/en-us/jcr:content/header/header/mainnav/createddrawer_4"> <a href="/en-us/contact-us.html" class="dropdown-toggle link-only mobile-only link-only">Contact Us</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/en-us/jcr:content/header/header/mainnav/createddrawer_5"> <a href="https://customer.crown.com/mycrown" class="dropdown-toggle link-only mobile-only link-only">My Crown</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_6" data-path="/content/en-us/jcr:content/header/header/mainnav/createddrawer_6"> <a href="https://shop.crown.com/crown/en/quickOrder?utm_source=crown.com&utm_medium=referral&utm_campaign=shop.crown.com&utm_content=homepage-nav-quickorder" class="dropdown-toggle link-only mobile-only link-only">Quick Order</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_7"> <li role="presentation"> <a onclick="Crown.Common.Cookies.eraseCookie('crownlocation'); addMainNavGA('Location \/ Language', 'United States (Change)')" role="menuitem" tabindex="-1" href="/global-selector-page.html">United States (Change)</a> </li> </ul> </div> <div class="col-md-8 hide-sm container-side-content" id="createddrawer_7-side-content"></div> </div> </div> <div class="dropdown-bottom-line"></div> </div> <script type="text/javascript"> $(document).ready(function() { $('#createddrawer_7').on("click", function() { $.ajax({ url: '.html', success: function(html) { let content = $("<div />").html(html).find("#content"); $('#createddrawer_7-side-content').html(content); } }); }); $('#createddrawer_7').parent().on("hidden.bs.dropdown", function() { $('.createddrawer_7').find("li a[tabindex='0']").each( function() { $(this).attr("tabindex", -1); }); $('#createddrawer_7-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"> Close </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('true') { 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="/en-us/forklift-dealers.html" onclick="addDealerLocatorCTAGA('Find Your Dealer Click')" class="btn-dealerLocator btn-orange dealerLocatorMobile" tabindex="0"> <i class="fas fa-map-marker-alt dealerLocatorIcon"></i> <span class="btn-dealerLocator-text">Find Your Dealer</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 " style="background: transparent !important" data-toggle="search-form" data-target="#search-form" href="javascript: void(0);"> <i class="fas fa-search headerSearchIcon"></i>  </a> </li> <li onclick="onCartClick()"> <span class="cartIcon" tabindex="0"> <i class="fas fa-shopping-cart headerShoppingCart"></i> <span id="cartItemCountDesktop" class="cartItemCount">( 0 )</span> </span> </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="/en-us/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">Username Error</h5> </div> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <p>Close</p> <span class="closeIcon" aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <p>The username entered is not associated with a shop.crown.com account. To activate, please <a class="createAccountLink" href="https://shop.crown.com/crown/en/register"> Create an Account.</a> </p> </div> <div class="modal-footer"> <button type="button" class="btn btn-link cancelButton" data-dismiss="modal"> Cancel </button> <button type="button" id="createAccountBtnId" class="btn btn-orange btn-rounded btn-block createAccountButton"> Create an Account </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("true") { 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 = "https:\/\/shop.crown.com\/crown\/en\/register"; }); </script> </div> <div class="newpar new section"> </div> <div class="par iparys_inherited"> </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="/en-us/combined-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" placeholder="Search Crown" 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">Suggestions</div> <div id="searchSuggestions" class="searchItem"> </div> <div class="searchHeader">Search Results</div> <div id="searchResults" class="searchItem"> </div> </div> </div> </div> </form> <div class="breadcrumb-container"> <div class="breadcrumb"></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/en-us/jcr:content/header/header" + ".searchsuggestions" + ".json", type: "GET", async: true, dataType: "json", data: { "searchTerm": searchTerm, "pagesSearchPath": "/content/en-us" } }).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/en-us/jcr:content/header/header" + ".searchservlet" + ".json", type: 'GET', async: true, data: { "searchterm": searchTerm, "pagesize": 3, "pagesSearchPath": "/content/en-us" } }).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>There are no results available that match with your search</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="/en-us/forklift-dealers.html" onclick="addSocialConnectGA('Find Your Dealer')" tabindex="-1"> <span class="social-title">Find Your Dealer</span> <i class="fas fa-map-marker-alt fa-fw"></i> </a> </li> <li> <a href="#" onclick="addSocialConnectGA('Request More Information')" data-querystring="areaOfInterest=generalInquiry" data-target="#modal-form" data-formsource="/content/en-us/contact-us.html" data-toggle="modal"> <span class="social-title">Request More Information</span> <i class="fas fa-comment fa-fw"></i> </a> </li> <li> <a href="mailto:?Subject=Crown%20Equipment%20Corporation%20%7C%20USA%20%7C%20Material%20Handling&body=Hi%2C%20I%20saw%20this%20on%20crown.com%20and%20thought%20you%20might%20be%20interested.%20Click%20the%20following%20link%3A%20%3Chttps%3A%2F%2Fwww.crown.com%2Fen-us.html%3E" onclick="addSocialConnectGA('Share Through Email')" tabindex="-1"> <span class="social-title">Share Through Email</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="carousel"> <div> <style> .component-carousel .column .row-child { min-height: 500px; } @media (max-width: 767px) { .component-carousel .dotsOnOpacityContent { top: 270px; } .component-carousel .column .row-child { min-height: 250px; } .component-carousel .slick-prev, .component-carousel .slick-next { top: 120px; } .component-carousel .slick-slider { margin-bottom: 0px; } .component-carousel .slick-list { min-height: px; } } @media (min-width: 768px) and (max-width: 991.98px) { .component-carousel .dotsOnOpacityContent { top: 520px; } .component-carousel .slick-slider { margin-bottom: 0px; } } </style> </div> <input type="hidden" id="carouselsize" value="6"/> <div class="component-carousel text-white carousel-max-height-lg carousel-max-height-md carousel-max-height-sm"> <div class="container fullWidth "> <div class="overwriteContainerPadding"> <div class="row"> <div class="wrapper"> <div id="mainpar_carousel">  <div class="column col-sm-12 carousel-min-height float-left col-md-12 col-lg-12 col-xl-12 order-sm-0 order-md-0 order-lg-0 order-xl-0 " style="width:1200px;"> <div id="height_bd6285f4129949e6b5dd22a62c7e7d75" style="height: px"> <div class=" background-black-process "> <div class="background-black-process "> <div id="bgImage_bd6285f4129949e6b5dd22a62c7e7d75" class="clearfix row-child background-black-process everyDevice text-white container-vertical-aligned tabColumnBgFullWidthRow" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class="container-fluid"> <div class="container"> <div class=" col-md-6 vertical-align-middle"> <div class="container-inner"> <div class="opacitycomponent"> <div class=" padding-6x-top "> <div class="backgroundCSS backgroundColorOpacity_mainpar_carousel_carousel_1200440162_column_column1_opacitycomponent" id="backgroundColorOpacity_mainpar_carousel_carousel_1200440162_column_column1_opacitycomponent"> <div><div class="RichText richtext"> <div class=" width-100 component-left"> <h2 style="text-align: center;">Make the Smart<br> Career Move<br> </h2> <p style="text-align: center;">Build your career with one of America's Best Large Employers, as recognized by Forbes in 2024.<br> </p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> <div><div class="text-center "> <a href="https://us-careers.crown.com/?utm_source=crown.com&utm_medium=referral&utm_campaign=manufacturing-careers&utm_content=homepage-hero" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" target="_blank" onclick="addCTAGA('', '', '', '<p>Start Your Career Today<br \/>\r\n<\/p>\r\n')" tabindex="0"><p>Start Your Career Today<br /> </p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div><div class=" "> </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> <script> $(document).ready( function() { if("rgba(42, 42, 42,0.5)") { $('#backgroundColorOpacity_mainpar_carousel_carousel_1200440162_column_column1_opacitycomponent').css("background-color", "rgba(42, 42, 42,0.5)"); } if("200px") { $('#backgroundColorOpacity_mainpar_carousel_carousel_1200440162_column_column1_opacitycomponent').css("min-height", "200px"); } }) </script> </div> </div> </div> <div class=" col-md-6 vertical-align-middle"> <div class="container-inner"> </div> </div> </div> </div> </div> </div> </div> <div> <div id="opacityComponentMobileTablet_bd6285f4129949e6b5dd22a62c7e7d75" class="opacityComponentMobileTablet"> </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_bd6285f4129949e6b5dd22a62c7e7d75').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_bd6285f4129949e6b5dd22a62c7e7d75').addClass('bricksRow'); } }); </script> <div> <script> $(document).ready(function() { var tallestColumnHeight = 0; $('.container-vertical-aligned').find('.col-vertical-aligned').each(function() { var $this = $(this); if(tallestColumnHeight < $this.height()) { tallestColumnHeight = $this.height(); } }); $('.container-vertical-aligned').find('.col-vertical-aligned').height(tallestColumnHeight); }) </script> </div> <script> $(document).ready(function(){ setBackgroundImage_bd6285f4129949e6b5dd22a62c7e7d75(); }); $(window).resize(function(){ setBackgroundImage_bd6285f4129949e6b5dd22a62c7e7d75(); }); function setBackgroundImage_bd6285f4129949e6b5dd22a62c7e7d75() { var width = window.innerWidth; var image; if(width < 993 && width > 768 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/carousel\/Service\u002DTech\u002DMobile.jpg")) { image = ("/content/dam/crown/images/home-page/2022/carousel/Service-Tech-Mobile.jpg"); } else if(width < 769 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/carousel\/Service\u002DTech\u002DMobile.jpg")) { image = ("/content/dam/crown/images/home-page/2022/carousel/Service-Tech-Mobile.jpg"); } else { image = ("/content/dam/crown/images/home-page/2022/carousel/Service-Tech-Desktop.jpg"); } $('#bgImage_bd6285f4129949e6b5dd22a62c7e7d75').css("background-image","url("+image+")"); } </script> <script> let opacityContent_mainpar_carousel_carousel_1200440162_column_column1_opacitycomponent = $('.backgroundColorOpacity_mainpar_carousel_carousel_1200440162_column_column1_opacitycomponent').html(); $(document).ready(function(){ toggleMobileDesktop_mainpar_carousel_carousel_1200440162_column_column1_opacitycomponent(); setOpacityComponentMinHeight_bd6285f4129949e6b5dd22a62c7e7d75(); }); $(window).resize(function(){ toggleMobileDesktop_mainpar_carousel_carousel_1200440162_column_column1_opacitycomponent(); setOpacityComponentMinHeight_bd6285f4129949e6b5dd22a62c7e7d75(); }); function toggleMobileDesktop_mainpar_carousel_carousel_1200440162_column_column1_opacitycomponent() { let width = window.innerWidth; if(width<992) { $('.backgroundColorOpacity_mainpar_carousel_carousel_1200440162_column_column1_opacitycomponent').hide(); $('#opacityComponentMobileTablet_bd6285f4129949e6b5dd22a62c7e7d75').html(opacityContent_mainpar_carousel_carousel_1200440162_column_column1_opacitycomponent); $('.backgroundColorOpacity_mainpar_carousel_carousel_1200440162_column_column1_opacitycomponent').html(""); } else { $('.backgroundColorOpacity_mainpar_carousel_carousel_1200440162_column_column1_opacitycomponent').show(); if(!$('.backgroundColorOpacity_mainpar_carousel_carousel_1200440162_column_column1_opacitycomponent').html()){ $('.backgroundColorOpacity_mainpar_carousel_carousel_1200440162_column_column1_opacitycomponent').html(opacityContent_mainpar_carousel_carousel_1200440162_column_column1_opacitycomponent); } $('#opacityComponentMobileTablet_bd6285f4129949e6b5dd22a62c7e7d75').html(""); } } function setOpacityComponentMinHeight_bd6285f4129949e6b5dd22a62c7e7d75() { let width = window.innerWidth; if(width<992) { if(width<768) { $('#opacityComponentMobileTablet_bd6285f4129949e6b5dd22a62c7e7d75').css("min-height", "300px"); } else { $('#opacityComponentMobileTablet_bd6285f4129949e6b5dd22a62c7e7d75').css("min-height", ""); } } } </script> </div>  <div class="column col-sm-12 carousel-min-height float-left col-md-12 col-lg-12 col-xl-12 order-sm-0 order-md-0 order-lg-0 order-xl-0 " style="width:1200px;"> <div id="height_1cc30e5dea804292b3f4f6c75176025f" style="height: px"> <div class=" background-black-process "> <div class="background-black-process "> <div id="bgImage_1cc30e5dea804292b3f4f6c75176025f" class="clearfix row-child background-black-process everyDevice text-white container-vertical-aligned tabColumnBgFullWidthRow" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class="container-fluid"> <div class="container"> <div class=" col-md-6 vertical-align-middle"> <div class="container-inner"> <div class="opacitycomponent"> <div class="no-padding-left padding-6x-top no-padding-right "> <div class="backgroundCSS backgroundColorOpacity_mainpar_carousel_carousel_1963350649_column_column1_opacitycomponent" id="backgroundColorOpacity_mainpar_carousel_carousel_1963350649_column_column1_opacitycomponent"> <div><div class="RichText richtext"> <div class=" width-100 component-left"> <h2 style="text-align: center;">Warehouse Solutions<br> With a Holistic<br> Perspective</h2> <p style="text-align: center;">Whether you're updating a warehouse or designing a new one, Crown's new Warehouse Solutions e-book can be a useful guide for numerous topics, including layout, storage and safety.<br> </p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> <div><div class="text-center "> <a href="https://ebooks.crown.com/brochures/ebook-warehouse-solutions-em21060?pid=ODg8833466&v=1.2" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" target="_blank" data-gtm-event="warehouse-solutions-ebook-campaign" data-gtm-info="homepage-hero" onclick="addCTAGA('', '', '', '<p>Read the e\u002DBook<\/p>\r\n')" tabindex="0"><p>Read the e-Book</p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div><div class=" "> </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> <script> $(document).ready( function() { if("rgba(42, 42, 42,0.5)") { $('#backgroundColorOpacity_mainpar_carousel_carousel_1963350649_column_column1_opacitycomponent').css("background-color", "rgba(42, 42, 42,0.5)"); } if("200px") { $('#backgroundColorOpacity_mainpar_carousel_carousel_1963350649_column_column1_opacitycomponent').css("min-height", "200px"); } }) </script> </div> </div> </div> <div class=" col-md-6 vertical-align-middle"> <div class="container-inner"> </div> </div> </div> </div> </div> </div> </div> <div> <div id="opacityComponentMobileTablet_1cc30e5dea804292b3f4f6c75176025f" class="opacityComponentMobileTablet"> </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_1cc30e5dea804292b3f4f6c75176025f').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_1cc30e5dea804292b3f4f6c75176025f').addClass('bricksRow'); } }); </script> <div> <script> $(document).ready(function() { var tallestColumnHeight = 0; $('.container-vertical-aligned').find('.col-vertical-aligned').each(function() { var $this = $(this); if(tallestColumnHeight < $this.height()) { tallestColumnHeight = $this.height(); } }); $('.container-vertical-aligned').find('.col-vertical-aligned').height(tallestColumnHeight); }) </script> </div> <script> $(document).ready(function(){ setBackgroundImage_1cc30e5dea804292b3f4f6c75176025f(); }); $(window).resize(function(){ setBackgroundImage_1cc30e5dea804292b3f4f6c75176025f(); }); function setBackgroundImage_1cc30e5dea804292b3f4f6c75176025f() { var width = window.innerWidth; var image; if(width < 993 && width > 768 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/carousel\/warehouse\u002Dsolutions\u002Debook\u002Dmobile.jpg")) { image = ("/content/dam/crown/images/home-page/2022/carousel/warehouse-solutions-ebook-mobile.jpg"); } else if(width < 769 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/carousel\/warehouse\u002Dsolutions\u002Debook\u002Dmobile.jpg")) { image = ("/content/dam/crown/images/home-page/2022/carousel/warehouse-solutions-ebook-mobile.jpg"); } else { image = ("/content/dam/crown/images/home-page/2022/carousel/warehouse-solutions-ebook-desktop.jpg"); } $('#bgImage_1cc30e5dea804292b3f4f6c75176025f').css("background-image","url("+image+")"); } </script> <script> let opacityContent_mainpar_carousel_carousel_1963350649_column_column1_opacitycomponent = $('.backgroundColorOpacity_mainpar_carousel_carousel_1963350649_column_column1_opacitycomponent').html(); $(document).ready(function(){ toggleMobileDesktop_mainpar_carousel_carousel_1963350649_column_column1_opacitycomponent(); setOpacityComponentMinHeight_1cc30e5dea804292b3f4f6c75176025f(); }); $(window).resize(function(){ toggleMobileDesktop_mainpar_carousel_carousel_1963350649_column_column1_opacitycomponent(); setOpacityComponentMinHeight_1cc30e5dea804292b3f4f6c75176025f(); }); function toggleMobileDesktop_mainpar_carousel_carousel_1963350649_column_column1_opacitycomponent() { let width = window.innerWidth; if(width<992) { $('.backgroundColorOpacity_mainpar_carousel_carousel_1963350649_column_column1_opacitycomponent').hide(); $('#opacityComponentMobileTablet_1cc30e5dea804292b3f4f6c75176025f').html(opacityContent_mainpar_carousel_carousel_1963350649_column_column1_opacitycomponent); $('.backgroundColorOpacity_mainpar_carousel_carousel_1963350649_column_column1_opacitycomponent').html(""); } else { $('.backgroundColorOpacity_mainpar_carousel_carousel_1963350649_column_column1_opacitycomponent').show(); if(!$('.backgroundColorOpacity_mainpar_carousel_carousel_1963350649_column_column1_opacitycomponent').html()){ $('.backgroundColorOpacity_mainpar_carousel_carousel_1963350649_column_column1_opacitycomponent').html(opacityContent_mainpar_carousel_carousel_1963350649_column_column1_opacitycomponent); } $('#opacityComponentMobileTablet_1cc30e5dea804292b3f4f6c75176025f').html(""); } } function setOpacityComponentMinHeight_1cc30e5dea804292b3f4f6c75176025f() { let width = window.innerWidth; if(width<992) { if(width<768) { $('#opacityComponentMobileTablet_1cc30e5dea804292b3f4f6c75176025f').css("min-height", "300px"); } else { $('#opacityComponentMobileTablet_1cc30e5dea804292b3f4f6c75176025f').css("min-height", ""); } } } </script> </div>  <div class="column col-sm-12 carousel-min-height float-left col-md-12 col-lg-12 col-xl-12 order-sm-0 order-md-0 order-lg-0 order-xl-0 " style="width:1200px;"> <div id="height_025b431586b54074b1a0ec79833f484d" style="height: px"> <div class=" background-black-process "> <div class="background-black-process "> <div id="bgImage_025b431586b54074b1a0ec79833f484d" class="clearfix row-child background-black-process everyDevice text-white container-vertical-aligned tabColumnBgFullWidthRow" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class="container-fluid"> <div class="container"> <div class=" col-md-6 vertical-align-middle"> <div class="container-inner"> <div class="opacitycomponent"> <div class=" padding-8x-top "> <div class="backgroundCSS backgroundColorOpacity_mainpar_carousel_carousel_1160552524_column_column1_opacitycomponent" id="backgroundColorOpacity_mainpar_carousel_carousel_1160552524_column_column1_opacitycomponent"> <div><div class="RichText richtext"> <div class=" width-100 component-left"> <h2 style="text-align: center;">Forklift Service & Rental<br> At Your Fingertips</h2> <p style="text-align: center;">When you need service or a rental forklift now,<br> it's easy with the Crown Service Request app.</p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> <div><div class="text-center "> <a href="/en-us/service-parts/forklift-service-request-app.html" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" data-gtm-event="service-request-app-rental-q3-2024-campaign" data-gtm-info="homepage-hero" onclick="addCTAGA('', '', '', '<p>Learn More<br \/>\r\n<\/p>\r\n')" tabindex="0"><p>Learn More<br /> </p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div><div class=" "> </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> <script> $(document).ready( function() { if("rgba(0,0,0,0.6)") { $('#backgroundColorOpacity_mainpar_carousel_carousel_1160552524_column_column1_opacitycomponent').css("background-color", "rgba(0,0,0,0.6)"); } if("200px") { $('#backgroundColorOpacity_mainpar_carousel_carousel_1160552524_column_column1_opacitycomponent').css("min-height", "200px"); } }) </script> </div> </div> </div> <div class=" col-md-6 vertical-align-middle"> <div class="container-inner"> </div> </div> </div> </div> </div> </div> </div> <div> <div id="opacityComponentMobileTablet_025b431586b54074b1a0ec79833f484d" class="opacityComponentMobileTablet"> </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_025b431586b54074b1a0ec79833f484d').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_025b431586b54074b1a0ec79833f484d').addClass('bricksRow'); } }); </script> <div> <script> $(document).ready(function() { var tallestColumnHeight = 0; $('.container-vertical-aligned').find('.col-vertical-aligned').each(function() { var $this = $(this); if(tallestColumnHeight < $this.height()) { tallestColumnHeight = $this.height(); } }); $('.container-vertical-aligned').find('.col-vertical-aligned').height(tallestColumnHeight); }) </script> </div> <script> $(document).ready(function(){ setBackgroundImage_025b431586b54074b1a0ec79833f484d(); }); $(window).resize(function(){ setBackgroundImage_025b431586b54074b1a0ec79833f484d(); }); function setBackgroundImage_025b431586b54074b1a0ec79833f484d() { var width = window.innerWidth; var image; if(width < 993 && width > 768 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/carousel\/service\u002Drequest\u002Dapp\u002Dmobile.jpg")) { image = ("/content/dam/crown/images/home-page/2022/carousel/service-request-app-mobile.jpg"); } else if(width < 769 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/carousel\/service\u002Drequest\u002Dapp\u002Dmobile.jpg")) { image = ("/content/dam/crown/images/home-page/2022/carousel/service-request-app-mobile.jpg"); } else { image = ("/content/dam/crown/images/home-page/2022/carousel/service-request-app-desktop.jpg"); } $('#bgImage_025b431586b54074b1a0ec79833f484d').css("background-image","url("+image+")"); } </script> <script> let opacityContent_mainpar_carousel_carousel_1160552524_column_column1_opacitycomponent = $('.backgroundColorOpacity_mainpar_carousel_carousel_1160552524_column_column1_opacitycomponent').html(); $(document).ready(function(){ toggleMobileDesktop_mainpar_carousel_carousel_1160552524_column_column1_opacitycomponent(); setOpacityComponentMinHeight_025b431586b54074b1a0ec79833f484d(); }); $(window).resize(function(){ toggleMobileDesktop_mainpar_carousel_carousel_1160552524_column_column1_opacitycomponent(); setOpacityComponentMinHeight_025b431586b54074b1a0ec79833f484d(); }); function toggleMobileDesktop_mainpar_carousel_carousel_1160552524_column_column1_opacitycomponent() { let width = window.innerWidth; if(width<992) { $('.backgroundColorOpacity_mainpar_carousel_carousel_1160552524_column_column1_opacitycomponent').hide(); $('#opacityComponentMobileTablet_025b431586b54074b1a0ec79833f484d').html(opacityContent_mainpar_carousel_carousel_1160552524_column_column1_opacitycomponent); $('.backgroundColorOpacity_mainpar_carousel_carousel_1160552524_column_column1_opacitycomponent').html(""); } else { $('.backgroundColorOpacity_mainpar_carousel_carousel_1160552524_column_column1_opacitycomponent').show(); if(!$('.backgroundColorOpacity_mainpar_carousel_carousel_1160552524_column_column1_opacitycomponent').html()){ $('.backgroundColorOpacity_mainpar_carousel_carousel_1160552524_column_column1_opacitycomponent').html(opacityContent_mainpar_carousel_carousel_1160552524_column_column1_opacitycomponent); } $('#opacityComponentMobileTablet_025b431586b54074b1a0ec79833f484d').html(""); } } function setOpacityComponentMinHeight_025b431586b54074b1a0ec79833f484d() { let width = window.innerWidth; if(width<992) { if(width<768) { $('#opacityComponentMobileTablet_025b431586b54074b1a0ec79833f484d').css("min-height", "300px"); } else { $('#opacityComponentMobileTablet_025b431586b54074b1a0ec79833f484d').css("min-height", ""); } } } </script> </div>  <div class="column col-sm-12 carousel-min-height float-left col-md-12 col-lg-12 col-xl-12 order-sm-0 order-md-0 order-lg-0 order-xl-0 " style="width:1200px;"> <div id="height_b1eecd6a48fb481ebabf9a4918664acc" style="height: px"> <div class=" background-black "> <div class="background-black "> <div id="bgImage_b1eecd6a48fb481ebabf9a4918664acc" class="clearfix row-child background-black everyDevice text-white tabColumnBgFullWidthRow" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class="container-fluid"> <div class="container"> <div class=" col-md-6 "> <div class="container-inner"> <div class="opacitycomponent"> <div class="no-padding-left padding-6x-top no-padding-right no-padding-bottom"> <div class="backgroundCSS backgroundColorOpacity_mainpar_carousel_carousel_255795445_column_column1_opacitycomponent" id="backgroundColorOpacity_mainpar_carousel_carousel_255795445_column_column1_opacitycomponent"> <div><div class="RichText richtext"> <div class=" width-100 component-left"> <h2 style="text-align: center;">Need Forklift Power Now?<br> Buy Online, Ready to Ship</h2> <p style="text-align: center;">It takes reliable power to keep your business moving. Count on V-Force lead-acid and li-ion batteries and chargers. Buy online now for great selection and quick delivery.</p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> <div><div class="text-center "> <a href="https://shop.crown.com/crown/en/Batteries-and-Chargers/c/battery_and_charger" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" data-gtm-event="opp-ecommerce-batteries-and-chargers-q1-2024-campaign" data-gtm-info="homepage-hero" onclick="addCTAGA('', '', '', '<p>Shop Batteries and Chargers<\/p>\r\n')" tabindex="0"><p>Shop Batteries and Chargers</p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div><div class=" "> </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> <script> $(document).ready( function() { if("rgba(0,0,0,0.5)") { $('#backgroundColorOpacity_mainpar_carousel_carousel_255795445_column_column1_opacitycomponent').css("background-color", "rgba(0,0,0,0.5)"); } if("200px") { $('#backgroundColorOpacity_mainpar_carousel_carousel_255795445_column_column1_opacitycomponent').css("min-height", "200px"); } }) </script> </div> </div> </div> <div class=" col-md-6 "> <div class="container-inner"> </div> </div> </div> </div> </div> </div> </div> <div> <div id="opacityComponentMobileTablet_b1eecd6a48fb481ebabf9a4918664acc" class="opacityComponentMobileTablet"> </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_b1eecd6a48fb481ebabf9a4918664acc').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_b1eecd6a48fb481ebabf9a4918664acc').addClass('bricksRow'); } }); </script> <script> $(document).ready(function(){ setBackgroundImage_b1eecd6a48fb481ebabf9a4918664acc(); }); $(window).resize(function(){ setBackgroundImage_b1eecd6a48fb481ebabf9a4918664acc(); }); function setBackgroundImage_b1eecd6a48fb481ebabf9a4918664acc() { var width = window.innerWidth; var image; if(width < 993 && width > 768 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/carousel\/retail\u002Dcampaign\u002Dbatteries\u002Dand\u002Dchargers\u002Dmobile.jpg")) { image = ("/content/dam/crown/images/home-page/2022/carousel/retail-campaign-batteries-and-chargers-mobile.jpg"); } else if(width < 769 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/carousel\/retail\u002Dcampaign\u002Dbatteries\u002Dand\u002Dchargers\u002Dmobile.jpg")) { image = ("/content/dam/crown/images/home-page/2022/carousel/retail-campaign-batteries-and-chargers-mobile.jpg"); } else { image = ("/content/dam/crown/images/home-page/2022/carousel/retail-campaign-batteries-and-chargers-desktop.jpg"); } $('#bgImage_b1eecd6a48fb481ebabf9a4918664acc').css("background-image","url("+image+")"); } </script> <script> let opacityContent_mainpar_carousel_carousel_255795445_column_column1_opacitycomponent = $('.backgroundColorOpacity_mainpar_carousel_carousel_255795445_column_column1_opacitycomponent').html(); $(document).ready(function(){ toggleMobileDesktop_mainpar_carousel_carousel_255795445_column_column1_opacitycomponent(); setOpacityComponentMinHeight_b1eecd6a48fb481ebabf9a4918664acc(); }); $(window).resize(function(){ toggleMobileDesktop_mainpar_carousel_carousel_255795445_column_column1_opacitycomponent(); setOpacityComponentMinHeight_b1eecd6a48fb481ebabf9a4918664acc(); }); function toggleMobileDesktop_mainpar_carousel_carousel_255795445_column_column1_opacitycomponent() { let width = window.innerWidth; if(width<992) { $('.backgroundColorOpacity_mainpar_carousel_carousel_255795445_column_column1_opacitycomponent').hide(); $('#opacityComponentMobileTablet_b1eecd6a48fb481ebabf9a4918664acc').html(opacityContent_mainpar_carousel_carousel_255795445_column_column1_opacitycomponent); $('.backgroundColorOpacity_mainpar_carousel_carousel_255795445_column_column1_opacitycomponent').html(""); } else { $('.backgroundColorOpacity_mainpar_carousel_carousel_255795445_column_column1_opacitycomponent').show(); if(!$('.backgroundColorOpacity_mainpar_carousel_carousel_255795445_column_column1_opacitycomponent').html()){ $('.backgroundColorOpacity_mainpar_carousel_carousel_255795445_column_column1_opacitycomponent').html(opacityContent_mainpar_carousel_carousel_255795445_column_column1_opacitycomponent); } $('#opacityComponentMobileTablet_b1eecd6a48fb481ebabf9a4918664acc').html(""); } } function setOpacityComponentMinHeight_b1eecd6a48fb481ebabf9a4918664acc() { let width = window.innerWidth; if(width<992) { if(width<768) { $('#opacityComponentMobileTablet_b1eecd6a48fb481ebabf9a4918664acc').css("min-height", "300px"); } else { $('#opacityComponentMobileTablet_b1eecd6a48fb481ebabf9a4918664acc').css("min-height", ""); } } } </script> </div>  <div class="column col-sm-12 carousel-min-height float-left col-md-12 col-lg-12 col-xl-12 order-sm-0 order-md-0 order-lg-0 order-xl-0 " style="width:1200px;"> <div id="height_5a31c96af5ba4be9ab1323fa8be130a2" style="height: px"> <div class=" background-black-process "> <div class="background-black-process "> <div id="bgImage_5a31c96af5ba4be9ab1323fa8be130a2" class="clearfix row-child background-black-process everyDevice text-white tabColumnBgFullWidthRow" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class="container-fluid"> <div class="container"> <div class=" col-md-6 "> <div class="container-inner"> <div class="opacitycomponent"> <div class=" padding-6x-top "> <div class="backgroundCSS backgroundColorOpacity_mainpar_carousel_carousel_191138197_column_column1_opacitycomponent" id="backgroundColorOpacity_mainpar_carousel_carousel_191138197_column_column1_opacitycomponent"> <div><div class="RichText richtext"> <div class=" width-100 component-left"> <h2 style="text-align: center;"><span class="text-orange">Right Truck.</span> Right Now.</h2> <p style="text-align: center;">When you need a forklift and you need it fast, Crown has a comprehensive range of short- and long-term options.<br> Call <a href="tel:18777685438"><b><u>1-877-RNT-LIFT</u></b></a> or click the button below to learn more.</p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> <div><div class="text-center "> <a href="/en-us/forklift-rentals.html" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" onclick="addCTAGA('', '', '', '<p>Check Rental Options<\/p>\r\n')" tabindex="0"><p>Check Rental Options</p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div><div class=" "> </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> <script> $(document).ready( function() { if("rgba(0,0,0,0.5)") { $('#backgroundColorOpacity_mainpar_carousel_carousel_191138197_column_column1_opacitycomponent').css("background-color", "rgba(0,0,0,0.5)"); } if("200px") { $('#backgroundColorOpacity_mainpar_carousel_carousel_191138197_column_column1_opacitycomponent').css("min-height", "200px"); } }) </script> </div> </div> </div> <div class=" col-md-6 "> <div class="container-inner"> </div> </div> </div> </div> </div> </div> </div> <div> <div id="opacityComponentMobileTablet_5a31c96af5ba4be9ab1323fa8be130a2" class="opacityComponentMobileTablet"> </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_5a31c96af5ba4be9ab1323fa8be130a2').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_5a31c96af5ba4be9ab1323fa8be130a2').addClass('bricksRow'); } }); </script> <script> $(document).ready(function(){ setBackgroundImage_5a31c96af5ba4be9ab1323fa8be130a2(); }); $(window).resize(function(){ setBackgroundImage_5a31c96af5ba4be9ab1323fa8be130a2(); }); function setBackgroundImage_5a31c96af5ba4be9ab1323fa8be130a2() { var width = window.innerWidth; var image; if(width < 993 && width > 768 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/carousel\/right\u002Dtruck\u002Dright\u002Dnow\u002Dcampaign\u002Dmobile.jpg")) { image = ("/content/dam/crown/images/home-page/2022/carousel/right-truck-right-now-campaign-mobile.jpg"); } else if(width < 769 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/carousel\/right\u002Dtruck\u002Dright\u002Dnow\u002Dcampaign\u002Dmobile.jpg")) { image = ("/content/dam/crown/images/home-page/2022/carousel/right-truck-right-now-campaign-mobile.jpg"); } else { image = ("/content/dam/crown/images/home-page/2022/carousel/right-truck-right-now-campaign-desktop.jpg"); } $('#bgImage_5a31c96af5ba4be9ab1323fa8be130a2').css("background-image","url("+image+")"); } </script> <script> let opacityContent_mainpar_carousel_carousel_191138197_column_column1_opacitycomponent = $('.backgroundColorOpacity_mainpar_carousel_carousel_191138197_column_column1_opacitycomponent').html(); $(document).ready(function(){ toggleMobileDesktop_mainpar_carousel_carousel_191138197_column_column1_opacitycomponent(); setOpacityComponentMinHeight_5a31c96af5ba4be9ab1323fa8be130a2(); }); $(window).resize(function(){ toggleMobileDesktop_mainpar_carousel_carousel_191138197_column_column1_opacitycomponent(); setOpacityComponentMinHeight_5a31c96af5ba4be9ab1323fa8be130a2(); }); function toggleMobileDesktop_mainpar_carousel_carousel_191138197_column_column1_opacitycomponent() { let width = window.innerWidth; if(width<992) { $('.backgroundColorOpacity_mainpar_carousel_carousel_191138197_column_column1_opacitycomponent').hide(); $('#opacityComponentMobileTablet_5a31c96af5ba4be9ab1323fa8be130a2').html(opacityContent_mainpar_carousel_carousel_191138197_column_column1_opacitycomponent); $('.backgroundColorOpacity_mainpar_carousel_carousel_191138197_column_column1_opacitycomponent').html(""); } else { $('.backgroundColorOpacity_mainpar_carousel_carousel_191138197_column_column1_opacitycomponent').show(); if(!$('.backgroundColorOpacity_mainpar_carousel_carousel_191138197_column_column1_opacitycomponent').html()){ $('.backgroundColorOpacity_mainpar_carousel_carousel_191138197_column_column1_opacitycomponent').html(opacityContent_mainpar_carousel_carousel_191138197_column_column1_opacitycomponent); } $('#opacityComponentMobileTablet_5a31c96af5ba4be9ab1323fa8be130a2').html(""); } } function setOpacityComponentMinHeight_5a31c96af5ba4be9ab1323fa8be130a2() { let width = window.innerWidth; if(width<992) { if(width<768) { $('#opacityComponentMobileTablet_5a31c96af5ba4be9ab1323fa8be130a2').css("min-height", "300px"); } else { $('#opacityComponentMobileTablet_5a31c96af5ba4be9ab1323fa8be130a2').css("min-height", ""); } } } </script> </div>  <div class="column col-sm-12 carousel-min-height float-left col-md-12 col-lg-12 col-xl-12 order-sm-0 order-md-0 order-lg-0 order-xl-0 " style="width:1200px;"> <div id="height_6a81219e6f194612ada61e1bb0815b86" style="height: px"> <div class=" background-black-process "> <div class="background-black-process "> <div id="bgImage_6a81219e6f194612ada61e1bb0815b86" class="clearfix row-child background-black-process everyDevice text-white no-padding-left no-padding-top no-padding-right no-padding-bottom tabColumnBgFullWidthRow" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class="container-fluid"> <div class="container"> <div class="float-right col-md-6 "> <div class="container-inner"> <div class="opacitycomponent"> <div class="no-padding-left padding-8x-top no-padding-right no-padding-bottom"> <div class="backgroundCSS backgroundColorOpacity_mainpar_carousel_carousel_1623407269_column_column1_opacitycomponent" id="backgroundColorOpacity_mainpar_carousel_carousel_1623407269_column_column1_opacitycomponent"> <div><div class="RichText richtext"> <div class=" width-100 component-left"> <h2 style="text-align: center; color: rgb(253,152,39);">Point. Click. Find.</h2> <p style="text-align: center;">Our forklift product selector helps you easily find and compare Crown's extensive lift truck catalog to find the right vehicle for your application.</p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> <div><div class="text-center "> <a href="/en-us/forklift-product-selector.html" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" onclick="addCTAGA('', '', '', '<p>Try It Now<\/p>\r\n')" tabindex="0"><p>Try It Now</p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div><div class=" "> </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> <script> $(document).ready( function() { if("rgba(0,0,0,0.5)") { $('#backgroundColorOpacity_mainpar_carousel_carousel_1623407269_column_column1_opacitycomponent').css("background-color", "rgba(0,0,0,0.5)"); } if("200px") { $('#backgroundColorOpacity_mainpar_carousel_carousel_1623407269_column_column1_opacitycomponent').css("min-height", "200px"); } }) </script> </div> </div> </div> <div class="float-right col-md-6 "> <div class="container-inner"> </div> </div> </div> </div> </div> </div> </div> <div> <div id="opacityComponentMobileTablet_6a81219e6f194612ada61e1bb0815b86" class="opacityComponentMobileTablet"> </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_6a81219e6f194612ada61e1bb0815b86').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_6a81219e6f194612ada61e1bb0815b86').addClass('bricksRow'); } }); </script> <script> $(document).ready(function(){ setBackgroundImage_6a81219e6f194612ada61e1bb0815b86(); }); $(window).resize(function(){ setBackgroundImage_6a81219e6f194612ada61e1bb0815b86(); }); function setBackgroundImage_6a81219e6f194612ada61e1bb0815b86() { var width = window.innerWidth; var image; if(width < 993 && width > 768 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/carousel\/product\u002Dselector\u002Dpromo\u002Dengagement\u002Dmobile.jpg")) { image = ("/content/dam/crown/images/home-page/2022/carousel/product-selector-promo-engagement-mobile.jpg"); } else if(width < 769 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/carousel\/product\u002Dselector\u002Dpromo\u002Dengagement\u002Dmobile.jpg")) { image = ("/content/dam/crown/images/home-page/2022/carousel/product-selector-promo-engagement-mobile.jpg"); } else { image = ("/content/dam/crown/images/home-page/2022/carousel/product-selector-promo-engagement-desktop.jpg"); } $('#bgImage_6a81219e6f194612ada61e1bb0815b86').css("background-image","url("+image+")"); } </script> <script> let opacityContent_mainpar_carousel_carousel_1623407269_column_column1_opacitycomponent = $('.backgroundColorOpacity_mainpar_carousel_carousel_1623407269_column_column1_opacitycomponent').html(); $(document).ready(function(){ toggleMobileDesktop_mainpar_carousel_carousel_1623407269_column_column1_opacitycomponent(); setOpacityComponentMinHeight_6a81219e6f194612ada61e1bb0815b86(); }); $(window).resize(function(){ toggleMobileDesktop_mainpar_carousel_carousel_1623407269_column_column1_opacitycomponent(); setOpacityComponentMinHeight_6a81219e6f194612ada61e1bb0815b86(); }); function toggleMobileDesktop_mainpar_carousel_carousel_1623407269_column_column1_opacitycomponent() { let width = window.innerWidth; if(width<992) { $('.backgroundColorOpacity_mainpar_carousel_carousel_1623407269_column_column1_opacitycomponent').hide(); $('#opacityComponentMobileTablet_6a81219e6f194612ada61e1bb0815b86').html(opacityContent_mainpar_carousel_carousel_1623407269_column_column1_opacitycomponent); $('.backgroundColorOpacity_mainpar_carousel_carousel_1623407269_column_column1_opacitycomponent').html(""); } else { $('.backgroundColorOpacity_mainpar_carousel_carousel_1623407269_column_column1_opacitycomponent').show(); if(!$('.backgroundColorOpacity_mainpar_carousel_carousel_1623407269_column_column1_opacitycomponent').html()){ $('.backgroundColorOpacity_mainpar_carousel_carousel_1623407269_column_column1_opacitycomponent').html(opacityContent_mainpar_carousel_carousel_1623407269_column_column1_opacitycomponent); } $('#opacityComponentMobileTablet_6a81219e6f194612ada61e1bb0815b86').html(""); } } function setOpacityComponentMinHeight_6a81219e6f194612ada61e1bb0815b86() { let width = window.innerWidth; if(width<992) { if(width<768) { $('#opacityComponentMobileTablet_6a81219e6f194612ada61e1bb0815b86').css("min-height", "300px"); } else { $('#opacityComponentMobileTablet_6a81219e6f194612ada61e1bb0815b86').css("min-height", ""); } } } </script> </div> </div> </div> </div> </div> </div> <div> <script> var mySlick = $('#mainpar_carousel').slick({ infinite: true, slidesToShow: 1, slidesToScroll: 1, centerMode: false, arrows: true, autoplay: true, autoplaySpeed: 7000, dots: true }); //To pause carousel autoplay while watching a video $("#modal-video-viewer").on("show.bs.modal", function () { mySlick.slick('slickPause'); }); //To resume carousel autoplay when the video is closed $("#modal-video-viewer").on("hidden.bs.modal", function () { mySlick.slick('slickPlay'); }); </script> </div> </div> <script> $(document).ready(function() { let currentPage = window.location.href; let currentPagePath = '\/content\/en\u002Dus'; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && currentPagePath.split("/").length === 3) { $(".slick-prev").attr("onclick", "addCarouselGA('Previous', $('.slick-current').attr('data-slick-index'))"); $(".slick-next").attr("onclick", "addCarouselGA('Next', $('.slick-current').attr('data-slick-index'))"); for (i = 0; i < 6; i++){ $('#slick-slide-control0'+i).attr("onclick", "addCarouselGA('Select', " + i + ")"); } } if(false) { $(".slick-dots").addClass("dotOnBackgroundImage") } if(true) { $(".slick-dots").addClass("dotsOnOpacityContent"); } }); function addCarouselGA(eventAction, slickIndex) { let componentPath = '/content/en-us/jcr:content/mainpar/carousel'; $.ajax({ url: componentPath + ".carouselGAevents", type: 'GET', data: { "slickIndex": parseInt(slickIndex) + 1, "resourcePath": '\/content\/en\u002Dus\/jcr:content\/mainpar\/carousel' } }).done(function(response) { if(window.dataLayer) { dataLayer.push({ 'event': 'homepage_banner_cycle_click', 'eventCategory': 'Homepage Banner Nav', 'eventAction': eventAction, 'eventLabel': response }); } }); } </script> </div> <div class="tabcomponent"> <div class="container-fluid text-black padding-2x-top "> <div class="container"> <div class="tabTitle">Smart Solutions</div> <div class="overwriteContainerPadding"> <div class="tabNavWrapper" id="tabNavWrapper_mainpar_tabcomponent"> <nav class="tabsDisplay tabsDisplay_mainpar_tabcomponent padding-2x-bottom" id="tabsDisplay_mainpar_tabcomponent"> <ol class="tabsList" id="tabsList_mainpar_tabcomponent" tabindex="0"> <li class="tab tab_mainpar_tabcomponent" data-anchor="AllSolutions" onclick="triggerTabContent_mainpar_tabcomponent(this)"> <a href="javascript: void(0);" tabindex="0">All Solutions</a> <div class="tabHighlight"></div> </li> <li class="tab tab_mainpar_tabcomponent" data-anchor="WarehouseSolutions" onclick="triggerTabContent_mainpar_tabcomponent(this)"> <a href="javascript: void(0);" tabindex="0">Warehouse Solutions</a> <div class="tabHighlight"></div> </li> <li class="tab tab_mainpar_tabcomponent" data-anchor="ConnectedSolutions" onclick="triggerTabContent_mainpar_tabcomponent(this)"> <a href="javascript: void(0);" tabindex="0">Connected Solutions</a> <div class="tabHighlight"></div> </li> <li class="tab tab_mainpar_tabcomponent" data-anchor="AutomationSolutions" onclick="triggerTabContent_mainpar_tabcomponent(this)"> <a href="javascript: void(0);" tabindex="0">Automation Solutions</a> <div class="tabHighlight"></div> </li> <li class="tab tab_mainpar_tabcomponent" data-anchor="EnergySolutions" onclick="triggerTabContent_mainpar_tabcomponent(this)"> <a href="javascript: void(0);" tabindex="0">Energy Solutions</a> <div class="tabHighlight"></div> </li> </ol> </nav> <button class="tabNavArrow prev" aria-label="previous item" aria-disabled="true" id="tabArrowPrev_mainpar_tabcomponent"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"> <g> <g> <path d="M6.071 13c-.552 0-1-.448-1-1s.448-1 1-1h7V4c0-.552.448-1 1-1s1 .448 1 1v8c0 .513-.386.936-.883.993L14.07 13h-8z" transform="rotate(135 10.071 8)"></path> </g> </g> </svg> </button> <button class="tabNavArrow next" aria-label="next item" aria-disabled="true" id="tabArrowNext_mainpar_tabcomponent"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"> <g> <g> <path d="M2.071 13c-.552 0-1-.448-1-1s.448-1 1-1h7V4c0-.552.448-1 1-1s1 .448 1 1v8c0 .513-.386.936-.883.993L10.07 13h-8z" transform="rotate(-45 6.071 8)"></path> </g> </g> </svg> </button> </div> </div> <div> <div id="mainpar_tabcomponent"> <div id="AllSolutions" class="tabContent hideSpace tabContent_mainpar_tabcomponent"> <div> <div> <div class="imagegridcomponent"> <div class="container-fluid"> <div class="container fullWidth "> <div> <div class="imageGrid titleheight_mainpar_tabcomponent_tab_TabContentParsys_imagegridcomponent" data-titleheight='[".imageTitle_mainpar_tabcomponent_tab_TabContentParsys_imagegridcomponent"]' id="imageGrid_mainpar_tabcomponent_tab_TabContentParsys_imagegridcomponent"> <a href="/en-us/warehouse-solutions.html" class="imageItem imageItem_mainpar_tabcomponent_tab_TabContentParsys_imagegridcomponent" style="background-image: url('/content/dam/crown/images/home-page/2022/smart-solutions/all-solutions-warehouse.jpg');" tabindex="0"> <div class="imageTitle imageTitle_mainpar_tabcomponent_tab_TabContentParsys_imagegridcomponent"><p class="titleText">Warehouse Solutions</p></div> </a> <a href="/en-us/connected-solutions.html" class="imageItem imageItem_mainpar_tabcomponent_tab_TabContentParsys_imagegridcomponent" style="background-image: url('/content/dam/crown/images/home-page/2022/smart-solutions/connected-solutions.jpg');" tabindex="0"> <div class="imageTitle imageTitle_mainpar_tabcomponent_tab_TabContentParsys_imagegridcomponent"><p class="titleText">Connected Solutions</p></div> </a> <a href="/en-us/automation.html" class="imageItem imageItem_mainpar_tabcomponent_tab_TabContentParsys_imagegridcomponent" style="background-image: url('/content/dam/crown/images/home-page/2022/smart-solutions/all-solutions-automation.jpg');" tabindex="0"> <div class="imageTitle imageTitle_mainpar_tabcomponent_tab_TabContentParsys_imagegridcomponent"><p class="titleText">Automation Solutions</p></div> </a> <a href="/en-us/v-force-energy-solutions.html" class="imageItem imageItem_mainpar_tabcomponent_tab_TabContentParsys_imagegridcomponent" style="background-image: url('/content/dam/crown/images/home-page/2022/smart-solutions/all-solutions-energy.jpg');" tabindex="0"> <div class="imageTitle imageTitle_mainpar_tabcomponent_tab_TabContentParsys_imagegridcomponent"><p class="titleText">Energy Solutions</p></div> </a> </div> </div> </div> </div> <script> function setTitleHeight_mainpar_tabcomponent_tab_TabContentParsys_imagegridcomponent() { //This script is used to set equal imageTitle background height on all grid items irrespective of the text inside. $('.titleheight_mainpar_tabcomponent_tab_TabContentParsys_imagegridcomponent').each(function() { let $this = $(this); let equalHeightSelectors = $this.data('titleheight'); $.each(equalHeightSelectors, function(index, value) { let min_height = 0; let $children = $this.find(value); $children.each(function() { let $titleheight = $(this); if($titleheight.height() > min_height) { min_height = $titleheight.height(); } }); $children.height(min_height); $(".playButton").css("margin-bottom", min_height+24); }); }); } $(document).ready(function() { setImageGridColumnWidth_mainpar_tabcomponent_tab_TabContentParsys_imagegridcomponent(); }); $(window).resize(function(){ setImageGridColumnWidth_mainpar_tabcomponent_tab_TabContentParsys_imagegridcomponent(); }); function setImageGridColumnWidth_mainpar_tabcomponent_tab_TabContentParsys_imagegridcomponent() { let width = $(window).width(); let imageGridColumnWidth = "23%"; if((imageGridColumnWidth === "31.56%" && width < 769) || (imageGridColumnWidth === "23%" && width < 993)) { imageGridColumnWidth = "48.67%"; $('#imageGrid_mainpar_tabcomponent_tab_TabContentParsys_imagegridcomponent').css("justify-content", "flex-start"); } else { $('#imageGrid_mainpar_tabcomponent_tab_TabContentParsys_imagegridcomponent').css("justify-content", "center"); } $('.imageItem_mainpar_tabcomponent_tab_TabContentParsys_imagegridcomponent').css("width", imageGridColumnWidth); } </script> </div> </div> </div> </div> <div id="WarehouseSolutions" class="tabContent hideSpace tabContent_mainpar_tabcomponent"> <div> <div> <div class="imagegridcomponent"> <div class="container-fluid"> <div class="container fullWidth "> <div> <div class="imageGrid titleheight_mainpar_tabcomponent_tab_1503420002_TabContentParsys_imagegridcomponent" data-titleheight='[".imageTitle_mainpar_tabcomponent_tab_1503420002_TabContentParsys_imagegridcomponent"]' id="imageGrid_mainpar_tabcomponent_tab_1503420002_TabContentParsys_imagegridcomponent"> <a href="/en-us/warehouse-solutions/warehouse-design.html" class="imageItem imageItem_mainpar_tabcomponent_tab_1503420002_TabContentParsys_imagegridcomponent" style="background-image: url('/content/dam/crown/images/home-page/2022/smart-solutions/warehouse-solutions-design.jpg');" tabindex="0"> <div class="imageTitle imageTitle_mainpar_tabcomponent_tab_1503420002_TabContentParsys_imagegridcomponent"><p class="titleText">Warehouse Design</p></div> </a> <a href="/en-us/warehouse-solutions/racking-and-storage.html" class="imageItem imageItem_mainpar_tabcomponent_tab_1503420002_TabContentParsys_imagegridcomponent" style="background-image: url('/content/dam/crown/images/home-page/2022/smart-solutions/warehouse-solutions-racking.jpg');" tabindex="0"> <div class="imageTitle imageTitle_mainpar_tabcomponent_tab_1503420002_TabContentParsys_imagegridcomponent"><p class="titleText">Racking & Storage</p></div> </a> <a href="/en-us/warehouse-solutions/warehouse-products.html" class="imageItem imageItem_mainpar_tabcomponent_tab_1503420002_TabContentParsys_imagegridcomponent" style="background-image: url('/content/dam/crown/images/home-page/2022/smart-solutions/warehouse-products.jpg');" tabindex="0"> <div class="imageTitle imageTitle_mainpar_tabcomponent_tab_1503420002_TabContentParsys_imagegridcomponent"><p class="titleText">Warehouse Products</p></div> </a> </div> </div> </div> </div> <script> function setTitleHeight_mainpar_tabcomponent_tab_1503420002_TabContentParsys_imagegridcomponent() { //This script is used to set equal imageTitle background height on all grid items irrespective of the text inside. $('.titleheight_mainpar_tabcomponent_tab_1503420002_TabContentParsys_imagegridcomponent').each(function() { let $this = $(this); let equalHeightSelectors = $this.data('titleheight'); $.each(equalHeightSelectors, function(index, value) { let min_height = 0; let $children = $this.find(value); $children.each(function() { let $titleheight = $(this); if($titleheight.height() > min_height) { min_height = $titleheight.height(); } }); $children.height(min_height); $(".playButton").css("margin-bottom", min_height+24); }); }); } $(document).ready(function() { setImageGridColumnWidth_mainpar_tabcomponent_tab_1503420002_TabContentParsys_imagegridcomponent(); }); $(window).resize(function(){ setImageGridColumnWidth_mainpar_tabcomponent_tab_1503420002_TabContentParsys_imagegridcomponent(); }); function setImageGridColumnWidth_mainpar_tabcomponent_tab_1503420002_TabContentParsys_imagegridcomponent() { let width = $(window).width(); let imageGridColumnWidth = "31.56%"; if((imageGridColumnWidth === "31.56%" && width < 769) || (imageGridColumnWidth === "23%" && width < 993)) { imageGridColumnWidth = "48.67%"; $('#imageGrid_mainpar_tabcomponent_tab_1503420002_TabContentParsys_imagegridcomponent').css("justify-content", "flex-start"); } else { $('#imageGrid_mainpar_tabcomponent_tab_1503420002_TabContentParsys_imagegridcomponent').css("justify-content", "center"); } $('.imageItem_mainpar_tabcomponent_tab_1503420002_TabContentParsys_imagegridcomponent').css("width", imageGridColumnWidth); } </script> </div> </div> </div> </div> <div id="ConnectedSolutions" class="tabContent hideSpace tabContent_mainpar_tabcomponent"> <div> <div> <div class="imagegridcomponent"> <div class="container-fluid"> <div class="container fullWidth "> <div> <div class="imageGrid titleheight_mainpar_tabcomponent_tab_876278030_TabContentParsys_imagegridcomponent" data-titleheight='[".imageTitle_mainpar_tabcomponent_tab_876278030_TabContentParsys_imagegridcomponent"]' id="imageGrid_mainpar_tabcomponent_tab_876278030_TabContentParsys_imagegridcomponent"> <a href="/en-us/fleet-management/infolink.html" class="imageItem imageItem_mainpar_tabcomponent_tab_876278030_TabContentParsys_imagegridcomponent" style="background-image: url('/content/dam/crown/images/home-page/2022/smart-solutions/operator-fleet-management.jpg');" tabindex="0"> <div class="imageTitle imageTitle_mainpar_tabcomponent_tab_876278030_TabContentParsys_imagegridcomponent"><p class="titleText">Operator and Fleet Management</p></div> </a> <a href="/en-us/fleet-management/fleetstats.html" class="imageItem imageItem_mainpar_tabcomponent_tab_876278030_TabContentParsys_imagegridcomponent" style="background-image: url('/content/dam/crown/images/home-page/2022/smart-solutions/fleet-maintenance-management.jpg');" tabindex="0"> <div class="imageTitle imageTitle_mainpar_tabcomponent_tab_876278030_TabContentParsys_imagegridcomponent"><p class="titleText">Fleet Maintenance Management</p></div> </a> </div> </div> </div> </div> <script> function setTitleHeight_mainpar_tabcomponent_tab_876278030_TabContentParsys_imagegridcomponent() { //This script is used to set equal imageTitle background height on all grid items irrespective of the text inside. $('.titleheight_mainpar_tabcomponent_tab_876278030_TabContentParsys_imagegridcomponent').each(function() { let $this = $(this); let equalHeightSelectors = $this.data('titleheight'); $.each(equalHeightSelectors, function(index, value) { let min_height = 0; let $children = $this.find(value); $children.each(function() { let $titleheight = $(this); if($titleheight.height() > min_height) { min_height = $titleheight.height(); } }); $children.height(min_height); $(".playButton").css("margin-bottom", min_height+24); }); }); } $(document).ready(function() { setImageGridColumnWidth_mainpar_tabcomponent_tab_876278030_TabContentParsys_imagegridcomponent(); }); $(window).resize(function(){ setImageGridColumnWidth_mainpar_tabcomponent_tab_876278030_TabContentParsys_imagegridcomponent(); }); function setImageGridColumnWidth_mainpar_tabcomponent_tab_876278030_TabContentParsys_imagegridcomponent() { let width = $(window).width(); let imageGridColumnWidth = "48.67%"; if((imageGridColumnWidth === "31.56%" && width < 769) || (imageGridColumnWidth === "23%" && width < 993)) { imageGridColumnWidth = "48.67%"; $('#imageGrid_mainpar_tabcomponent_tab_876278030_TabContentParsys_imagegridcomponent').css("justify-content", "flex-start"); } else { $('#imageGrid_mainpar_tabcomponent_tab_876278030_TabContentParsys_imagegridcomponent').css("justify-content", "center"); } $('.imageItem_mainpar_tabcomponent_tab_876278030_TabContentParsys_imagegridcomponent').css("width", imageGridColumnWidth); } </script> </div> </div> </div> </div> <div id="AutomationSolutions" class="tabContent hideSpace tabContent_mainpar_tabcomponent"> <div> <div> <div class="imagegridcomponent"> <div class="container-fluid"> <div class="container fullWidth "> <div> <div class="imageGrid titleheight_mainpar_tabcomponent_tab_1867127141_TabContentParsys_imagegridcomponent" data-titleheight='[".imageTitle_mainpar_tabcomponent_tab_1867127141_TabContentParsys_imagegridcomponent"]' id="imageGrid_mainpar_tabcomponent_tab_1867127141_TabContentParsys_imagegridcomponent"> <a href="/en-us/automation/dualmode.html" class="imageItem imageItem_mainpar_tabcomponent_tab_1867127141_TabContentParsys_imagegridcomponent" style="background-image: url('/content/dam/crown/images/home-page/2022/smart-solutions/dualmode-automated-forklifts.jpg');" tabindex="0"> <div class="imageTitle imageTitle_mainpar_tabcomponent_tab_1867127141_TabContentParsys_imagegridcomponent"><p class="titleText">DualMode Automated Forklifts</p></div> </a> <a href="/en-us/forklifts/quickpick-order-picker.html" class="imageItem imageItem_mainpar_tabcomponent_tab_1867127141_TabContentParsys_imagegridcomponent" style="background-image: url('/content/dam/crown/images/home-page/2022/smart-solutions/semi-automated-order-picking.jpg');" tabindex="0"> <div class="imageTitle imageTitle_mainpar_tabcomponent_tab_1867127141_TabContentParsys_imagegridcomponent"><p class="titleText">Semi-automated Order Picking</p></div> </a> <a href="/en-us/forklifts/man-up-order-pickers/tsp-turret-stockpicker.html" class="imageItem imageItem_mainpar_tabcomponent_tab_1867127141_TabContentParsys_imagegridcomponent" style="background-image: url('/content/dam/crown/images/home-page/2022/smart-solutions/automation-solutions-automation.jpg');" tabindex="0"> <div class="imageTitle imageTitle_mainpar_tabcomponent_tab_1867127141_TabContentParsys_imagegridcomponent"><p class="titleText">Auto Positioning</p></div> </a> </div> </div> </div> </div> <script> function setTitleHeight_mainpar_tabcomponent_tab_1867127141_TabContentParsys_imagegridcomponent() { //This script is used to set equal imageTitle background height on all grid items irrespective of the text inside. $('.titleheight_mainpar_tabcomponent_tab_1867127141_TabContentParsys_imagegridcomponent').each(function() { let $this = $(this); let equalHeightSelectors = $this.data('titleheight'); $.each(equalHeightSelectors, function(index, value) { let min_height = 0; let $children = $this.find(value); $children.each(function() { let $titleheight = $(this); if($titleheight.height() > min_height) { min_height = $titleheight.height(); } }); $children.height(min_height); $(".playButton").css("margin-bottom", min_height+24); }); }); } $(document).ready(function() { setImageGridColumnWidth_mainpar_tabcomponent_tab_1867127141_TabContentParsys_imagegridcomponent(); }); $(window).resize(function(){ setImageGridColumnWidth_mainpar_tabcomponent_tab_1867127141_TabContentParsys_imagegridcomponent(); }); function setImageGridColumnWidth_mainpar_tabcomponent_tab_1867127141_TabContentParsys_imagegridcomponent() { let width = $(window).width(); let imageGridColumnWidth = "31.56%"; if((imageGridColumnWidth === "31.56%" && width < 769) || (imageGridColumnWidth === "23%" && width < 993)) { imageGridColumnWidth = "48.67%"; $('#imageGrid_mainpar_tabcomponent_tab_1867127141_TabContentParsys_imagegridcomponent').css("justify-content", "flex-start"); } else { $('#imageGrid_mainpar_tabcomponent_tab_1867127141_TabContentParsys_imagegridcomponent').css("justify-content", "center"); } $('.imageItem_mainpar_tabcomponent_tab_1867127141_TabContentParsys_imagegridcomponent').css("width", imageGridColumnWidth); } </script> </div> </div> </div> </div> <div id="EnergySolutions" class="tabContent hideSpace tabContent_mainpar_tabcomponent"> <div> <div> <div class="imagegridcomponent"> <div class="container-fluid"> <div class="container fullWidth "> <div> <div class="imageGrid titleheight_mainpar_tabcomponent_tab_1876142653_TabContentParsys_imagegridcomponent" data-titleheight='[".imageTitle_mainpar_tabcomponent_tab_1876142653_TabContentParsys_imagegridcomponent"]' id="imageGrid_mainpar_tabcomponent_tab_1876142653_TabContentParsys_imagegridcomponent"> <a href="/en-us/v-force-energy-solutions.html" class="imageItem imageItem_mainpar_tabcomponent_tab_1876142653_TabContentParsys_imagegridcomponent" style="background-image: url('/content/dam/crown/images/home-page/2022/smart-solutions/energy-solutions-energy-management.jpg');" tabindex="0"> <div class="imageTitle imageTitle_mainpar_tabcomponent_tab_1876142653_TabContentParsys_imagegridcomponent"><p class="titleText">Energy Management</p></div> </a> <a href="/en-us/batteries-and-chargers/lithium-ion-battery.html" class="imageItem imageItem_mainpar_tabcomponent_tab_1876142653_TabContentParsys_imagegridcomponent" style="background-image: url('/content/dam/crown/images/home-page/2022/smart-solutions/lithium-ion-energy-systems.jpg');" tabindex="0"> <div class="imageTitle imageTitle_mainpar_tabcomponent_tab_1876142653_TabContentParsys_imagegridcomponent"><p class="titleText">Lithium-Ion Energy Systems</p></div> </a> <a href="/en-us/batteries-and-chargers.html" class="imageItem imageItem_mainpar_tabcomponent_tab_1876142653_TabContentParsys_imagegridcomponent" style="background-image: url('/content/dam/crown/images/home-page/2022/smart-solutions/batteries-chargers-accessories.jpg');" tabindex="0"> <div class="imageTitle imageTitle_mainpar_tabcomponent_tab_1876142653_TabContentParsys_imagegridcomponent"><p class="titleText">Batteries, Chargers and Accessories</p></div> </a> <a href="/en-us/service-parts/battery-charger-service.html" class="imageItem imageItem_mainpar_tabcomponent_tab_1876142653_TabContentParsys_imagegridcomponent" style="background-image: url('/content/dam/crown/images/home-page/2022/smart-solutions/energy-solutions-charger-maintenance.jpg');" tabindex="0"> <div class="imageTitle imageTitle_mainpar_tabcomponent_tab_1876142653_TabContentParsys_imagegridcomponent"><p class="titleText">Battery and Charger Maintenance</p></div> </a> </div> </div> </div> </div> <script> function setTitleHeight_mainpar_tabcomponent_tab_1876142653_TabContentParsys_imagegridcomponent() { //This script is used to set equal imageTitle background height on all grid items irrespective of the text inside. $('.titleheight_mainpar_tabcomponent_tab_1876142653_TabContentParsys_imagegridcomponent').each(function() { let $this = $(this); let equalHeightSelectors = $this.data('titleheight'); $.each(equalHeightSelectors, function(index, value) { let min_height = 0; let $children = $this.find(value); $children.each(function() { let $titleheight = $(this); if($titleheight.height() > min_height) { min_height = $titleheight.height(); } }); $children.height(min_height); $(".playButton").css("margin-bottom", min_height+24); }); }); } $(document).ready(function() { setImageGridColumnWidth_mainpar_tabcomponent_tab_1876142653_TabContentParsys_imagegridcomponent(); }); $(window).resize(function(){ setImageGridColumnWidth_mainpar_tabcomponent_tab_1876142653_TabContentParsys_imagegridcomponent(); }); function setImageGridColumnWidth_mainpar_tabcomponent_tab_1876142653_TabContentParsys_imagegridcomponent() { let width = $(window).width(); let imageGridColumnWidth = "23%"; if((imageGridColumnWidth === "31.56%" && width < 769) || (imageGridColumnWidth === "23%" && width < 993)) { imageGridColumnWidth = "48.67%"; $('#imageGrid_mainpar_tabcomponent_tab_1876142653_TabContentParsys_imagegridcomponent').css("justify-content", "flex-start"); } else { $('#imageGrid_mainpar_tabcomponent_tab_1876142653_TabContentParsys_imagegridcomponent').css("justify-content", "center"); } $('.imageItem_mainpar_tabcomponent_tab_1876142653_TabContentParsys_imagegridcomponent').css("width", imageGridColumnWidth); } </script> </div> </div> </div> </div> </div> </div> </div> </div> <script> $(document).ready(function() { let firstChildName = $('#tabsList_mainpar_tabcomponent li:first').attr('data-anchor'); $("#" + firstChildName).css("display", "block"); $("#" + firstChildName).removeClass("hideSpace"); $('#tabsList_mainpar_tabcomponent li:first').first().addClass("tabsActive"); let tabListWidth = document.getElementById('tabsList_mainpar_tabcomponent').scrollWidth; let tabsDisplayWidth = document.getElementById('tabsDisplay_mainpar_tabcomponent').offsetWidth; if(tabListWidth >= tabsDisplayWidth) { $("#tabNavWrapper_mainpar_tabcomponent").addClass("scrollable"); $("#tabNavWrapper_mainpar_tabcomponent .prev").addClass("isDisabled"); } // Below code handles swipe left and right in touch devices let tabItem = document.getElementById("mainpar_tabcomponent"), swipeDir, startX, startY, distX, distY, threshold = 150, //required min distance traveled to be considered swipe restraint = 100, // maximum distance allowed at the same time in perpendicular direction allowedTime = 300, // maximum time allowed to travel that distance elapsedTime, startTime; tabItem.addEventListener('touchstart', function(e){ let touchObj = e.changedTouches[0]; swipeDir = 'none'; startX = touchObj.pageX; startY = touchObj.pageY; startTime = new Date().getTime(); // record time when finger first makes contact with surface }, false) tabItem.addEventListener('touchend', function(e){ let touchObj = e.changedTouches[0]; distX = touchObj.pageX - startX; // get horizontal dist traveled by finger while in contact with surface distY = touchObj.pageY - startY; // get vertical dist traveled by finger while in contact with surface elapsedTime = new Date().getTime() - startTime; // get time elapsed if (elapsedTime <= allowedTime){ // first condition for swipe met if (Math.abs(distX) >= threshold && Math.abs(distY) <= restraint){ // 2nd condition for horizontal swipe met swipeDir = (distX < 0)? 'left' : 'right'; // if dist traveled is negative, it indicates left swipe } } if(swipeDir === 'left') { let current = $('#tabsList_mainpar_tabcomponent li.tabsActive'); if(current.attr('data-anchor') !== $('#tabsList_mainpar_tabcomponent li:last').attr('data-anchor')) { current.next().trigger("click"); } } else if(swipeDir === 'right') { let current = $('#tabsList_mainpar_tabcomponent li.tabsActive'); if(current.attr('data-anchor') !== $('#tabsList_mainpar_tabcomponent li:first').attr('data-anchor')) { current.prev().trigger("click"); } } }, false) }); $(window).resize(function() { let tabListWidth = document.getElementById('tabsList_mainpar_tabcomponent').scrollWidth; let tabsDisplayWidth = document.getElementById('tabsDisplay_mainpar_tabcomponent').offsetWidth; if(tabListWidth >= tabsDisplayWidth) { $("#tabNavWrapper_mainpar_tabcomponent").addClass("scrollable"); let myScrollPosition = $('#tabsList_mainpar_tabcomponent li.tabsActive').offset().left + $('#tabsList_mainpar_tabcomponent li.tabsActive').outerWidth(true) / 2 + $('#tabsDisplay_mainpar_tabcomponent').scrollLeft() - $('#tabsDisplay_mainpar_tabcomponent').width() / 2; $('#tabsDisplay_mainpar_tabcomponent').scrollLeft(myScrollPosition); } else { $("#tabNavWrapper_mainpar_tabcomponent").removeClass("scrollable"); } }); $("#tabsDisplay_mainpar_tabcomponent").scroll(function() { let newScrollLeft = $('#tabsDisplay_mainpar_tabcomponent').scrollLeft(); let width = $('#tabsDisplay_mainpar_tabcomponent').outerWidth(); let scrollWidth = $('#tabsDisplay_mainpar_tabcomponent').get(0).scrollWidth; if(newScrollLeft < 50) { $("#tabNavWrapper_mainpar_tabcomponent .prev").addClass("isDisabled"); } else { $("#tabNavWrapper_mainpar_tabcomponent .prev").removeClass("isDisabled"); } if(width + newScrollLeft >= scrollWidth) { $("#tabNavWrapper_mainpar_tabcomponent .next").addClass("isDisabled"); } else { $("#tabNavWrapper_mainpar_tabcomponent .next").removeClass("isDisabled"); } }); $("#tabArrowPrev_mainpar_tabcomponent").on('click', function() { $('.tabsDisplay_mainpar_tabcomponent').animate({ scrollLeft: $('.tabsDisplay_mainpar_tabcomponent').scrollLeft() - 100 }, 300); }); $("#tabArrowNext_mainpar_tabcomponent").on('click', function() { $('.tabsDisplay_mainpar_tabcomponent').animate({ scrollLeft: $('.tabsDisplay_mainpar_tabcomponent').scrollLeft() + 100 }, 300); }); function triggerTabContent_mainpar_tabcomponent(element) { if(!element.classList.contains('tabsActive')) { let selectedTabId = "#" + $(".tab_mainpar_tabcomponent.tabsActive").get(0).getAttribute('data-anchor'); $(selectedTabId).stop().hide().fadeOut("400"); $(selectedTabId).addClass("hideSpace"); $(".tab_mainpar_tabcomponent").removeClass("tabsActive"); $("#tabNavWrapper_mainpar_tabcomponent .tabNavArrow").removeClass("isDisabled"); let anchorName = element.getAttribute('data-anchor'); element.classList.add("tabsActive"); let tabListWidth = document.getElementById('tabsList_mainpar_tabcomponent').scrollWidth; let tabsDisplayWidth = document.getElementById('tabsDisplay_mainpar_tabcomponent').offsetWidth; if(tabListWidth >= tabsDisplayWidth) { let myScrollPosition = $('#tabsList_mainpar_tabcomponent li.tabsActive').offset().left + $('#tabsList_mainpar_tabcomponent li.tabsActive').outerWidth(true) / 2 + $('#tabsDisplay_mainpar_tabcomponent').scrollLeft() - $('#tabsDisplay_mainpar_tabcomponent').width() / 2; $('#tabsDisplay_mainpar_tabcomponent').scrollLeft(myScrollPosition); if($('#tabsList_mainpar_tabcomponent li:first').attr('data-anchor') === anchorName) { $("#tabNavWrapper_mainpar_tabcomponent .prev").addClass("isDisabled"); } else if($('#tabsList_mainpar_tabcomponent li:last').attr('data-anchor') === anchorName) { $("#tabNavWrapper_mainpar_tabcomponent .next").addClass("isDisabled"); } } let anchorId = "#" + anchorName; $(anchorId).stop().hide().fadeIn("400"); $(anchorId).removeClass("hideSpace"); //imagegrid title equal height let imageGridMaxHeight = 0; $('.imagegridcomponent .imageTitle:visible').each(function() { const imageTitleHeight = $(this).height(); imageGridMaxHeight = Math.max(imageGridMaxHeight, imageTitleHeight); }); $('.imagegridcomponent .imageTitle:visible').height(imageGridMaxHeight); } $('.imagegridcomponent a.imageItem').hover( function() { $(this).find('.imageTitle').css("padding-bottom", imageGridMaxHeight * 2); }, function() { $(this).find('.imageTitle').css("padding-bottom", ""); }); $('.imagegridcomponent .imageTitle').height('auto'); } </script></div> <div class="productslider"> <div class="container-fluid padding-4x-top padding-4x-bottom"> <div class="container fullWidth"> <ul class="products"> <li> <a href="/en-us/forklifts/pallet-trucks.html#handpallet" tabindex="0"> <div class="product"> <img src="/content/dam/crown/images/home-page/2022/product-slider/hand-pallet-jacks-300x300.jpg" alt="Hand Pallet Jacks"/> <p>Pallet Jacks</p> </div> </a> </li> <li> <a href="/en-us/forklifts/pallet-trucks.html#electricpallet" tabindex="0"> <div class="product"> <img src="/content/dam/crown/images/home-page/2022/product-slider/electric-pallet-jacks-300x300.jpg" alt="Electric Pallet Jacks"/> <p>Electric Pallet Jacks</p> </div> </a> </li> <li> <a href="/en-us/forklifts/pallet-trucks.html#riderpallet" tabindex="0"> <div class="product"> <img src="/content/dam/crown/images/home-page/2022/product-slider/rider-pallet-trucks-300x300.jpg" alt="Rider Pallet Jacks"/> <p>Rider Pallet Trucks</p> </div> </a> </li> <li> <a href="/en-us/forklifts/stackers.html" tabindex="0"> <div class="product"> <img src="/content/dam/crown/images/home-page/2022/product-slider/straddle-stackers-300x300-en-us.png" alt="Straddle Stackers"/> <p>Straddle Stackers</p> </div> </a> </li> <li> <a href="/en-us/forklifts/stackers/sh-shr-shc-heavy-duty-reach-stacker.html" tabindex="0"> <div class="product"> <img src="/content/dam/crown/images/home-page/2022/product-slider/counterbalance-stackers-300x300.jpg" alt="Counterbalance Stackers"/> <p>Counterbalance Stackers</p> </div> </a> </li> <li> <a href="/en-us/forklifts/electric-counterbalance-forklifts/rc-stand-up-rider-counterbalanced-truck.html" tabindex="0"> <div class="product"> <img src="/content/dam/crown/images/home-page/2022/product-slider/stand-up-forklifts-300x300.jpg" alt="Standup Forklifts"/> <p>Stand-up Forklifts</p> </div> </a> </li> <li> <a href="/en-us/forklifts/electric-counterbalance-forklifts.html" tabindex="0"> <div class="product"> <img src="/content/dam/crown/images/home-page/2022/product-slider/sit-down-forklifts-300x300.png" alt="Sit down Forklifts"/> <p>Sit-down Forklifts</p> </div> </a> </li> <li> <a href="/en-us/forklifts/internal-combustion-counterbalance-forklifts.html" tabindex="0"> <div class="product"> <img src="/content/dam/crown/images/home-page/2022/product-slider/ic-forklifts-300x300.jpg" alt="Internal Combustion Forklifts"/> <p>Internal Combustion Forklifts</p> </div> </a> </li> <li> <a href="/en-us/forklifts/reach-trucks.html" tabindex="0"> <div class="product"> <img src="/content/dam/crown/images/home-page/2022/product-slider/reach-trucks-300x300.jpg" alt="Reach Trucks"/> <p>Reach Trucks</p> </div> </a> </li> <li> <a href="/en-us/forklifts/man-up-order-pickers.html" tabindex="0"> <div class="product"> <img src="/content/dam/crown/images/home-page/2022/product-slider/man-up-order-pickers.jpg" alt="Man-up Order Pickers"/> <p>Man-up Order Pickers</p> </div> </a> </li> <li> <a href="/en-us/forklifts/man-up-order-pickers/tsp-turret-stockpicker.html" tabindex="0"> <div class="product"> <img src="/content/dam/crown/images/home-page/2022/product-slider/turret-order-pickers-us-300x300.jpg" alt="Turret Order Pickers"/> <p>Turret Order Pickers</p> </div> </a> </li> <li> <a href="/en-us/forklifts/man-up-order-pickers/wav-wave-work-assist-vehicle.html" tabindex="0"> <div class="product"> <img src="/content/dam/crown/images/home-page/2022/product-slider/work-assist-vehicles-300x300.jpg" alt="Work Assist Vehicles"/> <p>Work Assist Vehicles</p> </div> </a> </li> <li> <a href="/en-us/forklifts/pallet-trucks/tr-tow-tractor.html" tabindex="0"> <div class="product"> <img src="/content/dam/crown/images/home-page/2022/product-slider/tow-tractors-300x300.jpg" alt="Tow Tractors"/> <p>Tow Tractors</p> </div> </a> </li> </ul> </div> </div> </div> <div class="column"> <div id="height_b5a96252911a489dadcea8c78ea8c5b1" style="height: px"> <div class="container-fluid "> <div class="container "> <div id="bgImage_b5a96252911a489dadcea8c78ea8c5b1" class="clearfix everyDevice text-white padding-8x-top padding-8x-bottom row" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class=" col-md-6 "> <div class="container-inner"> <div class="opacitycomponent"> <div class="padding-2x-left "> <div class="backgroundCSS backgroundColorOpacity_mainpar_column_column1_opacitycomponent" id="backgroundColorOpacity_mainpar_column_column1_opacitycomponent"> <div><div class="RichText richtext"> <div class=" width-100 component-left"> <h3 style="text-align: center;">Shop Online with Crown</h3> <p style="text-align: center;">Enjoy fast shipping on pallet trucks along with thousands of forklift parts and service supplies.</p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> <div><div class="text-center "> <a href="https://shop.crown.com/crown/en/" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" onclick="addCTAGA('', '', '', '<p>Shop Now<\/p>\r\n')" tabindex="0"><p>Shop Now</p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div><div class=" "> </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> <script> $(document).ready( function() { if("rgba(0,0,0,0.7)") { $('#backgroundColorOpacity_mainpar_column_column1_opacitycomponent').css("background-color", "rgba(0,0,0,0.7)"); } if("") { $('#backgroundColorOpacity_mainpar_column_column1_opacitycomponent').css("min-height", ""); } }) </script> </div> </div> </div> <div class=" col-md-6 "> <div class="container-inner"> </div> </div> </div> </div> </div> <div> <div id="opacityComponentMobileTablet_b5a96252911a489dadcea8c78ea8c5b1" class="opacityComponentMobileTablet"> </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_b5a96252911a489dadcea8c78ea8c5b1').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_b5a96252911a489dadcea8c78ea8c5b1').addClass('bricksRow'); } }); </script> <script> $(document).ready(function(){ setBackgroundImage_b5a96252911a489dadcea8c78ea8c5b1(); }); $(window).resize(function(){ setBackgroundImage_b5a96252911a489dadcea8c78ea8c5b1(); }); function setBackgroundImage_b5a96252911a489dadcea8c78ea8c5b1() { var width = window.innerWidth; var image; if(width < 993 && width > 768 && ("")) { image = (""); } else if(width < 769 && ("")) { image = (""); } else { image = ("/content/dam/crown/images/home-page/2022/promo/banner-shop-crown.jpg"); } $('#bgImage_b5a96252911a489dadcea8c78ea8c5b1').css("background-image","url("+image+")"); } </script> <script> let opacityContent_mainpar_column_column1_opacitycomponent = $('.backgroundColorOpacity_mainpar_column_column1_opacitycomponent').html(); $(document).ready(function(){ toggleMobileDesktop_mainpar_column_column1_opacitycomponent(); setOpacityComponentMinHeight_b5a96252911a489dadcea8c78ea8c5b1(); }); $(window).resize(function(){ toggleMobileDesktop_mainpar_column_column1_opacitycomponent(); setOpacityComponentMinHeight_b5a96252911a489dadcea8c78ea8c5b1(); }); function toggleMobileDesktop_mainpar_column_column1_opacitycomponent() { let width = window.innerWidth; if(width<992) { $('.backgroundColorOpacity_mainpar_column_column1_opacitycomponent').hide(); $('#opacityComponentMobileTablet_b5a96252911a489dadcea8c78ea8c5b1').html(opacityContent_mainpar_column_column1_opacitycomponent); $('.backgroundColorOpacity_mainpar_column_column1_opacitycomponent').html(""); } else { $('.backgroundColorOpacity_mainpar_column_column1_opacitycomponent').show(); if(!$('.backgroundColorOpacity_mainpar_column_column1_opacitycomponent').html()){ $('.backgroundColorOpacity_mainpar_column_column1_opacitycomponent').html(opacityContent_mainpar_column_column1_opacitycomponent); } $('#opacityComponentMobileTablet_b5a96252911a489dadcea8c78ea8c5b1').html(""); } } function setOpacityComponentMinHeight_b5a96252911a489dadcea8c78ea8c5b1() { let width = window.innerWidth; if(width<992) { if(width<768) { $('#opacityComponentMobileTablet_b5a96252911a489dadcea8c78ea8c5b1').css("min-height", ""); } else { $('#opacityComponentMobileTablet_b5a96252911a489dadcea8c78ea8c5b1').css("min-height", ""); } } } </script> </div> <div class="column"> <div id="height_841456c975cd46bd9f610256598d9d6e" style="height: px"> <div class="container-fluid "> <div class="container "> <div id="bgImage_841456c975cd46bd9f610256598d9d6e" class="clearfix everyDevice text-black padding-2x-top padding-2x-bottom row" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class=" col-md-12 "> <div class="container-inner"> <div class="richtext"> <div class=" width-100 component-left"> <h3 style="text-align: center;">Crown Support<br> </h3> </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_841456c975cd46bd9f610256598d9d6e').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_841456c975cd46bd9f610256598d9d6e').addClass('bricksRow'); } }); </script> </div> <div class="quadlayout"> <div class="container-fluid padding-6x-bottom"> <div class="container "> <div class="parent"> <div class="child firstChild "> <div> <div class="textwithiconvertical"> <div> <div> <div class="text-column "> <a href="/en-us/forklift-dealers.html" tabindex="0"> <div class="icon-column text-center "> <i class="fas fa-map-marker-alt fa-fw fa-4x text-orange"></i> </div> <div> <h5>Locate a Crown Dealer</h5> </div> </a> </div> </div> </div> </div> </div> </div> <div class="child "> <div> <div class="textwithiconvertical"> <div> <div> <div class="text-column "> <a href="/en-us/service-parts/integrity-service.html" tabindex="0"> <div class="icon-column text-center "> <i class="fas fa-wrench fa-fw fa-4x text-orange"></i> </div> <div> <h5>Forklift Service</h5> </div> </a> </div> </div> </div> </div> </div> </div> <div class="child thirdChild "> <div> <div class="textwithiconvertical"> <div> <div> <div class="text-column "> <a href="/en-us/service-parts/integrity-parts.html" tabindex="0"> <div class="icon-column text-center "> <i class="fas fa-cogs fa-fw fa-4x text-orange"></i> </div> <div> <h5>Forklift Parts & Accessories</h5> </div> </a> </div> </div> </div> </div> </div> </div> <div class="child "> <div> <div class="textwithiconvertical"> <div> <div> <div class="text-column "> <a href="/en-us/safety-training.html" tabindex="0"> <div class="icon-column text-center "> <i class="fas fa-users fa-fw fa-4x text-orange"></i> </div> <div> <h5>Safety & Training</h5> </div> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="tabcomponent"> <div class="fullWidth text-black "> <div> <div class="tabTitle">Discover Crown</div> <div> <div class="tabNavWrapper" id="tabNavWrapper_mainpar_tabcomponent_555109933"> <nav class="tabsDisplay tabsDisplay_mainpar_tabcomponent_555109933 padding-2x-bottom" id="tabsDisplay_mainpar_tabcomponent_555109933"> <ol class="tabsList" id="tabsList_mainpar_tabcomponent_555109933" tabindex="0"> <li class="tab tab_mainpar_tabcomponent_555109933" data-anchor="OurCompany" onclick="triggerTabContent_mainpar_tabcomponent_555109933(this)"> <a href="javascript: void(0);" tabindex="0">Our Company</a> <div class="tabHighlight"></div> </li> <li class="tab tab_mainpar_tabcomponent_555109933" data-anchor="Innovation" onclick="triggerTabContent_mainpar_tabcomponent_555109933(this)"> <a href="javascript: void(0);" tabindex="0">Innovation</a> <div class="tabHighlight"></div> </li> <li class="tab tab_mainpar_tabcomponent_555109933" data-anchor="News" onclick="triggerTabContent_mainpar_tabcomponent_555109933(this)"> <a href="javascript: void(0);" tabindex="0">News</a> <div class="tabHighlight"></div> </li> <li class="tab tab_mainpar_tabcomponent_555109933" data-anchor="CustomerResults" onclick="triggerTabContent_mainpar_tabcomponent_555109933(this)"> <a href="javascript: void(0);" tabindex="0">Customer Results</a> <div class="tabHighlight"></div> </li> <li class="tab tab_mainpar_tabcomponent_555109933" data-anchor="Blog" onclick="triggerTabContent_mainpar_tabcomponent_555109933(this)"> <a href="javascript: void(0);" tabindex="0">Blog</a> <div class="tabHighlight"></div> </li> </ol> </nav> <button class="tabNavArrow prev" aria-label="previous item" aria-disabled="true" id="tabArrowPrev_mainpar_tabcomponent_555109933"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"> <g> <g> <path d="M6.071 13c-.552 0-1-.448-1-1s.448-1 1-1h7V4c0-.552.448-1 1-1s1 .448 1 1v8c0 .513-.386.936-.883.993L14.07 13h-8z" transform="rotate(135 10.071 8)"></path> </g> </g> </svg> </button> <button class="tabNavArrow next" aria-label="next item" aria-disabled="true" id="tabArrowNext_mainpar_tabcomponent_555109933"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"> <g> <g> <path d="M2.071 13c-.552 0-1-.448-1-1s.448-1 1-1h7V4c0-.552.448-1 1-1s1 .448 1 1v8c0 .513-.386.936-.883.993L10.07 13h-8z" transform="rotate(-45 6.071 8)"></path> </g> </g> </svg> </button> </div> </div> <div> <div id="mainpar_tabcomponent_555109933"> <div id="OurCompany" class="tabContent hideSpace tabContent_mainpar_tabcomponent_555109933"> <div> <div> <div class="column"> <div id="height_d8b0c10653c7454c9bcd30a851a6cfbe" style="height: px"> <div class=" "> <div class="fullWidth "> <div id="bgImage_d8b0c10653c7454c9bcd30a851a6cfbe" class="clearfix everyDevice text-white padding-8x-top padding-8x-bottom tabColumnBgFullWidthRow" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class="container-fluid"> <div class="container"> <div class="float-right col-md-6 "> <div class="container-inner"> <div class="opacitycomponent"> <div class=" "> <div class="backgroundCSS backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_TabContentParsys_column_column1_opacitycomponent" id="backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_TabContentParsys_column_column1_opacitycomponent"> <div><div class="RichText richtext"> <div class="padding-2x-left padding-2x-right width-100 component-left"> <h2 style="text-align: center;">Defining the Future of Material Handling<br> </h2> <p style="text-align: center;">Customers and industry experts agree 鈥擟rown has a reputation for award-winning product design, advanced engineering and technology and commitment to sustainability.<br> </p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> <div><div class="text-center "> <a href="/en-us/about-us.html" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" onclick="addCTAGA('', '', '', '<p>Learn More<\/p>\r\n')" tabindex="0"><p>Learn More</p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div><div class=" "> </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> <script> $(document).ready( function() { if("rgba(0,0,0,0.7)") { $('#backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_TabContentParsys_column_column1_opacitycomponent').css("background-color", "rgba(0,0,0,0.7)"); } if("") { $('#backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_TabContentParsys_column_column1_opacitycomponent').css("min-height", ""); } }) </script> </div> </div> </div> <div class="float-right col-md-6 "> <div class="container-inner"> <div class="richtext"> <div class=" padding-8x-top padding-8x-bottom width-100 component-left"> <p> </p> <p> </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> </div> <div> <div id="opacityComponentMobileTablet_d8b0c10653c7454c9bcd30a851a6cfbe" class="opacityComponentMobileTablet"> </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_d8b0c10653c7454c9bcd30a851a6cfbe').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_d8b0c10653c7454c9bcd30a851a6cfbe').addClass('bricksRow'); } }); </script> <script> $(document).ready(function(){ setBackgroundImage_d8b0c10653c7454c9bcd30a851a6cfbe(); }); $(window).resize(function(){ setBackgroundImage_d8b0c10653c7454c9bcd30a851a6cfbe(); }); function setBackgroundImage_d8b0c10653c7454c9bcd30a851a6cfbe() { var width = window.innerWidth; var image; if(width < 993 && width > 768 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/discover\u002Dcrown\/discover\u002Dcrown\u002Dour\u002Dcompany\u002Dmobile.jpg")) { image = ("/content/dam/crown/images/home-page/2022/discover-crown/discover-crown-our-company-mobile.jpg"); } else if(width < 769 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/discover\u002Dcrown\/discover\u002Dcrown\u002Dour\u002Dcompany\u002Dmobile.jpg")) { image = ("/content/dam/crown/images/home-page/2022/discover-crown/discover-crown-our-company-mobile.jpg"); } else { image = ("/content/dam/crown/images/home-page/2022/discover-crown/discover-crown-our-company.jpg"); } $('#bgImage_d8b0c10653c7454c9bcd30a851a6cfbe').css("background-image","url("+image+")"); } </script> <script> let opacityContent_mainpar_tabcomponent_555109933_tab_TabContentParsys_column_column1_opacitycomponent = $('.backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_TabContentParsys_column_column1_opacitycomponent').html(); $(document).ready(function(){ toggleMobileDesktop_mainpar_tabcomponent_555109933_tab_TabContentParsys_column_column1_opacitycomponent(); setOpacityComponentMinHeight_d8b0c10653c7454c9bcd30a851a6cfbe(); }); $(window).resize(function(){ toggleMobileDesktop_mainpar_tabcomponent_555109933_tab_TabContentParsys_column_column1_opacitycomponent(); setOpacityComponentMinHeight_d8b0c10653c7454c9bcd30a851a6cfbe(); }); function toggleMobileDesktop_mainpar_tabcomponent_555109933_tab_TabContentParsys_column_column1_opacitycomponent() { let width = window.innerWidth; if(width<992) { $('.backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_TabContentParsys_column_column1_opacitycomponent').hide(); $('#opacityComponentMobileTablet_d8b0c10653c7454c9bcd30a851a6cfbe').html(opacityContent_mainpar_tabcomponent_555109933_tab_TabContentParsys_column_column1_opacitycomponent); $('.backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_TabContentParsys_column_column1_opacitycomponent').html(""); } else { $('.backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_TabContentParsys_column_column1_opacitycomponent').show(); if(!$('.backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_TabContentParsys_column_column1_opacitycomponent').html()){ $('.backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_TabContentParsys_column_column1_opacitycomponent').html(opacityContent_mainpar_tabcomponent_555109933_tab_TabContentParsys_column_column1_opacitycomponent); } $('#opacityComponentMobileTablet_d8b0c10653c7454c9bcd30a851a6cfbe').html(""); } } function setOpacityComponentMinHeight_d8b0c10653c7454c9bcd30a851a6cfbe() { let width = window.innerWidth; if(width<992) { if(width<768) { $('#opacityComponentMobileTablet_d8b0c10653c7454c9bcd30a851a6cfbe').css("min-height", ""); } else { $('#opacityComponentMobileTablet_d8b0c10653c7454c9bcd30a851a6cfbe').css("min-height", ""); } } } </script> </div> </div> </div> </div> <div id="Innovation" class="tabContent hideSpace tabContent_mainpar_tabcomponent_555109933"> <div> <div> <div class="column"> <div id="height_e6ae339d92eb4d848c9fb90f462dc2fb" style="height: px"> <div class=" "> <div class="fullWidth "> <div id="bgImage_e6ae339d92eb4d848c9fb90f462dc2fb" class="clearfix everyDevice text-white padding-8x-top padding-8x-bottom tabColumnBgFullWidthRow" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class="container-fluid"> <div class="container"> <div class="float-right col-md-6 "> <div class="container-inner"> <div class="opacitycomponent"> <div class=" "> <div class="backgroundCSS backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_1968650184_TabContentParsys_column_column1_opacitycomponent" id="backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_1968650184_TabContentParsys_column_column1_opacitycomponent"> <div><div class="RichText richtext"> <div class=" padding-2x-top width-100 component-left"> <h2 style="text-align: center;">Credible by Design<br> </h2> <p style="text-align: center;">Crown has earned numerous awards recognizing its ability to produce innovative products that set new standards for design excellence.<br> </p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> <div><div class="text-center "> <a href="/en-us/awards.html" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" onclick="addCTAGA('', '', '', '<p>View Crown Design Awards<\/p>\r\n')" tabindex="0"><p>View Crown Design Awards</p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div><div class=" "> </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> <script> $(document).ready( function() { if("rgba(0,0,0,0.7)") { $('#backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_1968650184_TabContentParsys_column_column1_opacitycomponent').css("background-color", "rgba(0,0,0,0.7)"); } if("") { $('#backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_1968650184_TabContentParsys_column_column1_opacitycomponent').css("min-height", ""); } }) </script> </div> </div> </div> <div class="float-right col-md-6 "> <div class="container-inner"> <div class="richtext"> <div class=" padding-8x-top padding-8x-bottom width-100 component-left"> <p> </p> <p> </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> </div> <div> <div id="opacityComponentMobileTablet_e6ae339d92eb4d848c9fb90f462dc2fb" class="opacityComponentMobileTablet"> </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_e6ae339d92eb4d848c9fb90f462dc2fb').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_e6ae339d92eb4d848c9fb90f462dc2fb').addClass('bricksRow'); } }); </script> <script> $(document).ready(function(){ setBackgroundImage_e6ae339d92eb4d848c9fb90f462dc2fb(); }); $(window).resize(function(){ setBackgroundImage_e6ae339d92eb4d848c9fb90f462dc2fb(); }); function setBackgroundImage_e6ae339d92eb4d848c9fb90f462dc2fb() { var width = window.innerWidth; var image; if(width < 993 && width > 768 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/discover\u002Dcrown\/discover\u002Dcrown\u002Dinnovation\u002Dmobile.jpg")) { image = ("/content/dam/crown/images/home-page/2022/discover-crown/discover-crown-innovation-mobile.jpg"); } else if(width < 769 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/discover\u002Dcrown\/discover\u002Dcrown\u002Dinnovation\u002Dmobile.jpg")) { image = ("/content/dam/crown/images/home-page/2022/discover-crown/discover-crown-innovation-mobile.jpg"); } else { image = ("/content/dam/crown/images/home-page/2022/discover-crown/discover-crown-innovation.jpg"); } $('#bgImage_e6ae339d92eb4d848c9fb90f462dc2fb').css("background-image","url("+image+")"); } </script> <script> let opacityContent_mainpar_tabcomponent_555109933_tab_1968650184_TabContentParsys_column_column1_opacitycomponent = $('.backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_1968650184_TabContentParsys_column_column1_opacitycomponent').html(); $(document).ready(function(){ toggleMobileDesktop_mainpar_tabcomponent_555109933_tab_1968650184_TabContentParsys_column_column1_opacitycomponent(); setOpacityComponentMinHeight_e6ae339d92eb4d848c9fb90f462dc2fb(); }); $(window).resize(function(){ toggleMobileDesktop_mainpar_tabcomponent_555109933_tab_1968650184_TabContentParsys_column_column1_opacitycomponent(); setOpacityComponentMinHeight_e6ae339d92eb4d848c9fb90f462dc2fb(); }); function toggleMobileDesktop_mainpar_tabcomponent_555109933_tab_1968650184_TabContentParsys_column_column1_opacitycomponent() { let width = window.innerWidth; if(width<992) { $('.backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_1968650184_TabContentParsys_column_column1_opacitycomponent').hide(); $('#opacityComponentMobileTablet_e6ae339d92eb4d848c9fb90f462dc2fb').html(opacityContent_mainpar_tabcomponent_555109933_tab_1968650184_TabContentParsys_column_column1_opacitycomponent); $('.backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_1968650184_TabContentParsys_column_column1_opacitycomponent').html(""); } else { $('.backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_1968650184_TabContentParsys_column_column1_opacitycomponent').show(); if(!$('.backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_1968650184_TabContentParsys_column_column1_opacitycomponent').html()){ $('.backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_1968650184_TabContentParsys_column_column1_opacitycomponent').html(opacityContent_mainpar_tabcomponent_555109933_tab_1968650184_TabContentParsys_column_column1_opacitycomponent); } $('#opacityComponentMobileTablet_e6ae339d92eb4d848c9fb90f462dc2fb').html(""); } } function setOpacityComponentMinHeight_e6ae339d92eb4d848c9fb90f462dc2fb() { let width = window.innerWidth; if(width<992) { if(width<768) { $('#opacityComponentMobileTablet_e6ae339d92eb4d848c9fb90f462dc2fb').css("min-height", ""); } else { $('#opacityComponentMobileTablet_e6ae339d92eb4d848c9fb90f462dc2fb').css("min-height", ""); } } } </script> </div> </div> </div> </div> <div id="News" class="tabContent hideSpace tabContent_mainpar_tabcomponent_555109933"> <div> <div> <div class="column"> <div id="height_840438dfe9ce4002b0d07917c93f0369" style="height: px"> <div class=" "> <div class="fullWidth "> <div id="bgImage_840438dfe9ce4002b0d07917c93f0369" class="clearfix everyDevice text-white padding-8x-top padding-8x-bottom tabColumnBgFullWidthRow" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class="container-fluid"> <div class="container"> <div class=" col-md-6 "> <div class="container-inner"> <div class="opacitycomponent"> <div class=" "> <div class="backgroundCSS backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_791931104_TabContentParsys_column_column1_opacitycomponent" id="backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_791931104_TabContentParsys_column_column1_opacitycomponent"> <div><div class="RichText richtext"> <div class=" width-100 component-left"> <h2 style="text-align: center;">Crown Recognized as Top Technology Provider<br> </h2> <p style="text-align: center;">In recognition of its connected and automated material handling solutions, Crown EquipmentCorporation has been named to the FoodLogistics 2020 FL100+ Top Software and Technology Providers list for the eighth consecutive year.<br> </p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> <div><div class="text-center "> <a href="/en-us/newsroom/articles/corporate-news/crown-is-recognized-as-a-top-technology-provider.html" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" onclick="addCTAGA('', '', '', '<p>View Full Story<\/p>\r\n')" tabindex="0"><p>View Full Story</p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div><div class="text-center "> <a href="/en-us/newsroom.html" class="btn btn-plain text-white " onmouseover="this.style.background = `#ffffff`" onmouseout="this.style.background =''" onclick="addCTAGA('', '', '', '<p>View All Crown News<\/p>\r\n')" tabindex="0"><p>View All Crown News</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> <script> $(document).ready( function() { if("rgba(0,0,0,0.7)") { $('#backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_791931104_TabContentParsys_column_column1_opacitycomponent').css("background-color", "rgba(0,0,0,0.7)"); } if("") { $('#backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_791931104_TabContentParsys_column_column1_opacitycomponent').css("min-height", ""); } }) </script> </div> </div> </div> <div class=" col-md-6 "> <div class="container-inner"> <div class="richtext"> <div class=" padding-8x-top padding-8x-bottom width-100 component-left"> <p> </p> <p> </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> </div> <div> <div id="opacityComponentMobileTablet_840438dfe9ce4002b0d07917c93f0369" class="opacityComponentMobileTablet"> </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_840438dfe9ce4002b0d07917c93f0369').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_840438dfe9ce4002b0d07917c93f0369').addClass('bricksRow'); } }); </script> <script> $(document).ready(function(){ setBackgroundImage_840438dfe9ce4002b0d07917c93f0369(); }); $(window).resize(function(){ setBackgroundImage_840438dfe9ce4002b0d07917c93f0369(); }); function setBackgroundImage_840438dfe9ce4002b0d07917c93f0369() { var width = window.innerWidth; var image; if(width < 993 && width > 768 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/discover\u002Dcrown\/discover\u002Dcrown\u002Dnews\u002Dmobile.jpg")) { image = ("/content/dam/crown/images/home-page/2022/discover-crown/discover-crown-news-mobile.jpg"); } else if(width < 769 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/discover\u002Dcrown\/discover\u002Dcrown\u002Dnews\u002Dmobile.jpg")) { image = ("/content/dam/crown/images/home-page/2022/discover-crown/discover-crown-news-mobile.jpg"); } else { image = ("/content/dam/crown/images/home-page/2022/discover-crown/discover-crown-news.jpg"); } $('#bgImage_840438dfe9ce4002b0d07917c93f0369').css("background-image","url("+image+")"); } </script> <script> let opacityContent_mainpar_tabcomponent_555109933_tab_791931104_TabContentParsys_column_column1_opacitycomponent = $('.backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_791931104_TabContentParsys_column_column1_opacitycomponent').html(); $(document).ready(function(){ toggleMobileDesktop_mainpar_tabcomponent_555109933_tab_791931104_TabContentParsys_column_column1_opacitycomponent(); setOpacityComponentMinHeight_840438dfe9ce4002b0d07917c93f0369(); }); $(window).resize(function(){ toggleMobileDesktop_mainpar_tabcomponent_555109933_tab_791931104_TabContentParsys_column_column1_opacitycomponent(); setOpacityComponentMinHeight_840438dfe9ce4002b0d07917c93f0369(); }); function toggleMobileDesktop_mainpar_tabcomponent_555109933_tab_791931104_TabContentParsys_column_column1_opacitycomponent() { let width = window.innerWidth; if(width<992) { $('.backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_791931104_TabContentParsys_column_column1_opacitycomponent').hide(); $('#opacityComponentMobileTablet_840438dfe9ce4002b0d07917c93f0369').html(opacityContent_mainpar_tabcomponent_555109933_tab_791931104_TabContentParsys_column_column1_opacitycomponent); $('.backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_791931104_TabContentParsys_column_column1_opacitycomponent').html(""); } else { $('.backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_791931104_TabContentParsys_column_column1_opacitycomponent').show(); if(!$('.backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_791931104_TabContentParsys_column_column1_opacitycomponent').html()){ $('.backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_791931104_TabContentParsys_column_column1_opacitycomponent').html(opacityContent_mainpar_tabcomponent_555109933_tab_791931104_TabContentParsys_column_column1_opacitycomponent); } $('#opacityComponentMobileTablet_840438dfe9ce4002b0d07917c93f0369').html(""); } } function setOpacityComponentMinHeight_840438dfe9ce4002b0d07917c93f0369() { let width = window.innerWidth; if(width<992) { if(width<768) { $('#opacityComponentMobileTablet_840438dfe9ce4002b0d07917c93f0369').css("min-height", ""); } else { $('#opacityComponentMobileTablet_840438dfe9ce4002b0d07917c93f0369').css("min-height", ""); } } } </script> </div> </div> </div> </div> <div id="CustomerResults" class="tabContent hideSpace tabContent_mainpar_tabcomponent_555109933"> <div> <div> <div class="column"> <div id="height_98e3cdb5d7b041d0bfd6d1a1d72fbefa" style="height: px"> <div class=" "> <div class="fullWidth "> <div id="bgImage_98e3cdb5d7b041d0bfd6d1a1d72fbefa" class="clearfix everyDevice text-white padding-8x-top padding-8x-bottom tabColumnBgFullWidthRow" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class="container-fluid"> <div class="container"> <div class=" col-md-6 "> <div class="container-inner"> <div class="richtext"> <div class=" padding-8x-top padding-8x-bottom width-100 component-left"> <p> </p> <p> </p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> </div> <div class=" col-md-6 "> <div class="container-inner"> <div class="opacitycomponent"> <div class=" "> <div class="backgroundCSS backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_124210550_TabContentParsys_column_column2_opacitycomponent" id="backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_124210550_TabContentParsys_column_column2_opacitycomponent"> <div><div class="RichText richtext"> <div class=" width-100 component-left"> <h2 style="text-align: center;">Increase Warehouse Space and Productivity</h2> <p style="text-align: center;">City Furniture replaced a dedicated battery room with V-Force lithium-ion batteries and convenient opportunity charging stations and gained a half million cubic feet of storage space while boosting operator productivity more than 12%.<br> </p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> <div><div class="text-center "> <a href="/en-us/customer-results/increase-productivity-city-furniture.html" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" onclick="addCTAGA('', '', '', '<p>Read Story<\/p>\r\n')" tabindex="0"><p>Read Story</p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div><div class="text-center "> <a href="/en-us/customer-results.html" class="btn btn-plain text-white " onmouseover="this.style.background = `#ffffff`" onmouseout="this.style.background =''" onclick="addCTAGA('', '', '', '<p>View All Customer Results<\/p>\r\n')" tabindex="0"><p>View All Customer Results</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> <script> $(document).ready( function() { if("rgba(0,0,0,0.7)") { $('#backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_124210550_TabContentParsys_column_column2_opacitycomponent').css("background-color", "rgba(0,0,0,0.7)"); } if("") { $('#backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_124210550_TabContentParsys_column_column2_opacitycomponent').css("min-height", ""); } }) </script> </div> </div> </div> </div> </div> </div> </div> </div> <div> <div id="opacityComponentMobileTablet_98e3cdb5d7b041d0bfd6d1a1d72fbefa" class="opacityComponentMobileTablet"> </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_98e3cdb5d7b041d0bfd6d1a1d72fbefa').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_98e3cdb5d7b041d0bfd6d1a1d72fbefa').addClass('bricksRow'); } }); </script> <script> $(document).ready(function(){ setBackgroundImage_98e3cdb5d7b041d0bfd6d1a1d72fbefa(); }); $(window).resize(function(){ setBackgroundImage_98e3cdb5d7b041d0bfd6d1a1d72fbefa(); }); function setBackgroundImage_98e3cdb5d7b041d0bfd6d1a1d72fbefa() { var width = window.innerWidth; var image; if(width < 993 && width > 768 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/discover\u002Dcrown\/discover\u002Dcrown\u002Dcustomer\u002Dresults\u002Dmobile\u002Ddhl.jpg")) { image = ("/content/dam/crown/images/home-page/2022/discover-crown/discover-crown-customer-results-mobile-dhl.jpg"); } else if(width < 769 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/discover\u002Dcrown\/discover\u002Dcrown\u002Dcustomer\u002Dresults\u002Dmobile\u002Ddhl.jpg")) { image = ("/content/dam/crown/images/home-page/2022/discover-crown/discover-crown-customer-results-mobile-dhl.jpg"); } else { image = ("/content/dam/crown/images/home-page/2022/discover-crown/v-force-customer-results-city-furn.jpg"); } $('#bgImage_98e3cdb5d7b041d0bfd6d1a1d72fbefa').css("background-image","url("+image+")"); } </script> <script> let opacityContent_mainpar_tabcomponent_555109933_tab_124210550_TabContentParsys_column_column2_opacitycomponent = $('.backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_124210550_TabContentParsys_column_column2_opacitycomponent').html(); $(document).ready(function(){ toggleMobileDesktop_mainpar_tabcomponent_555109933_tab_124210550_TabContentParsys_column_column2_opacitycomponent(); setOpacityComponentMinHeight_98e3cdb5d7b041d0bfd6d1a1d72fbefa(); }); $(window).resize(function(){ toggleMobileDesktop_mainpar_tabcomponent_555109933_tab_124210550_TabContentParsys_column_column2_opacitycomponent(); setOpacityComponentMinHeight_98e3cdb5d7b041d0bfd6d1a1d72fbefa(); }); function toggleMobileDesktop_mainpar_tabcomponent_555109933_tab_124210550_TabContentParsys_column_column2_opacitycomponent() { let width = window.innerWidth; if(width<992) { $('.backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_124210550_TabContentParsys_column_column2_opacitycomponent').hide(); $('#opacityComponentMobileTablet_98e3cdb5d7b041d0bfd6d1a1d72fbefa').html(opacityContent_mainpar_tabcomponent_555109933_tab_124210550_TabContentParsys_column_column2_opacitycomponent); $('.backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_124210550_TabContentParsys_column_column2_opacitycomponent').html(""); } else { $('.backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_124210550_TabContentParsys_column_column2_opacitycomponent').show(); if(!$('.backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_124210550_TabContentParsys_column_column2_opacitycomponent').html()){ $('.backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_124210550_TabContentParsys_column_column2_opacitycomponent').html(opacityContent_mainpar_tabcomponent_555109933_tab_124210550_TabContentParsys_column_column2_opacitycomponent); } $('#opacityComponentMobileTablet_98e3cdb5d7b041d0bfd6d1a1d72fbefa').html(""); } } function setOpacityComponentMinHeight_98e3cdb5d7b041d0bfd6d1a1d72fbefa() { let width = window.innerWidth; if(width<992) { if(width<768) { $('#opacityComponentMobileTablet_98e3cdb5d7b041d0bfd6d1a1d72fbefa').css("min-height", ""); } else { $('#opacityComponentMobileTablet_98e3cdb5d7b041d0bfd6d1a1d72fbefa').css("min-height", ""); } } } </script> </div> </div> </div> </div> <div id="Blog" class="tabContent hideSpace tabContent_mainpar_tabcomponent_555109933"> <div> <div> <div class="column"> <div id="height_42018bdcda5944b6a7101650cce6f1ec" style="height: px"> <div class=" "> <div class="fullWidth "> <div id="bgImage_42018bdcda5944b6a7101650cce6f1ec" class="clearfix everyDevice text-white padding-8x-top padding-8x-bottom tabColumnBgFullWidthRow" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class="container-fluid"> <div class="container"> <div class="float-right col-md-6 "> <div class="container-inner"> <div class="opacitycomponent"> <div class=" "> <div class="backgroundCSS backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_717218937_TabContentParsys_column_column1_opacitycomponent" id="backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_717218937_TabContentParsys_column_column1_opacitycomponent"> <div><div class="RichText richtext"> <div class=" width-100 component-left"> <h2 style="text-align: center;">Is Your Workforce Ready for Greater Connectivity</h2> <p style="text-align: center;">Almost no one likes change and that basic trait of human nature must be considered in any technology implementation, especially when you are bringing greater connectivity to your facility.</p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> <div><div class="text-center "> <a href="/blog/en-us/articles/connectivity/is-your-workforce-ready-for-greater-connectivity.html" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" onclick="addCTAGA('', '', '', '<p>Read Article<\/p>\r\n')" tabindex="0"><p>Read Article</p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div><div class="text-center "> <a href="/blog/en-us.html" class="btn btn-plain text-white " onmouseover="this.style.background = `#ffffff`" onmouseout="this.style.background =''" target="_blank" onclick="addCTAGA('', '', '', '<p>View All Blog Articles<\/p>\r\n')" tabindex="0"><p>View All Blog Articles</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> <script> $(document).ready( function() { if("rgba(0,0,0,0.7)") { $('#backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_717218937_TabContentParsys_column_column1_opacitycomponent').css("background-color", "rgba(0,0,0,0.7)"); } if("") { $('#backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_717218937_TabContentParsys_column_column1_opacitycomponent').css("min-height", ""); } }) </script> </div> </div> </div> <div class="float-right col-md-6 "> <div class="container-inner"> <div class="richtext"> <div class=" padding-8x-top padding-8x-bottom width-100 component-left"> <p> </p> <p> </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> </div> <div> <div id="opacityComponentMobileTablet_42018bdcda5944b6a7101650cce6f1ec" class="opacityComponentMobileTablet"> </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_42018bdcda5944b6a7101650cce6f1ec').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_42018bdcda5944b6a7101650cce6f1ec').addClass('bricksRow'); } }); </script> <script> $(document).ready(function(){ setBackgroundImage_42018bdcda5944b6a7101650cce6f1ec(); }); $(window).resize(function(){ setBackgroundImage_42018bdcda5944b6a7101650cce6f1ec(); }); function setBackgroundImage_42018bdcda5944b6a7101650cce6f1ec() { var width = window.innerWidth; var image; if(width < 993 && width > 768 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/discover\u002Dcrown\/discover\u002Dcrown\u002Dblog\u002Dmobile.jpg")) { image = ("/content/dam/crown/images/home-page/2022/discover-crown/discover-crown-blog-mobile.jpg"); } else if(width < 769 && ("\/content\/dam\/crown\/images\/home\u002Dpage\/2022\/discover\u002Dcrown\/discover\u002Dcrown\u002Dblog\u002Dmobile.jpg")) { image = ("/content/dam/crown/images/home-page/2022/discover-crown/discover-crown-blog-mobile.jpg"); } else { image = ("/content/dam/crown/images/home-page/2022/discover-crown/discover-crown-blog.jpg"); } $('#bgImage_42018bdcda5944b6a7101650cce6f1ec').css("background-image","url("+image+")"); } </script> <script> let opacityContent_mainpar_tabcomponent_555109933_tab_717218937_TabContentParsys_column_column1_opacitycomponent = $('.backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_717218937_TabContentParsys_column_column1_opacitycomponent').html(); $(document).ready(function(){ toggleMobileDesktop_mainpar_tabcomponent_555109933_tab_717218937_TabContentParsys_column_column1_opacitycomponent(); setOpacityComponentMinHeight_42018bdcda5944b6a7101650cce6f1ec(); }); $(window).resize(function(){ toggleMobileDesktop_mainpar_tabcomponent_555109933_tab_717218937_TabContentParsys_column_column1_opacitycomponent(); setOpacityComponentMinHeight_42018bdcda5944b6a7101650cce6f1ec(); }); function toggleMobileDesktop_mainpar_tabcomponent_555109933_tab_717218937_TabContentParsys_column_column1_opacitycomponent() { let width = window.innerWidth; if(width<992) { $('.backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_717218937_TabContentParsys_column_column1_opacitycomponent').hide(); $('#opacityComponentMobileTablet_42018bdcda5944b6a7101650cce6f1ec').html(opacityContent_mainpar_tabcomponent_555109933_tab_717218937_TabContentParsys_column_column1_opacitycomponent); $('.backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_717218937_TabContentParsys_column_column1_opacitycomponent').html(""); } else { $('.backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_717218937_TabContentParsys_column_column1_opacitycomponent').show(); if(!$('.backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_717218937_TabContentParsys_column_column1_opacitycomponent').html()){ $('.backgroundColorOpacity_mainpar_tabcomponent_555109933_tab_717218937_TabContentParsys_column_column1_opacitycomponent').html(opacityContent_mainpar_tabcomponent_555109933_tab_717218937_TabContentParsys_column_column1_opacitycomponent); } $('#opacityComponentMobileTablet_42018bdcda5944b6a7101650cce6f1ec').html(""); } } function setOpacityComponentMinHeight_42018bdcda5944b6a7101650cce6f1ec() { let width = window.innerWidth; if(width<992) { if(width<768) { $('#opacityComponentMobileTablet_42018bdcda5944b6a7101650cce6f1ec').css("min-height", ""); } else { $('#opacityComponentMobileTablet_42018bdcda5944b6a7101650cce6f1ec').css("min-height", ""); } } } </script> </div> </div> </div> </div> </div> </div> </div> </div> <script> $(document).ready(function() { let firstChildName = $('#tabsList_mainpar_tabcomponent_555109933 li:first').attr('data-anchor'); $("#" + firstChildName).css("display", "block"); $("#" + firstChildName).removeClass("hideSpace"); $('#tabsList_mainpar_tabcomponent_555109933 li:first').first().addClass("tabsActive"); let tabListWidth = document.getElementById('tabsList_mainpar_tabcomponent_555109933').scrollWidth; let tabsDisplayWidth = document.getElementById('tabsDisplay_mainpar_tabcomponent_555109933').offsetWidth; if(tabListWidth >= tabsDisplayWidth) { $("#tabNavWrapper_mainpar_tabcomponent_555109933").addClass("scrollable"); $("#tabNavWrapper_mainpar_tabcomponent_555109933 .prev").addClass("isDisabled"); } // Below code handles swipe left and right in touch devices let tabItem = document.getElementById("mainpar_tabcomponent_555109933"), swipeDir, startX, startY, distX, distY, threshold = 150, //required min distance traveled to be considered swipe restraint = 100, // maximum distance allowed at the same time in perpendicular direction allowedTime = 300, // maximum time allowed to travel that distance elapsedTime, startTime; tabItem.addEventListener('touchstart', function(e){ let touchObj = e.changedTouches[0]; swipeDir = 'none'; startX = touchObj.pageX; startY = touchObj.pageY; startTime = new Date().getTime(); // record time when finger first makes contact with surface }, false) tabItem.addEventListener('touchend', function(e){ let touchObj = e.changedTouches[0]; distX = touchObj.pageX - startX; // get horizontal dist traveled by finger while in contact with surface distY = touchObj.pageY - startY; // get vertical dist traveled by finger while in contact with surface elapsedTime = new Date().getTime() - startTime; // get time elapsed if (elapsedTime <= allowedTime){ // first condition for swipe met if (Math.abs(distX) >= threshold && Math.abs(distY) <= restraint){ // 2nd condition for horizontal swipe met swipeDir = (distX < 0)? 'left' : 'right'; // if dist traveled is negative, it indicates left swipe } } if(swipeDir === 'left') { let current = $('#tabsList_mainpar_tabcomponent_555109933 li.tabsActive'); if(current.attr('data-anchor') !== $('#tabsList_mainpar_tabcomponent_555109933 li:last').attr('data-anchor')) { current.next().trigger("click"); } } else if(swipeDir === 'right') { let current = $('#tabsList_mainpar_tabcomponent_555109933 li.tabsActive'); if(current.attr('data-anchor') !== $('#tabsList_mainpar_tabcomponent_555109933 li:first').attr('data-anchor')) { current.prev().trigger("click"); } } }, false) }); $(window).resize(function() { let tabListWidth = document.getElementById('tabsList_mainpar_tabcomponent_555109933').scrollWidth; let tabsDisplayWidth = document.getElementById('tabsDisplay_mainpar_tabcomponent_555109933').offsetWidth; if(tabListWidth >= tabsDisplayWidth) { $("#tabNavWrapper_mainpar_tabcomponent_555109933").addClass("scrollable"); let myScrollPosition = $('#tabsList_mainpar_tabcomponent_555109933 li.tabsActive').offset().left + $('#tabsList_mainpar_tabcomponent_555109933 li.tabsActive').outerWidth(true) / 2 + $('#tabsDisplay_mainpar_tabcomponent_555109933').scrollLeft() - $('#tabsDisplay_mainpar_tabcomponent_555109933').width() / 2; $('#tabsDisplay_mainpar_tabcomponent_555109933').scrollLeft(myScrollPosition); } else { $("#tabNavWrapper_mainpar_tabcomponent_555109933").removeClass("scrollable"); } }); $("#tabsDisplay_mainpar_tabcomponent_555109933").scroll(function() { let newScrollLeft = $('#tabsDisplay_mainpar_tabcomponent_555109933').scrollLeft(); let width = $('#tabsDisplay_mainpar_tabcomponent_555109933').outerWidth(); let scrollWidth = $('#tabsDisplay_mainpar_tabcomponent_555109933').get(0).scrollWidth; if(newScrollLeft < 50) { $("#tabNavWrapper_mainpar_tabcomponent_555109933 .prev").addClass("isDisabled"); } else { $("#tabNavWrapper_mainpar_tabcomponent_555109933 .prev").removeClass("isDisabled"); } if(width + newScrollLeft >= scrollWidth) { $("#tabNavWrapper_mainpar_tabcomponent_555109933 .next").addClass("isDisabled"); } else { $("#tabNavWrapper_mainpar_tabcomponent_555109933 .next").removeClass("isDisabled"); } }); $("#tabArrowPrev_mainpar_tabcomponent_555109933").on('click', function() { $('.tabsDisplay_mainpar_tabcomponent_555109933').animate({ scrollLeft: $('.tabsDisplay_mainpar_tabcomponent_555109933').scrollLeft() - 100 }, 300); }); $("#tabArrowNext_mainpar_tabcomponent_555109933").on('click', function() { $('.tabsDisplay_mainpar_tabcomponent_555109933').animate({ scrollLeft: $('.tabsDisplay_mainpar_tabcomponent_555109933').scrollLeft() + 100 }, 300); }); function triggerTabContent_mainpar_tabcomponent_555109933(element) { if(!element.classList.contains('tabsActive')) { let selectedTabId = "#" + $(".tab_mainpar_tabcomponent_555109933.tabsActive").get(0).getAttribute('data-anchor'); $(selectedTabId).stop().hide().fadeOut("400"); $(selectedTabId).addClass("hideSpace"); $(".tab_mainpar_tabcomponent_555109933").removeClass("tabsActive"); $("#tabNavWrapper_mainpar_tabcomponent_555109933 .tabNavArrow").removeClass("isDisabled"); let anchorName = element.getAttribute('data-anchor'); element.classList.add("tabsActive"); let tabListWidth = document.getElementById('tabsList_mainpar_tabcomponent_555109933').scrollWidth; let tabsDisplayWidth = document.getElementById('tabsDisplay_mainpar_tabcomponent_555109933').offsetWidth; if(tabListWidth >= tabsDisplayWidth) { let myScrollPosition = $('#tabsList_mainpar_tabcomponent_555109933 li.tabsActive').offset().left + $('#tabsList_mainpar_tabcomponent_555109933 li.tabsActive').outerWidth(true) / 2 + $('#tabsDisplay_mainpar_tabcomponent_555109933').scrollLeft() - $('#tabsDisplay_mainpar_tabcomponent_555109933').width() / 2; $('#tabsDisplay_mainpar_tabcomponent_555109933').scrollLeft(myScrollPosition); if($('#tabsList_mainpar_tabcomponent_555109933 li:first').attr('data-anchor') === anchorName) { $("#tabNavWrapper_mainpar_tabcomponent_555109933 .prev").addClass("isDisabled"); } else if($('#tabsList_mainpar_tabcomponent_555109933 li:last').attr('data-anchor') === anchorName) { $("#tabNavWrapper_mainpar_tabcomponent_555109933 .next").addClass("isDisabled"); } } let anchorId = "#" + anchorName; $(anchorId).stop().hide().fadeIn("400"); $(anchorId).removeClass("hideSpace"); //imagegrid title equal height let imageGridMaxHeight = 0; $('.imagegridcomponent .imageTitle:visible').each(function() { const imageTitleHeight = $(this).height(); imageGridMaxHeight = Math.max(imageGridMaxHeight, imageTitleHeight); }); $('.imagegridcomponent .imageTitle:visible').height(imageGridMaxHeight); } $('.imagegridcomponent a.imageItem').hover( function() { $(this).find('.imageTitle').css("padding-bottom", imageGridMaxHeight * 2); }, function() { $(this).find('.imageTitle').css("padding-bottom", ""); }); $('.imagegridcomponent .imageTitle').height('auto'); } </script></div> </div> <div class="clearfix"></div> <footer> <div><div class="footer iparsys parsys"> <div class="footercomponent"> <div class="d-none d-md-block desktopFooterView"> <div class="firstRow"> <div class="searchBoxContainer"> <form action="/en-us/combined-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="Search 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 "></i> </div> <div class="text-column "> <a href="/en-us/forklift-dealers.html" tabindex="0"> <div> <p>Find a Dealer</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/en-us/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>Contact Us</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 "></i> </div> <div class="text-column "> <a href="tel:4196292311" tabindex="0"> <div> <p>419-629-2311</p> </div> </a> </div> </div> </div> </div> </div> </div> <hr class="lineSeparator"/> <div class="footerDrawerColumn"> <div id="height_71d44a3cd38546d19a23fc6ffc9d76b0" style="height: px"> <div class="container-fluid "> <div class="container "> <div id="bgImage_71d44a3cd38546d19a23fc6ffc9d76b0" 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">Forklifts</div> <div class="drawerItems"> <a onclick="addFooterGA('Rental Forklifts','Forklifts')" href="/en-us/forklift-rentals.html" target="" tabindex="0">Rental Forklifts</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('New Forklifts','Forklifts')" href="/en-us/forklifts.html" target="" tabindex="0">New Forklifts</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('Reconditioned Forklifts','Forklifts')" href="/en-us/remanufactured-forklifts.html" target="" tabindex="0">Reconditioned Forklifts</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('Used \/ Pre\u002DOwned Forklifts','Forklifts')" href="/en-us/pre-owned-forklifts.html" target="" tabindex="0">Used / Pre-Owned Forklifts</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('V\u002DForce Batteries \x26 Chargers','Forklifts')" href="/en-us/batteries-and-chargers.html" target="" tabindex="0">V-Force Batteries & Chargers</a> </div> </div> </div> </div> <div class=" col-md-3 "> <div class="container-inner"> <div class="footerdrawer"> <div class="title">More From Crown</div> <div class="drawerItems"> <a onclick="addFooterGA('Service','More From Crown')" href="/en-us/service-parts/integrity-service.html" target="" tabindex="0">Service</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('Solutions','More From Crown')" href="/en-us/solutions.html" target="" tabindex="0">Solutions</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('Support','More From Crown')" href="/en-us/support.html" target="" tabindex="0">Support</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('Shop','More From Crown')" href="https://shop.crown.com/" target="" tabindex="0">Shop</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('Crown Branded Merchandise','More From Crown')" href="https://crownstore.crown.com/" target="" tabindex="0">Crown Branded Merchandise</a> </div> </div> </div> </div> <div class=" col-md-3 "> <div class="container-inner"> <div class="footerdrawer"> <div class="title">About Crown</div> <div class="drawerItems"> <a onclick="addFooterGA('Our Company','About Crown')" href="/en-us/about-us.html" target="" tabindex="0">Our Company</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('Code of Conduct','About Crown')" href="/content/dam/crown/pdfs/en-us/brochures/non-products/code-of-conduct.pdf" target="_blank" tabindex="0">Code of Conduct</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('Supplier Code of Conduct','About Crown')" href="/content/dam/crown/pdfs/en-us/legal/Supplier-Code-of-Conduct.pdf" target="_blank" tabindex="0">Supplier Code of Conduct</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('Locations','About Crown')" href="https://www.crown.com/en-us/about-us.html#whereweare" target="" tabindex="0">Locations</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('Careers','About Crown')" href="https://us-careers.crown.com/" target="" tabindex="0">Careers</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('Crown Blog','About Crown')" href="https://blog.crown.com/" target="" tabindex="0">Crown Blog</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('Crown News \x26 Press','About Crown')" href="/en-us/newsroom.html" target="_blank" tabindex="0">Crown News & Press</a> </div> </div> </div> </div> <div class=" col-md-3 "> <div class="container-inner"> <div class="footerdrawer"> <div class="title">Utilities</div> <div class="drawerItems"> <a onclick="addFooterGA('Service Manuals','Utilities')" href="/en-us/manuals-safety-labels.html" target="" tabindex="0">Service Manuals</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('Operator Manuals','Utilities')" href="/en-us/operator-manuals.html" target="" tabindex="0">Operator Manuals</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('FAQ','Utilities')" href="https://shop.crown.com/crown/en/faq" target="" tabindex="0">FAQ</a> </div> </div> <div class="socialicons"><div class=" "> <div class="socialIconsTitle"> Social Media </div> <ul id="footer_footercomponent_column_column4_socialicons-connect-list" role="group"> <li> <a href="https://www.facebook.com/pages/Crown-Equipment-Corporation/488045240370?ref=aymt_homepage_panel" target="_blank" tabindex="0"> <i class="fab fa-facebook-square fa-fw"></i> </a> </li> <li> <a href="https://www.youtube.com/user/CrownEquipment" target="_blank" tabindex="0"> <i class="fab fa-youtube fa-fw"></i> </a> </li> <li> <a href="https://linkedin.com/company/crownequipment" 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_71d44a3cd38546d19a23fc6ffc9d76b0').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_71d44a3cd38546d19a23fc6ffc9d76b0').addClass('bricksRow'); } }); </script> </div> <div> <a class="textWhite globalSelectorText" onclick="Crown.Common.Cookies.eraseCookie('crownlocation');" tabindex="0">United States - English</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><span class="text-white"><a href="/en-us/legal.html">Legal Information</a> | <a href="/securityincident.html">Data Security Incident</a> | <a href="/en-us/terms-and-conditions.html">Terms and Conditions</a></span></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="/en-us/combined-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="Search 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"> Forklifts </a> <div class="dropdown-menu" role="menu" aria-labelledby="Forklifts"> <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('Rental Forklifts','Forklifts')" href="/content/en-us/forklift-rentals">Rental Forklifts</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('New Forklifts','Forklifts')" href="/content/en-us/forklifts">New Forklifts</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Reconditioned Forklifts','Forklifts')" href="/content/en-us/remanufactured-forklifts">Reconditioned Forklifts</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Used \/ Pre\u002DOwned Forklifts','Forklifts')" href="/content/en-us/pre-owned-forklifts">Used / Pre-Owned Forklifts</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('V\u002DForce Batteries \x26 Chargers','Forklifts')" href="/content/en-us/batteries-and-chargers">V-Force Batteries & Chargers</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"> More From Crown </a> <div class="dropdown-menu" role="menu" aria-labelledby="More From 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('Service','More From Crown')" href="/content/en-us/service-parts/integrity-service">Service</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Solutions','More From Crown')" href="/content/en-us/solutions">Solutions</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Support','More From Crown')" href="/content/en-us/support">Support</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Shop','More From Crown')" href="https://shop.crown.com/">Shop</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Crown Branded Merchandise','More From Crown')" href="https://crownstore.crown.com/">Crown Branded Merchandise</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"> About Crown </a> <div class="dropdown-menu" role="menu" aria-labelledby="About 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('Our Company','About Crown')" href="/content/en-us/about-us">Our Company</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Code of Conduct','About Crown')" href="/content/dam/crown/pdfs/en-us/brochures/non-products/code-of-conduct.pdf">Code of Conduct</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Supplier Code of Conduct','About Crown')" href="/content/dam/crown/pdfs/en-us/legal/Supplier-Code-of-Conduct.pdf">Supplier Code of Conduct</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Locations','About Crown')" href="https://www.crown.com/en-us/about-us.html#whereweare">Locations</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Careers','About Crown')" href="https://us-careers.crown.com/">Careers</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Crown Blog','About Crown')" href="https://blog.crown.com/">Crown Blog</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Crown News \x26 Press','About Crown')" href="/content/en-us/newsroom">Crown News & Press</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"> Utilities </a> <div class="dropdown-menu" role="menu" aria-labelledby="Utilities"> <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('Service Manuals','Utilities')" href="/content/en-us/manuals-safety-labels">Service Manuals</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Operator Manuals','Utilities')" href="/content/en-us/operator-manuals">Operator Manuals</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('FAQ','Utilities')" href="https://shop.crown.com/crown/en/faq">FAQ</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"> Connect with Us </a> <div class="dropdown-menu" role="menu" aria-labelledby="Connect with Us"> <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('Find a Dealer','Connect with Us')" href="/content/en-us/forklift-dealers">Find a Dealer</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Contact Us','Connect with Us')" href="/content/en-us/contact-us">Contact Us</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('419\u002D629\u002D2311','Connect with Us')" href="tel:4196292311">419-629-2311</a> </li> </ul> </div> </div> </div> </div> </li> </ul> <div class="socialicons"> <ul role="group"> <li> <a href="https://www.facebook.com/pages/Crown-Equipment-Corporation/488045240370?ref=aymt_homepage_panel" target="_blank" tabindex="0"> <i class="fab fa-facebook-square fa-fw"></i> </a> </li> <li> <a href="https://www.youtube.com/user/CrownEquipment" target="_blank" tabindex="0"> <i class="fab fa-youtube fa-fw"></i> </a> </li> <li> <a href="https://linkedin.com/company/crownequipment" target="_blank" tabindex="0"> <i class="fab fa-linkedin fa-fw"></i> </a> </li> </ul> </div> <a class="textWhite globalSelectorText" onclick="Crown.Common.Cookies.eraseCookie('crownlocation');" tabindex="0">United States - English</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">Back to Top</div> </div> <div class="copyRight"> <span class="copyRightYear">漏 2002-2024 Crown Equipment Corporation</span> </div> <div class="textWhite"><p><span class="text-white"><a href="/en-us/legal.html">Legal Information</a> | <a href="/securityincident.html">Data Security Incident</a> | <a href="/en-us/terms-and-conditions.html">Terms and Conditions</a></span></p> </div> </div> <div class="desktopFooterView"> </div> </div> <div class="column"> <div id="height_321af11238594648b387f58eca7fd4c0" style="height: px"> <div class="container-fluid background-light-black "> <div class="container background-light-black "> <div id="bgImage_321af11238594648b387f58eca7fd4c0" 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_321af11238594648b387f58eca7fd4c0').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_321af11238594648b387f58eca7fd4c0').addClass('bricksRow'); } }); </script> </div> <div class="newpar new section"> </div> <div class="par iparys_inherited"> </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> </body> </html>

CINXE.COM

Crown Equipment Corporation | USA | Material Handling