Warehouse Racking Solutions & Storage Systems

<!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 can help determine the right combination of warehouse racking solutions to fit your warehouse space and your warehouse storage system requirements. Choosing the right pallet racking system is critical when trying to make the most of your warehouse storage space. "/> <meta name="viewport" content="width=device-width, initial-scale=1"/>   <script defer="defer" type="text/javascript" src="/.rum/@adobe/helix-rum-js@%5E2/dist/rum-standalone.js"></script> <link rel="canonical" href="https://www.crown.com/en-us/warehouse-solutions/racking-and-storage.html"/>  <script src="/etc/clientlibs/global-web/granite.lc-924b68355282635f248afbd8a75c823e-lc.min.js"></script> <script type="text/javascript"> var pageDomain="https:\/\/www.crown.com";</script> </meta> </meta> <script> // Define dataLayer and the gtag function. window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} // Set default consent to 'denied' as a placeholder gtag('consent', 'default', { 'ad_user_data': 'denied', 'ad_personalization': 'denied', 'ad_storage': 'denied', 'analytics_storage': 'denied', });  (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MJLHW2');   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-35686931-1', 'auto'); ga('require', 'GTM-PG9R4SC');  function consentGranted(){ gtag('consent', 'update', { 'ad_user_data': 'granted', 'ad_personalization': 'granted', 'ad_storage': 'granted', 'analytics_storage': 'granted' }); } </script> <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>Warehouse Racking Solutions & Storage Systems | Crown Equipment</title> <link rel="alternate" hreflang="en-us" href="https://www.crown.com/en-us/warehouse-solutions/racking-and-storage.html"/> <link rel="alternate" hreflang="en-ca" href="https://www.crown.com/en-ca/warehouse-solutions/racking-and-storage.html"/> <link rel="alternate" hreflang="fr-ca" href="https://www.crown.com/fr-ca/warehouse-solutions/racking-and-storage.html"/>  <link rel="stylesheet" href="https://use.typekit.net/teg2oye.css"/> </head>  <body>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MJLHW2" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <input type="hidden" id="isoLanguageCountryCode" value="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="newpar new section"> </div> <div class="par iparys_inherited"> <div class="header"><header class="header-main"> <div class="d-none d-md-block"><div class="container-fluid clearfix localeselectorheader background-light-black"> <div id="menubar" class="container"> <ul> <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’t 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 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> <li data-name="createddrawer_5" data-path="/content/en-us/jcr:content/header/header/mainnav/createddrawer_5"> <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_6" data-path="/content/en-us/jcr:content/header/header/mainnav/createddrawer_6"> <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> </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> </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"><a href="/en-us/warehouse-solutions.html">Warehouse Solutions</a>/</div> </div> <script> $(document).ready(function() { $('[data-toggle=search-form]').click(function() { $('#search-box').val(''); $('.search-form-wrapper').toggleClass('open'); $('#search-box').placeholder(); $('#search-box').focus(); }); $('[data-toggle=search-form-close]').click(function() { $('#search-box').val(''); $('.search-form-wrapper').removeClass('open'); }); $('.search-close').click(function() { $('#search-box').val(''); $('.search-form-wrapper').removeClass('open'); }); if(navigator.userAgent.indexOf('Mac') > 0) { $('.search-close').addClass('search-close-mac'); } }); $('#search-box').on('keyup', function() { let searchTerm = this.value; if(searchTerm) { $("#searchIcon").css("opacity", "1"); } else { $("#searchIcon").css("opacity", "0.65"); } if(searchTerm.length >= 3) { $("#searchSuggestions").empty(); $("#searchResults").empty(); $(".searchDropDown").css("display", "block"); getSearchSuggestions(searchTerm); getResultSuggestions(searchTerm) } else { $(".searchDropDown").css("display", "none"); } }); function getSearchSuggestions(searchTerm) { $.ajax({ url: "/content/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 socialconnect"> <ul id="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=warehouseConsulting" 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=Warehouse%20Design%20Solutions%20%7C%20Crown%20Equipment%20Corporation&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%2Fwarehouse-solutions%2Fracking-and-storage.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('#socialConnect-connect-list'); $socialShare.find('li').hover(function() { jQuery(this).addClass('hover'); }, function() { jQuery(this).removeClass('hover'); }); } ); function addSocialConnectGA(title) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn"))) { dataLayer.push({ 'event': 'side_nav_click', 'eventCategory': 'Side Navigation', 'eventAction': title, 'eventLabel': currentPage }); } } } </script></div> </div> <div> <div class="column"> <div id="height_d1f4b056e74e42829ae5a90c59715125" style="height: px"> <div class="container-fluid background-blacker "> <div class="container background-blacker "> <div id="bgImage_d1f4b056e74e42829ae5a90c59715125" class="clearfix background-blacker everyDevice text-white padding-4x-top padding-4x-bottom row" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class=" col-md-8 "> <div class="container-inner"> <div class="richtext"> <div class=" padding-2x-bottom width-80 component-left"> <h1>Warehouse Racking and Storage Solutions<br> </h1> <h2>Improve the Efficiency of<br> Your Racking and Storage<br> </h2> <p>Making the most of your warehouse space is a common challenge and choosing the right warehouse rack system is critical. Crown can help determine the right combination of warehouse racking solutions to fit your space and your storage requirements.<br> </p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> <div class="calltoactionbutton"><div class="Left "> <a href="#" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" data-toggle="modal" data-formsource="/content/en-us/contact-us.html" data-target="#modal-form" data-querystring="areaOfInterest=warehouseConsulting" onclick="addCTAGA('', '', '', 'Schedule a Consultation')" tabindex="0">Schedule a Consultation</a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div class="richtext"> <div class=" padding-2x-bottom width-100 component-left"> <h3>or Call <span class="text-orange"><a href="tel:18442156560">1-844-215-6560</a></span></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 class=" col-md-4 "> <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_d1f4b056e74e42829ae5a90c59715125').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_d1f4b056e74e42829ae5a90c59715125').addClass('bricksRow'); } }); </script> <script> $(document).ready(function(){ setBackgroundImage_d1f4b056e74e42829ae5a90c59715125(); }); $(window).resize(function(){ setBackgroundImage_d1f4b056e74e42829ae5a90c59715125(); }); function setBackgroundImage_d1f4b056e74e42829ae5a90c59715125() { var width = window.innerWidth; var image; if(width < 993 && width > 768 && ("")) { image = (""); } else if(width < 769 && ("")) { image = (""); } else { image = ("/content/dam/crown/images/racking-and-storage/hero/racking-and-storage-hero.jpg"); } $('#bgImage_d1f4b056e74e42829ae5a90c59715125').css("background-image","url("+image+")"); } </script> </div> <div class="column"> <div id="height_b2aeab52123a47b3b7875a11556cfd0a" style="height: px"> <div class="container-fluid "> <div class="container "> <div id="bgImage_b2aeab52123a47b3b7875a11556cfd0a" class="clearfix everyDevice text-black padding-4x-top padding-4x-bottom row" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class=" col-md-12 "> <div class="container-inner"> <div class="richtext"> <div class=" width-100 component-left"> <h3 style="text-align: center;">A Customized Approach to Your Warehouse Storage Needs<br> </h3> <p style="text-align: center;">One size does not fit all: To operate at top efficiency, every facility should have a customized warehouse racking solution designed to fit the materials stored, the method and frequency of movement and more. Crown specialists can analyze your material and workflow and recommend the right combination of storage systems for your business.<br> </p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> <div class="accordionlist"> <div class="container-fluid "> <div class="container text-black " id="mainpar_column_954121534_column1_accordionlist"> <div class="accordion-subheadline"> </div> <div class="row"> <div class="col-md-6 col-sm-12 container-accordionList"> <div role="tablist" class="panel-group" id="mainpar_column_954121534_column1_accordionlist-accordion" aria-multiselectable="false"> <div class="panel panel-default "> <div class="panel-heading" role="tab" id="heading"> <h4 class="panel-title"> <span id="anchor" data-toggle="collapse" data-parent="#mainpar_column_954121534_column1_accordionlist-accordion" href="#mainpar_column_954121534_column1_accordionlist-accordion-panel" onclick="addAccordionGA('Selective Rack','')" aria-expanded="true" aria-controls="accordion"> Selective Rack </span> </h4> </div> <div class="panel-collapse collapse show" id="mainpar_column_954121534_column1_accordionlist-accordion-panel" role="tabpanel" data-panel-image-html="<img class='img-responsive hidden-xs center-block' src='/content/dam/crown/images/racking-and-storage/storage-needs/racking-storage-selective-rack.jpg' alt='Warehouse Selective Rack' title='Warehouse Selective Rack'>" aria-labelledby="heading"> <div class="panel-body-padding"> <p><p>Known for its heavy load capacity and flexible design, selective warehouse racking is typically configured in back to back rows with each accessible from an aisle.</p> </p> <div class="accordionCTA calltoactionbutton"><div class=" "> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <img class="img-responsive visible-xs-block center-block accordion-image-xs" src="/content/dam/crown/images/racking-and-storage/storage-needs/racking-storage-selective-rack.jpg" alt="Warehouse Selective Rack" title="Warehouse Selective Rack"/> </div> </div> </div> <div class="panel panel-default "> <div class="panel-heading" role="tab" id="heading_89193517"> <h4 class="panel-title"> <span id="anchor_89193517" data-toggle="collapse" data-parent="#mainpar_column_954121534_column1_accordionlist-accordion" href="#mainpar_column_954121534_column1_accordionlist-accordion_89193517-panel" onclick="addAccordionGA('Double\u002DDeep Rack','')" aria-expanded="false" aria-controls="accordion_89193517" class="collapsed"> Double-Deep Rack </span> </h4> </div> <div class="panel-collapse collapse " id="mainpar_column_954121534_column1_accordionlist-accordion_89193517-panel" role="tabpanel" data-panel-image-html="<img class='img-responsive hidden-xs center-block' src='/content/dam/crown/images/racking-and-storage/storage-needs/racking-storage-double-deep-rack.jpg' alt='Warehouse Double Deep Rack' title='Warehouse Double Deep Rack'>" aria-labelledby="heading_89193517"> <div class="panel-body-padding"> <p><p>Helps increase storage density by storing two pallets deep on each level, with each level being fully accessible.<br /> </p> </p> <div class="accordionCTA calltoactionbutton"><div class=" "> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <img class="img-responsive visible-xs-block center-block accordion-image-xs" src="/content/dam/crown/images/racking-and-storage/storage-needs/racking-storage-double-deep-rack.jpg" alt="Warehouse Double Deep Rack" title="Warehouse Double Deep Rack"/> </div> </div> </div> <div class="panel panel-default "> <div class="panel-heading" role="tab" id="heading_679897921"> <h4 class="panel-title"> <span id="anchor_679897921" data-toggle="collapse" data-parent="#mainpar_column_954121534_column1_accordionlist-accordion" href="#mainpar_column_954121534_column1_accordionlist-accordion_679897921-panel" onclick="addAccordionGA('Push\u002DBack Rack','')" aria-expanded="false" aria-controls="accordion_679897921" class="collapsed"> Push-Back Rack </span> </h4> </div> <div class="panel-collapse collapse " id="mainpar_column_954121534_column1_accordionlist-accordion_679897921-panel" role="tabpanel" data-panel-image-html="<img class='img-responsive hidden-xs center-block' src='/content/dam/crown/images/racking-and-storage/storage-needs/racking-storage-push-back-rack.jpg' alt='Push-Back Rack' title='Push Back Rack'>" aria-labelledby="heading_679897921"> <div class="panel-body-padding"> <p><p>Allows for higher-density storage by storing multiple pallets deep on each level with each pallet loaded from the front. Works best in high-productivity operations with frequent stock turns.<br /> </p> </p> <div class="accordionCTA calltoactionbutton"><div class=" "> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <img class="img-responsive visible-xs-block center-block accordion-image-xs" src="/content/dam/crown/images/racking-and-storage/storage-needs/racking-storage-push-back-rack.jpg" alt="Push-Back Rack" title="Push Back Rack"/> </div> </div> </div> <div class="panel panel-default "> <div class="panel-heading" role="tab" id="heading_1987179179"> <h4 class="panel-title"> <span id="anchor_1987179179" data-toggle="collapse" data-parent="#mainpar_column_954121534_column1_accordionlist-accordion" href="#mainpar_column_954121534_column1_accordionlist-accordion_1987179179-panel" onclick="addAccordionGA('Flow\u002DThru Rack','')" aria-expanded="false" aria-controls="accordion_1987179179" class="collapsed"> Flow-Thru Rack </span> </h4> </div> <div class="panel-collapse collapse " id="mainpar_column_954121534_column1_accordionlist-accordion_1987179179-panel" role="tabpanel" data-panel-image-html="<img class='img-responsive hidden-xs center-block' src='/content/dam/crown/images/racking-and-storage/storage-needs/racking-storage-flow-thru-rack.jpg' alt='Flow-Thru Rack' title=''>" aria-labelledby="heading_1987179179"> <div class="panel-body-padding"> <p><p>In flow-thru warehouse rack systems, pallets are loaded from one side, stored in multiples deep and roll to the opposite side of the rack for easy access. Works best in first-in, first-out operations.</p> </p> <div class="accordionCTA calltoactionbutton"><div class=" "> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <img class="img-responsive visible-xs-block center-block accordion-image-xs" src="/content/dam/crown/images/racking-and-storage/storage-needs/racking-storage-flow-thru-rack.jpg" alt="Flow-Thru Rack"/> </div> </div> </div> <div class="panel panel-default "> <div class="panel-heading" role="tab" id="heading_1043249294"> <h4 class="panel-title"> <span id="anchor_1043249294" data-toggle="collapse" data-parent="#mainpar_column_954121534_column1_accordionlist-accordion" href="#mainpar_column_954121534_column1_accordionlist-accordion_1043249294-panel" onclick="addAccordionGA('Pallet Shuttle Rack','')" aria-expanded="false" aria-controls="accordion_1043249294" class="collapsed"> Pallet Shuttle Rack </span> </h4> </div> <div class="panel-collapse collapse " id="mainpar_column_954121534_column1_accordionlist-accordion_1043249294-panel" role="tabpanel" data-panel-image-html="<img class='img-responsive hidden-xs center-block' src='/content/dam/crown/images/racking-and-storage/storage-needs/racking-storage-pallet-shuttle-rack.jpg' alt='Pallet Shuttle Rack' title=''>" aria-labelledby="heading_1043249294"> <div class="panel-body-padding"> <p><p>This semi-automated deep lane system utilizes an integrated cart to transport pallets loaded by the lift truck at the lane entry into the deep lane. Works well in applications with high-volume SKUs, helping to increase productivity by minimizing lift truck travel.<br /> </p> </p> <div class="accordionCTA calltoactionbutton"><div class=" "> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <img class="img-responsive visible-xs-block center-block accordion-image-xs" src="/content/dam/crown/images/racking-and-storage/storage-needs/racking-storage-pallet-shuttle-rack.jpg" alt="Pallet Shuttle Rack"/> </div> </div> </div> <div class="panel panel-default "> <div class="panel-heading" role="tab" id="heading_463624829"> <h4 class="panel-title"> <span id="anchor_463624829" data-toggle="collapse" data-parent="#mainpar_column_954121534_column1_accordionlist-accordion" href="#mainpar_column_954121534_column1_accordionlist-accordion_463624829-panel" onclick="addAccordionGA('Drive\u002DIn Rack','')" aria-expanded="false" aria-controls="accordion_463624829" class="collapsed"> Drive-In Rack </span> </h4> </div> <div class="panel-collapse collapse " id="mainpar_column_954121534_column1_accordionlist-accordion_463624829-panel" role="tabpanel" data-panel-image-html="<img class='img-responsive hidden-xs center-block' src='/content/dam/crown/images/racking-and-storage/storage-needs/racking-storage-drive-in-rack.jpg' alt='Drive-In Rack' title=''>" aria-labelledby="heading_463624829"> <div class="panel-body-padding"> <p><p>These higher density warehouse racks store pallets in multiple depths and have either one entry/exit point (drive-in). Drive-in racks are suited for last-in, first-out operations.</p> </p> <div class="accordionCTA calltoactionbutton"><div class=" "> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <img class="img-responsive visible-xs-block center-block accordion-image-xs" src="/content/dam/crown/images/racking-and-storage/storage-needs/racking-storage-drive-in-rack.jpg" alt="Drive-In Rack"/> </div> </div> </div> <div class="panel panel-default "> <div class="panel-heading" role="tab" id="heading_316909877"> <h4 class="panel-title"> <span id="anchor_316909877" data-toggle="collapse" data-parent="#mainpar_column_954121534_column1_accordionlist-accordion" href="#mainpar_column_954121534_column1_accordionlist-accordion_316909877-panel" onclick="addAccordionGA('Cantilever Rack','')" aria-expanded="false" aria-controls="accordion_316909877" class="collapsed"> Cantilever Rack </span> </h4> </div> <div class="panel-collapse collapse " id="mainpar_column_954121534_column1_accordionlist-accordion_316909877-panel" role="tabpanel" data-panel-image-html="<img class='img-responsive hidden-xs center-block' src='/content/dam/crown/images/racking-and-storage/storage-needs/racking-storage-cantilever-rack.jpg' alt='Cantilever Rack' title=''>" aria-labelledby="heading_316909877"> <div class="panel-body-padding"> <p><p>Utilizes columns and cantilever arms rather than rails, making it ideal for storing long material. Features open access to facilitate loading and unloading.<br /> </p> </p> <div class="accordionCTA calltoactionbutton"><div class=" "> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <img class="img-responsive visible-xs-block center-block accordion-image-xs" src="/content/dam/crown/images/racking-and-storage/storage-needs/racking-storage-cantilever-rack.jpg" alt="Cantilever Rack"/> </div> </div> </div> <div class="panel panel-default "> <div class="panel-heading" role="tab" id="heading_1544436858"> <h4 class="panel-title"> <span id="anchor_1544436858" data-toggle="collapse" data-parent="#mainpar_column_954121534_column1_accordionlist-accordion" href="#mainpar_column_954121534_column1_accordionlist-accordion_1544436858-panel" onclick="addAccordionGA('Pick Modules','')" aria-expanded="false" aria-controls="accordion_1544436858" class="collapsed"> Pick Modules </span> </h4> </div> <div class="panel-collapse collapse " id="mainpar_column_954121534_column1_accordionlist-accordion_1544436858-panel" role="tabpanel" data-panel-image-html="<img class='img-responsive hidden-xs center-block' src='/content/dam/crown/images/racking-and-storage/storage-needs/racking-storage-pick-modules.jpg' alt='Pick Modules' title=''>" aria-labelledby="heading_1544436858"> <div class="panel-body-padding"> <p><p>These high-density storage systems integrate different types of warehouse rack storage solutions into multiple levels to store inventory for picking and fulfillment of orders with greater efficiency.</p> </p> <div class="accordionCTA calltoactionbutton"><div class=" "> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <img class="img-responsive visible-xs-block center-block accordion-image-xs" src="/content/dam/crown/images/racking-and-storage/storage-needs/racking-storage-pick-modules.jpg" alt="Pick Modules"/> </div> </div> </div> </div> </div> <div class="col-md-6 d-none d-md-block container-panel-image text-center container-accordionList-image"> <img src="/content/dam/crown/images/racking-and-storage/storage-needs/racking-storage-selective-rack.jpg" class="img-responsive" alt="Warehouse Selective Rack" title="Warehouse Selective Rack"/> </div> </div> </div> </div> <script> var accordion = function () { // Define the outermost element to avoid collisions var $parent = jQuery('#mainpar_column_954121534_column1_accordionlist'), $imageContainer = $parent.find('.container-accordionList-image'); $parent.find('#mainpar_column_954121534_column1_accordionlist-accordion, #mainpar_column_954121534_column1_accordionlist-accordion-list').on('show.bs.collapse', function (e) { var $this =jQuery(this); // Collapsing other open panels is done automatically in a typical Bootstrap accordion, // but must be done manually because author mode adds additional markup $this.find('.show').collapse('hide'); $imageContainer.html($this.find('#' + e.target.id).data('panel-image-html')); }); }(); $('.panel-collapse .panel-body:not(:has(>p))').css('display', 'none'); function addAccordionGA(labelName,gaEventAction) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && gaEventAction) { dataLayer.push({ 'event': 'product_footer_dropdown_click', 'eventCategory': 'Product Footer Nav', 'eventAction': gaEventAction, 'eventLabel': labelName }); } } } </script> </div> </div> </div> </div> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_b2aeab52123a47b3b7875a11556cfd0a').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_b2aeab52123a47b3b7875a11556cfd0a').addClass('bricksRow'); } }); </script> </div> <div class="column"> <div id="height_60372d49345b42aab3adb9a599a5b579" style="height: px"> <div class="container-fluid background-grey-lightestest "> <div class="container background-grey-lightestest "> <div id="bgImage_60372d49345b42aab3adb9a599a5b579" class="clearfix background-grey-lightestest everyDevice text-black row" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class=" col-md-6 "> <div class="container-inner"> <div class="imagecomponent"><div class="container-image text-dark clearfix "> <div class="playButton"> <picture> <i class=" fa-4x"></i> <source srcset="/content/dam/crown/images/warehouse-solutions/content/Racking-storage-ebook.jpg.transform/mobile-image/img.jpg" media="(max-width: 768px)"/> <source srcset="/content/dam/crown/images/warehouse-solutions/content/Racking-storage-ebook.jpg.transform/tablet-image/img.jpg" media="(max-width: 992px)"/> <img class="img-responsive " src="/content/dam/crown/images/warehouse-solutions/content/Racking-storage-ebook.jpg" alt="Warehouse Solutions eBook"/> </picture> </div> </div>  </div> </div> </div> <div class=" col-md-6 "> <div class="container-inner"> <div class="richtext"> <div class=" padding-4x-top width-100 component-left"> <h3>Enhance Your Warehouse Storage</h3> <p><br> Achieving a high-performance warehouse operation requires thoughtful consideration of your racking and storage needs, but there are many other components to consider. Our Warehouse Solutions e-book can help you discover how a comprehensive approach to warehouse management can improve productivity and efficiency.</p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> <div class="calltoactionbutton"><div class="Left padding-2x-bottom "> <a href="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="warehouse-racking-stage" 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> </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_60372d49345b42aab3adb9a599a5b579').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_60372d49345b42aab3adb9a599a5b579').addClass('bricksRow'); } }); </script> </div> <div class="column"> <div id="height_8587e355c82541daaee997766b72e69d" style="height: px"> <div class="container-fluid background-blacker "> <div class="container background-blacker "> <div id="bgImage_8587e355c82541daaee997766b72e69d" class="clearfix background-blacker everyDevice text-white container-vertical-aligned padding-2x-top padding-2x-bottom row" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class=" col-md-6 vertical-align-middle"> <div class="container-inner"> <div class="imagecomponent"><div class="container-image text-dark clearfix "> <div class="playButton"> <picture> <i class=" fa-4x"></i> <source srcset="/content/dam/crown/images/racking-and-storage/content/warehouse-installation-services-measure.jpg.transform/mobile-image/img.jpg" media="(max-width: 768px)"/> <source srcset="/content/dam/crown/images/racking-and-storage/content/warehouse-installation-services-measure.jpg.transform/tablet-image/img.jpg" media="(max-width: 992px)"/> <img class="img-responsive " src="/content/dam/crown/images/racking-and-storage/content/warehouse-installation-services-measure.jpg" alt="Installation Services"/> </picture> </div> </div>  </div> </div> </div> <div class=" col-md-6 vertical-align-middle"> <div class="container-inner"> <div class="richtext"> <div class=" width-100 component-left"> <h3>Installation Services</h3> <p>Let Crown coordinate and manage the installation process from start to finish utilizing an extensive network of trusted installation professionals that meet Crown’s rigorous standards. Their close proximity and breadth of installation expertise means you'll have ready access to highly qualified warehouse solution experts that understand how to help you achieve your storage objectives.</p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> </div> </div> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_8587e355c82541daaee997766b72e69d').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_8587e355c82541daaee997766b72e69d').addClass('bricksRow'); } }); </script> <div> <script> $(document).ready(function() { var tallestColumnHeight = 0; $('.container-vertical-aligned').find('.col-vertical-aligned').each(function() { var $this = $(this); if(tallestColumnHeight < $this.height()) { tallestColumnHeight = $this.height(); } }); $('.container-vertical-aligned').find('.col-vertical-aligned').height(tallestColumnHeight); }) </script> </div> </div> <div class="column"> <div id="height_8a0e2a36c99e48c388217feb646ceaec" style="height: px"> <div class="container-fluid "> <div class="container "> <div id="bgImage_8a0e2a36c99e48c388217feb646ceaec" class="clearfix everyDevice text-black container-vertical-aligned padding-2x-top padding-2x-bottom row" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class=" col-md-6 vertical-align-middle"> <div class="container-inner"> <div class="richtext"> <div class=" width-100 component-left"> <h3>Warehouse Racking System Accessories<br> </h3> <p>The rack provides the foundation but there are many other pieces that contribute to the total warehouse rack system. From protection devices to supports and decking and even labels and signs, your Crown Warehouse Solutions Specialist can provide every component of a complete system, down to the finest detail.<br> </p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> <div class="column"> <div id="height_372f503236274753b1ae0f4289ffb114" style="height: px"> <div class="container-fluid "> <div class=" "> <div id="bgImage_372f503236274753b1ae0f4289ffb114" class="clearfix row-child everyDevice text-black tabColumnBgFullWidthRow" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class=" col-md-6 "> <div class="container-inner"> <div class="textwithicon"><div> <div class="icon-column "> <i class="far fa-check-square fa-fw fa-lg text-orange"></i> </div> <div class="text-column "> <p>Wire Decks</p> </div> </div> </div> <div class="textwithicon"><div> <div class="icon-column "> <i class="far fa-check-square fa-fw fa-lg text-orange"></i> </div> <div class="text-column "> <p>Pallet Supports</p> </div> </div> </div> <div class="textwithicon"><div> <div class="icon-column "> <i class="far fa-check-square fa-fw fa-lg text-orange"></i> </div> <div class="text-column "> <p>Guard Rails</p> </div> </div> </div> <div class="textwithicon"><div> <div class="icon-column "> <i class="far fa-check-square fa-fw fa-lg text-orange"></i> </div> <div class="text-column "> <p>End of Aisle Protector</p> </div> </div> </div> <div class="textwithicon"><div> <div class="icon-column "> <i class="far fa-check-square fa-fw fa-lg text-orange"></i> </div> <div class="text-column "> <p>Post Protectors</p> </div> </div> </div> </div> </div> <div class=" col-md-6 "> <div class="container-inner"> <div class="textwithicon"><div> <div class="icon-column "> <i class="far fa-check-square fa-fw fa-lg text-orange"></i> </div> <div class="text-column "> <p>Bull Nose</p> </div> </div> </div> <div class="textwithicon"><div> <div class="icon-column "> <i class="far fa-check-square fa-fw fa-lg text-orange"></i> </div> <div class="text-column "> <p>Flue Keeper</p> </div> </div> </div> <div class="textwithicon"><div> <div class="icon-column "> <i class="far fa-check-square fa-fw fa-lg text-orange"></i> </div> <div class="text-column "> <p>Rack Backing</p> </div> </div> </div> <div class="textwithicon"><div> <div class="icon-column "> <i class="far fa-check-square fa-fw fa-lg text-orange"></i> </div> <div class="text-column "> <p>Netting</p> </div> </div> </div> <div class="textwithicon"><div> <div class="icon-column "> <i class="far fa-check-square fa-fw fa-lg text-orange"></i> </div> <div class="text-column "> <p>Labels and Signs</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_372f503236274753b1ae0f4289ffb114').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_372f503236274753b1ae0f4289ffb114').addClass('bricksRow'); } }); </script> </div> <div class="calltoactionbutton"><div class="Left padding-2x-top "> <a href="/content/dam/crown/pdfs/en-us/brochures/products/allied-products-catalog.pdf" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" target="_blank" onclick="addCTAGA('', '', '', 'Download Warehouse Catalog')" tabindex="0">Download Warehouse Catalog</a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div class="calltoactionbutton"><div class="text-left padding-2x-bottom "> <a href="https://shop.crown.com/crown/en/General-Supplies/Warehouse/c/warehouse" class="btn btn-plain text-dark background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" onclick="addCTAGA('', '', '', 'Shop Warehouse Supplies Online')" tabindex="0">Shop Warehouse Supplies Online</a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> </div> </div> <div class=" col-md-6 vertical-align-middle"> <div class="container-inner"> <div class="imagecomponent"><div class="container-image text-dark clearfix "> <div class="playButton"> <picture> <i class=" "></i> <source srcset="/content/dam/crown/images/racking-and-storage/content/rack-system-accessories.jpg.transform/mobile-image/img.jpg" media="(max-width: 768px)"/> <source srcset="/content/dam/crown/images/racking-and-storage/content/rack-system-accessories.jpg.transform/tablet-image/img.jpg" media="(max-width: 992px)"/> <img class="img-responsive " src="/content/dam/crown/images/racking-and-storage/content/rack-system-accessories.jpg" alt="Racking Accessories"/> </picture> </div> </div>  </div> </div> </div> </div> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_8a0e2a36c99e48c388217feb646ceaec').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_8a0e2a36c99e48c388217feb646ceaec').addClass('bricksRow'); } }); </script> <div> <script> $(document).ready(function() { var tallestColumnHeight = 0; $('.container-vertical-aligned').find('.col-vertical-aligned').each(function() { var $this = $(this); if(tallestColumnHeight < $this.height()) { tallestColumnHeight = $this.height(); } }); $('.container-vertical-aligned').find('.col-vertical-aligned').height(tallestColumnHeight); }) </script> </div> </div> <div class="column"> <div id="height_6aaa5bb198254377ab9c9125961de596" style="height: px"> <div class="container-fluid background-grey-lightestest "> <div class="container background-grey-lightestest "> <div id="bgImage_6aaa5bb198254377ab9c9125961de596" class="clearfix background-grey-lightestest everyDevice text-black container-vertical-aligned no-padding-bottom row" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class=" col-md-4 vertical-align-middle"> <div class="container-inner"> <div class="linkablecontainer"> <a href="#" onclick="addLinkableContainerGA('', '')" data-toggle="modal" data-videosource="https://www.youtube.com/embed/WhkkTiYaEJM?autohide=1&border=0&egm=0&showinfo=0&rel=0&autoplay=1&enablejsapi=1" data-target="#modal-video-viewer" class="video-link videoviewer" data-controls="false" data-videoloop="false" data-autoplay="false"> <div class="container-outer-play"> <div class="container-inner-play" style="top:40%"> <i class="fas fa-play"></i> </div> </div> <div class="container-image padding-2x-top text-dark clearfix "> <div class="playButton"> <picture> <i class=" fa-4x"></i> <source srcset="/content/dam/crown/images/racking-and-storage/content/customer-result-racking.jpg.transform/mobile-image/img.jpg" media="(max-width: 768px)"/> <source srcset="/content/dam/crown/images/racking-and-storage/content/customer-result-racking.jpg.transform/tablet-image/img.jpg" media="(max-width: 992px)"/> <img class="img-responsive " src="/content/dam/crown/images/racking-and-storage/content/customer-result-racking.jpg" alt="Menasha Customer Result"/> </picture> </div> </div>  <div class=" "> </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> </a> <script> function addLinkableContainerGA(gaEventAction, gaEventLabel) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && gaEventAction && gaEventLabel) { dataLayer.push({ 'event': 'app_download', 'eventCategory': 'Support CTA|Service & Parts', 'eventAction': gaEventAction, 'eventLabel': gaEventLabel }); } } } </script> </div> </div> </div> <div class=" col-md-8 vertical-align-middle"> <div class="container-inner"> <div class="richtext"> <div class=" width-100 component-left"> <h3>Increase Warehouse Storage Capacity<br> by 48 Percent<br> </h3> <h5><br> “Company wide, I figure we had about a 48 percent increase in our capacity due to the racking installation.”<br> </h5> <h5><br> Michael Santucci</h5> <p>Operations Engineering Manager - Menasha<br> </p> <p><a href="/en-us/customer-results/increase-productivity-menasha.html">Read the Full Story</a><br> </p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> </div> </div> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_6aaa5bb198254377ab9c9125961de596').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_6aaa5bb198254377ab9c9125961de596').addClass('bricksRow'); } }); </script> <div> <script> $(document).ready(function() { var tallestColumnHeight = 0; $('.container-vertical-aligned').find('.col-vertical-aligned').each(function() { var $this = $(this); if(tallestColumnHeight < $this.height()) { tallestColumnHeight = $this.height(); } }); $('.container-vertical-aligned').find('.col-vertical-aligned').height(tallestColumnHeight); }) </script> </div> </div> <div class="column"> <div id="height_fb5c8c9466fc40e1bb0ed43cae0c960a" style="height: px"> <div class="container-fluid background-blacker "> <div class="container background-blacker "> <div id="bgImage_fb5c8c9466fc40e1bb0ed43cae0c960a" class="clearfix background-blacker everyDevice text-white padding-6x-top padding-6x-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;">Need Assistance? Our Warehouse Solutions Specialist Can Help.</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 class="calltoactionbutton"><div class="text-center "> <a href="#" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" data-toggle="modal" data-formsource="/content/en-us/contact-us.html" data-target="#modal-form" data-querystring="areaOfInterest=warehouseConsulting" onclick="addCTAGA('', '', '', 'Contact a Warehouse Solutions Specialist')" tabindex="0">Contact a Warehouse Solutions Specialist</a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div class="richtext"> <div class=" width-100 component-left"> <h4 style="text-align: center;">or Call <span class="text-orange"><a href="tel:18442156560">1-844-215-6560</a></span></h4> </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_fb5c8c9466fc40e1bb0ed43cae0c960a').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_fb5c8c9466fc40e1bb0ed43cae0c960a').addClass('bricksRow'); } }); </script> <script> $(document).ready(function(){ setBackgroundImage_fb5c8c9466fc40e1bb0ed43cae0c960a(); }); $(window).resize(function(){ setBackgroundImage_fb5c8c9466fc40e1bb0ed43cae0c960a(); }); function setBackgroundImage_fb5c8c9466fc40e1bb0ed43cae0c960a() { var width = window.innerWidth; var image; if(width < 993 && width > 768 && ("")) { image = (""); } else if(width < 769 && ("")) { image = (""); } else { image = ("/content/dam/crown/images/racking-and-storage/content/all-pages-warehouse-footer.jpg"); } $('#bgImage_fb5c8c9466fc40e1bb0ed43cae0c960a').css("background-image","url("+image+")"); } </script> </div> <div class="column"> <div id="height_f3693ae10b634306bbc0238a74f99666" style="height: px"> <div class="container-fluid "> <div class="container "> <div id="bgImage_f3693ae10b634306bbc0238a74f99666" class="clearfix everyDevice text-black padding-6x-top padding-4x-bottom row" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class=" col-md-12 "> <div class="container-inner"> <div class="richtext"> <div class=" no-padding-bottom width-100 component-left"> <h3 style="text-align: center;">Comprehensive Warehouse Solutions</h3> <p style="text-align: center;">With a broad level of expertise, Crown can serve as the single point of contact for your warehouse project.</p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> <div class="column"> <div id="height_5fa6047551c546dd812c02426168e417" style="height: px"> <div class="container-fluid "> <div class=" "> <div id="bgImage_5fa6047551c546dd812c02426168e417" class="clearfix row-child everyDevice text-black tabColumnBgFullWidthRow" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class=" col-md-4 "> <div class="container-inner"> <div class="imagecomponent"><div class="container-image padding-2x-top text-dark clearfix "> <div class="playButton"> <picture> <i class=" fa-4x"></i> <source srcset="/content/dam/crown/images/warehouse-products/products/warehouse-design-icon-2-01.jpg.transform/mobile-image/img.jpg" media="(max-width: 768px)"/> <source srcset="/content/dam/crown/images/warehouse-products/products/warehouse-design-icon-2-01.jpg.transform/tablet-image/img.jpg" media="(max-width: 992px)"/> <img class="img-responsive " src="/content/dam/crown/images/warehouse-products/products/warehouse-design-icon-2-01.jpg" alt="Forklifts and Motive Power"/> </picture> </div> </div>  </div> <div class="richtext"> <div class=" width-100 component-left"> <h5 style="text-align: center;">Warehouse Design</h5> <p style="text-align: center;">Expert space-planning consultation for your specific needs</p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> <div class="calltoactionbutton"><div class="text-center padding-2x-bottom "> <a href="/en-us/warehouse-solutions/warehouse-design.html" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" onclick="addCTAGA('', '', '', 'Explore')" tabindex="0">Explore</a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> </div> </div> <div class=" col-md-4 "> <div class="container-inner"> <div class="imagecomponent"><div class="container-image padding-2x-top text-dark clearfix "> <div class="playButton"> <picture> <i class=" fa-4x"></i> <source srcset="/content/dam/crown/images/warehouse-products/products/forklifts-and-motive-power-icon-2-01.jpg.transform/mobile-image/img.jpg" media="(max-width: 768px)"/> <source srcset="/content/dam/crown/images/warehouse-products/products/forklifts-and-motive-power-icon-2-01.jpg.transform/tablet-image/img.jpg" media="(max-width: 992px)"/> <img class="img-responsive " src="/content/dam/crown/images/warehouse-products/products/forklifts-and-motive-power-icon-2-01.jpg" alt="Warehouse Design"/> </picture> </div> </div>  </div> <div class="richtext"> <div class=" width-100 component-left"> <h5 style="text-align: center;">Forklifts and Motive Power</h5> <p style="text-align: center;">Integrated and efficient lift trucks, batteries and charging systems</p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> <div class="calltoactionbutton"><div class="text-center padding-2x-bottom "> <a href="/en-us/products.html" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" onclick="addCTAGA('', '', '', 'Explore')" tabindex="0">Explore</a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> </div> </div> <div class=" col-md-4 "> <div class="container-inner"> <div class="imagecomponent"><div class="container-image padding-2x-top text-dark clearfix "> <div class="playButton"> <picture> <i class=" fa-4x"></i> <source srcset="/content/dam/crown/images/warehouse-solutions/content/warehouse-products.jpg.transform/mobile-image/img.jpg" media="(max-width: 768px)"/> <source srcset="/content/dam/crown/images/warehouse-solutions/content/warehouse-products.jpg.transform/tablet-image/img.jpg" media="(max-width: 992px)"/> <img class="img-responsive " src="/content/dam/crown/images/warehouse-solutions/content/warehouse-products.jpg" alt="Warehouse Products and Solutins"/> </picture> </div> </div>  </div> <div class="richtext"> <div class=" width-100 component-left"> <h5 style="text-align: center;">Warehouse Products</h5> <p style="text-align: center;">All the products you need to complete your warehouse set up</p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> <div class="calltoactionbutton"><div class="text-center padding-2x-bottom "> <a href="/en-us/warehouse-solutions/warehouse-products.html" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" onclick="addCTAGA('', '', '', 'Explore')" tabindex="0">Explore</a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> </div> </div> </div> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_5fa6047551c546dd812c02426168e417').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_5fa6047551c546dd812c02426168e417').addClass('bricksRow'); } }); </script> </div> </div> </div> </div> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_f3693ae10b634306bbc0238a74f99666').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_f3693ae10b634306bbc0238a74f99666').addClass('bricksRow'); } }); </script> </div> <div class="target parbase"> <script type="text/javascript"> function makeTargetedComponentVisible(componentID) { var targetedComponent = undefined; if( document.readyState !== 'loading' ) { targetedComponent = document.getElementById(componentID); if (targetedComponent) targetedComponent.style.visibility = 'visible'; } else { document.addEventListener('DOMContentLoaded', function () { targetedComponent = document.getElementById(componentID); if (targetedComponent) targetedComponent.style.visibility = 'visible'; }); } } </script> <script type="text/javascript"> if (window.ContextHub && ContextHub.SegmentEngine) { ContextHubJQ(function() { ContextHub.eventing.on(ContextHub.Constants.EVENT_TEASER_LOADED, function(event, data){ data.data.forEach(function(evData) { if (evData.key === "_content_en\u002Dus_warehouse\u002Dsolutions_racking\u002Dand\u002Dstorage_jcr_content_mainpar_column_1019ba7d5\u002D5576\u002D4075\u002Da4d5\u002De39635f43e00") { makeTargetedComponentVisible("_content_en-us_warehouse-solutions_racking-and-storage_jcr_content_mainpar_column_1019ba7d5-5576-4075-a4d5-e39635f43e00"); } }); }); ContextHub.SegmentEngine.PageInteraction.Teaser({ locationId: '_content_en\u002Dus_warehouse\u002Dsolutions_racking\u002Dand\u002Dstorage_jcr_content_mainpar_column_1019ba7d5\u002D5576\u002D4075\u002Da4d5\u002De39635f43e00', variants: [{"path":"/en-us/warehouse-solutions/racking-and-storage/default","name":"default","title":"Default","campaignName":"","thumbnail":"/en-us/warehouse-solutions/racking-and-storage.thumb.png","url":"/en-us/warehouse-solutions/racking-and-storage/_jcr_content/mainpar/column_1.default.html","campaignPriority":0,"tags":[]}], strategy: '', trackingURL: null }); // Make the targeted content visible if no teasers were loaded after 5s setTimeout(function(){ makeTargetedComponentVisible("_content_en-us_warehouse-solutions_racking-and-storage_jcr_content_mainpar_column_1019ba7d5-5576-4075-a4d5-e39635f43e00"); }, 5000); }); } else { makeTargetedComponentVisible("_content_en-us_warehouse-solutions_racking-and-storage_jcr_content_mainpar_column_1019ba7d5-5576-4075-a4d5-e39635f43e00"); } </script> <div id="_content_en-us_warehouse-solutions_racking-and-storage_jcr_content_mainpar_column_1019ba7d5-5576-4075-a4d5-e39635f43e00" class="campaign " style="visibility: hidden"> </div> </div> <div class="target parbase"> <script type="text/javascript"> function makeTargetedComponentVisible(componentID) { var targetedComponent = undefined; if( document.readyState !== 'loading' ) { targetedComponent = document.getElementById(componentID); if (targetedComponent) targetedComponent.style.visibility = 'visible'; } else { document.addEventListener('DOMContentLoaded', function () { targetedComponent = document.getElementById(componentID); if (targetedComponent) targetedComponent.style.visibility = 'visible'; }); } } </script> <script type="text/javascript"> if (window.ContextHub && ContextHub.SegmentEngine) { ContextHubJQ(function() { ContextHub.eventing.on(ContextHub.Constants.EVENT_TEASER_LOADED, function(event, data){ data.data.forEach(function(evData) { if (evData.key === "_content_en\u002Dus_warehouse\u002Dsolutions_racking\u002Dand\u002Dstorage_jcr_content_mainpar_column_2faa00f20\u002Da708\u002D477f\u002D84a6\u002D61bd8bac5298") { makeTargetedComponentVisible("_content_en-us_warehouse-solutions_racking-and-storage_jcr_content_mainpar_column_2faa00f20-a708-477f-84a6-61bd8bac5298"); } }); }); ContextHub.SegmentEngine.PageInteraction.Teaser({ locationId: '_content_en\u002Dus_warehouse\u002Dsolutions_racking\u002Dand\u002Dstorage_jcr_content_mainpar_column_2faa00f20\u002Da708\u002D477f\u002D84a6\u002D61bd8bac5298', variants: [{"path":"/en-us/warehouse-solutions/racking-and-storage/default","name":"default","title":"Default","campaignName":"","thumbnail":"/en-us/warehouse-solutions/racking-and-storage.thumb.png","url":"/en-us/warehouse-solutions/racking-and-storage/_jcr_content/mainpar/column_2.default.html","campaignPriority":0,"tags":[]}], strategy: '', trackingURL: null }); // Make the targeted content visible if no teasers were loaded after 5s setTimeout(function(){ makeTargetedComponentVisible("_content_en-us_warehouse-solutions_racking-and-storage_jcr_content_mainpar_column_2faa00f20-a708-477f-84a6-61bd8bac5298"); }, 5000); }); } else { makeTargetedComponentVisible("_content_en-us_warehouse-solutions_racking-and-storage_jcr_content_mainpar_column_2faa00f20-a708-477f-84a6-61bd8bac5298"); } </script> <div id="_content_en-us_warehouse-solutions_racking-and-storage_jcr_content_mainpar_column_2faa00f20-a708-477f-84a6-61bd8bac5298" class="campaign " style="visibility: hidden"> </div> </div> </div> <div> </div> <div><div class="ctaPanel calltoactionpanel"> <div class="container-fluid background-orange text-white "> <input type="hidden" id="calltoactionsize" value="3"/> <div class="container"> <div class="row"> <div class="col-md-4 container-callToAction first-child"> <div class="callToAction text-white"> <a href="/content/dam/crown/pdfs/en-us/brochures/solutions/warehouse-solutions.pdf" target="_blank"> <i class="fas icon-crown icon-downloadBrochure fa-3x fa-fw"></i> <h4 class="callToAction-title"> <span class="callToAction-title-inner">View the Brochure</span> </h4> <div class="bodyText text-center"><p>Learn more about Warehouse Solutions.</p> </div> </a> </div> </div> <div class="col-md-4 container-callToAction "> <div class="callToAction text-white"> <a href="tel:18442156560"> <i class="fas fa-phone-alt fa-3x fa-fw"></i> <h4 class="callToAction-title"> <span class="callToAction-title-inner">1-844-215-6560</span> </h4> <div class="bodyText text-center"><p>Call a Warehouse Specialist today.</p> </div> </a> </div> </div> <div class="col-md-4 container-callToAction "> <div class="callToAction text-white"> <a href="/content/dam/crown/pdfs/en-us/brochures/products/allied-products-catalog.pdf" target="_blank"> <i class="fas icon-crown icon-downloadBrochure fa-3x fa-fw"></i> <h4 class="callToAction-title"> <span class="callToAction-title-inner">Warehouse Solutions Catalog</span> </h4> <div class="bodyText text-center"><p>Get the latest warehouse products catalog.</p> </div> </a> </div> </div> </div> </div> </div> <div class="clearfix"></div> </div> </div> <div class="clearfix"></div> <footer> <div><div class="footer iparsys parsys"> <div class="newpar new section"> </div> <div class="par iparys_inherited"> <div class="footercomponent"> <div class="d-none d-md-block desktopFooterView"> <div class="firstRow"> <div class="searchBoxContainer"> <form action="/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-2025 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-2025 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> </div> </div> </footer>  <script src="/etc/clientlibs/global-web/clientlib.lc-cfdc86183bbe512ba6bbbf2c1993bc9c-lc.min.js"></script> <script src="/etc/clientlibs/global-web/dealerLocator.lc-0f7974a0574b737f81eb0ad6512ff287-lc.min.js"></script> <script src="/etc/clientlibs/global-web/clientlib-auth0-mapping.lc-962fbcd9f04ed04d5213e8d35825ad0d-lc.min.js"></script> <script> jQuery(document).ready(function() { Crown.Common.Helper.checkReferrer(); }); </script>     <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

Warehouse Racking Solutions & Storage Systems | Crown Equipment