Crown Lift Trucks | UK | Forklifts, Pallet Trucks and Material Handling Technologies

<!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="Discover Crown's range of material handling equipment, electric and IC forklifts as well as fleet management, customer services and solutions."/> <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-uk.html"/>  <script src="/etc/clientlibs/global-web/granite.lc-924b68355282635f248afbd8a75c823e-lc.min.js"></script> <script type="text/javascript"> var pageDomain="https:\/\/www.crown.com";</script> </meta> </meta> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Organization", "url": "http://www.crown.com", "logo": "https://www.crown.com/content/dam/crown/logos/logo.png" } </script> <script> // Define dataLayer and the gtag function. window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} // Set default consent to 'denied' as a placeholder gtag('consent', 'default', { 'ad_user_data': 'denied', 'ad_personalization': 'denied', 'ad_storage': 'denied', 'analytics_storage': 'denied', });  (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MJLHW2');   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-35686931-1', 'auto'); ga('require', 'GTM-PG9R4SC');  function consentGranted(){ gtag('consent', 'update', { 'ad_user_data': 'granted', 'ad_personalization': 'granted', 'ad_storage': 'granted', 'analytics_storage': 'granted' }); } </script> <link rel="icon" type="image/vnd.microsoft.icon" href="/content/dam/crown/images/favicon.ico"/> <link rel="stylesheet" href="/etc/clientlibs/global-web/page/head/css/compiled/application.css"/> </link> <title>Crown Lift Trucks | UK | Forklifts, Pallet Trucks and Material Handling Technologies</title> <link rel="alternate" hreflang="en-us" href="https://www.crown.com/en-us/"/> <link rel="alternate" hreflang="en-ca" href="https://www.crown.com/en-ca/"/> <link rel="alternate" hreflang="fr-ca" href="https://www.crown.com/fr-ca/"/> <link rel="alternate" hreflang="en-bb" href="https://www.crown.com/en-la/"/> <link rel="alternate" hreflang="en-ky" href="https://www.crown.com/en-la/"/> <link rel="alternate" hreflang="en-jm" href="https://www.crown.com/en-la/"/> <link rel="alternate" hreflang="en-tt" href="https://www.crown.com/en-la/"/> <link rel="alternate" hreflang="es" href="https://www.crown.com/es-la/"/> <link rel="alternate" hreflang="en-br" href="https://www.crown.com/en-br/"/> <link rel="alternate" hreflang="pt-br" href="https://www.crown.com/pt-br/"/> <link rel="alternate" hreflang="en-au" href="https://www.crown.com/en-au/"/> <link rel="alternate" hreflang="en-nz" href="https://www.crown.com/en-nz/"/> <link rel="alternate" hreflang="en-ph" href="https://www.crown.com/en-ph/"/> <link rel="alternate" hreflang="en-my" href="https://www.crown.com/en-my/"/> <link rel="alternate" hreflang="en-sg" href="https://www.crown.com/en-sg/"/> <link rel="alternate" hreflang="en-kr" href="https://www.crown.com/en-kr/"/> <link rel="alternate" hreflang="ko-kr" href="https://www.crown.com/ko-kr/"/> <link rel="alternate" hreflang="en-th" href="https://www.crown.com/en-th/"/> <link rel="alternate" hreflang="th-th" href="https://www.crown.com/th-th/"/> <link rel="alternate" hreflang="en-vn" href="https://www.crown.com/en-vn/"/> <link rel="alternate" hreflang="vi-vn" href="https://www.crown.com/vi-vn/"/> <link rel="alternate" hreflang="en-uk" href="https://www.crown.com/en-uk/"/> <link rel="alternate" hreflang="en" href="https://www.crown.com/en-eu/"/> <link rel="alternate" hreflang="de-de" href="https://www.crown.com/de-de/"/> <link rel="alternate" hreflang="de" href="https://www.crown.com/de-eu/"/> <link rel="alternate" hreflang="fr-fr" href="https://www.crown.com/fr-fr/"/> <link rel="alternate" hreflang="fr-be" href="https://www.crown.com/fr-be/"/> <link rel="alternate" hreflang="nl-be" href="https://www.crown.com/nl-be/"/> <link rel="alternate" hreflang="nl" href="https://www.crown.com/nl-nl/"/> <link rel="alternate" hreflang="ru" href="https://www.crown.com/ru-ru/"/> <link rel="alternate" hreflang="es-es" href="https://www.crown.com/es-es/"/> <link rel="alternate" hreflang="it" href="https://www.crown.com/it-it/"/> <link rel="alternate" hreflang="en-cn" href="https://www.crown.com/en-cn/"/> <link rel="alternate" hreflang="zh-cn" href="https://www.crown.com/zh-cn/"/> <link rel="alternate" hreflang="en-hk" href="https://www.crown.com/en-hk/"/> <link rel="alternate" hreflang="zh-hk" href="https://www.crown.com/zh-hk/"/> <link rel="alternate" hreflang="cs-cz" href="https://www.crown.com/cs-cz/"/>  <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-UK"/> <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-c1ed9820a6a4a6590d4e9c3fb5dcfe81-lc.min.js"></script> <header>  <p id="is404" hidden></p> <div class="modal fade" id="ecatalog-viewer-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog modal-full-page"> <div class="modal-content"> <a class="btn close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></a> <div class="modal-body"> <div id="ecatalog"></div> </div> </div> </div> </div> <div class="modal fade" id="cookiePolicyModal" tabindex="-1" role="dialog"> <div class="modal-dialog modal-dialog-centered vertical-align-center" role="document"> <div class="modal-content"> <a class="btn close" data-dismiss="modal" aria-label="Close" id="modalBtnCloseCookieNotAccept"> <span aria-hidden="true" class="float-right">×</span> </a> <div class="modal-body"> <h2 style=" text-align: center; "><b>We use cookies and plugins to:</b></h2> <p style=" text-align: center; ">Improve functionality and performance<br /> Personalise content and advertisements<br /> Provide social media features<br /> Analyse traffic to our webpage</p> <p style=" text-align: center; ">This may include transferring your personal data to third parties in countries outside of your country or region of residence, which does not offer the same level of data protection. We will only process cookie data and/or transfer data if you consent by clicking "Accept Cookies". You can revoke your consent at any time. Further information can be found in the <a href="/content/dam/crown/pdfs/en-uk/legal/privacy-policies-crown.pdf" target="_blank" rel="noopener noreferrer">Privacy Policies</a> and the <a title="Crown Lift Trucks Legal Notice" href="/en-uk/legal-notice.html" target="_blank" rel="noopener noreferrer">Legal Notice</a>.</p> <div id="cookie-modal-buttons"> <button type="button" class="btn btn-cta text-white background-orange" id="modalCookieAccept" data-dismiss="modal">Accept Cookies</button> <button type="button" class="btn btn-cta text-white background-orange" id="modalCookieNotAccept" data-dismiss="modal">Decline Cookies</button> </div> </div> </div> </div> </div> <div><div class="cookiepolicy"> <script> jQuery(document).ready(function() { Crown.Components.CookiePolicy.checkCookiePolicyStatus(); }); $(window).resize(function(){ let cookiePolicy = Crown.Common.Cookies.readCookie("cookiePolicy"); let width = window.innerWidth; if(cookiePolicy != "accepted") { if (width > 767 ) { $(".cookiePolicyMobile").removeClass("show"); $(".cookiePolicyMobile").addClass("hide"); $(".cookie-policy").addClass("show"); } else { $(".cookie-policy").removeClass("show"); $(".cookie-policy").addClass("hide"); $(".cookiePolicyMobile").addClass("show"); } } }); function onHover() { $("#closeButton").css("backgroundColor", "#f7f7f7"); $("#closeButtonMobile").css("backgroundColor", "#f7f7f7"); } function onHoverOut() { $("#closeButton").css("backgroundColor", ""); $("#closeButtonMobile").css("backgroundColor", ""); } function delayCookieView() { let width = window.innerWidth; if (width > 767 ) { $(".cookie-policy").removeClass("hide"); $(".cookie-policy").addClass("show"); } else { $(".cookiePolicyMobile").removeClass("hide"); $(".cookiePolicyMobile").addClass("show"); } } </script> </div> </div> <div><div class="header iparsys parsys"> <div class="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-uk/contact-us.html" data-querystring="areaOfInterest=generalInquiry" tabindex="0"> <span> <i class="fas fa-comment fa-fw textIcon"></i> </span> Contact Us </a> </span> <a class="textLink" onclick="addLocaleSelectorGA('News & Press ')" href="/content/en-uk/newsroom" tabindex="0" target="_blank"> <span> <i class="fas fa-rss fa-fw textIcon"></i> </span> News & Press </a> <a class="textLink" onclick="addLocaleSelectorGA('My Crown')" href="https://customer.crown.com/mycrown/home?referrer=www&service=https:%2F%2Fcustomer.crown.com%2Fc%2Fportal%2Flogin&locale=en_GB%20" tabindex="0" target="_blank"> <span> <i class="fas fa-user fa-fw textIcon"></i> </span> My Crown </a> <a class="textLink" onclick="addLocaleSelectorGA('Find Your Dealer')" href="/content/en-uk/forklift-dealers" tabindex="0"> <span> <i class="fas fa-map-marker-alt fa-fw textIcon"></i> </span> Find Your Dealer </a> <a class="textLink" onclick="addLocaleSelectorGA('United Kingdom (change)')" href="/content/global-selector-page" tabindex="0"> <span> <i class="fas fa-globe fa-fw textIcon"></i> </span> United Kingdom (change) </a> </ul> </div> </div> <script> window.addEventListener("load", () => { if("") { $.ajax({ url: "/content/en-uk/jcr:content/header/header/locatorselector" + ".userTokenValidate.json", type: 'GET', dataType: 'json', success: function(response) { if(response.isValid) { $('.signIn').hide(); $('.signInMobile').hide(); $('.myAccount').show(); $('.myAccountMobile').show(); } else { $('.signIn').show(); $('.signInMobile').show().css('display', 'inline-flex'); $('.myAccount').hide(); $('.myAccountMobile').hide(); if(response.isUnauthorized) { $("#authErrorModal").modal(); } } }, error: function() { // Using console log as there is no error that the user will see if an error happens. Waiting for store to implement a solution console.log("Token validation Failure"); $('.signIn').show(); $('.myAccount').hide(); } }) } }); $(document).click(function(event) { if("") { const signInDropdown = $(".signIn"); const myAccountDropdown = $(".myAccount"); if($("#signInDropdownContent").hasClass("show") && !signInDropdown.is(event.target) && !signInDropdown.has(event.target).length) { toggleAuthDropdown("signIn"); } else if($("#myAccountDropdownContent").hasClass("show") && !myAccountDropdown.is(event.target) && !myAccountDropdown.has(event.target).length) { toggleAuthDropdown("myAccount"); } else if($("#myAccountDropdownMobile").hasClass("show") && !$(event.target).is('.myAccountButtonMobile, .myAccountUserIcon, .myAccountPortion')) { $("#myAccountDropdownMobile").toggleClass("show"); $(".myAccountMobile").css("max-height", "55px"); $(".myAccountPortion").removeClass("myAccountCaretUp"); } } }); function addLocaleSelectorGA(labelName) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn"))) { dataLayer.push({ 'event': 'header_nav_click', 'eventCategory': 'Header Navigation', 'eventAction': labelName, 'eventLabel': currentPage }); } } } // Toggle hide and show behavior for Sign In and My Account dropdowns function toggleAuthDropdown(dropdownType) { const dropdownClass = "#" + dropdownType + "DropdownContent"; $(dropdownClass).toggleClass("show"); if($(dropdownClass).hasClass("show")) { toggleAuthButtonCSS("#c2c2c2", "#333", dropdownType); $("." + dropdownType + "Button").addClass("caretUp"); } else { toggleAuthButtonCSS("#444", "#fff", dropdownType); $("." + dropdownType + "Button").removeClass("caretUp"); } } // Toggle CSS of SignIn and My Account buttons function toggleAuthButtonCSS(background, color, buttonType) { $("." + buttonType).css("background-color", background); $("." + buttonType + "Button").css("color", color); $("." + buttonType + " .textIcon").css("color", color); } function onSignInButtonClick() { $.ajax({ url: "/content/en-uk/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-uk/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-uk.html" tabindex="0"> <img class="img-responsive" src="/content/dam/crown/logos/logo.png" alt="Crown Equipment Corporation" title="Crown" data-emptytext="Logo"/> </a> </div>  <div class="nav-button-navigation navbar-right text-right d-xl-none"> <ul class="list-inline"> <li> <a href="tel:08004704667" onclick="addDealerLocatorCTAGA('0800 4704667 Click')" class="btn-dealerLocator btn-orange dealerLocatorMobile" tabindex="0"> <i class="fas fa-phone-alt dealerLocatorIcon"></i> <span class="btn-dealerLocator-text">0800 4704667</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> </ul>  </div> <span class="headerItems">  <div class="collapse navbar-collapse theme-navbar-collapse " data-activedrawer="" id="navbar-main"> <ul class="nav navbar-nav theme-navbar-nav "> <li class="dropdown"> <a class="dropdown-toggle" unique-id="-1010215577" data-toggle="dropdown" id="drawer" onclick="triggerFirstItemClick_(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"> <div class="container container-dropdown text-white background-black dualLayerContainer" id="minHeight_"> <div class="row"> <div class="col-xl-3 col-sm-12 theme-nav-dropdown-menu-list-container dualLayerMenuListContainer"> <ul class="firstLayerList" id="firstLayerListId-1010215577"> <li id="item0-1010215577" side-content-url="/content/en-uk/main-navigation-drawer/products" unique-id="-1010215577" class="dropdown-submenu firstLayerItem_ "> <a id="item0-1010215577Text" 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-1010215577ChildListMobile"> <li> <a onclick="addMainNavGA('Products', 'Forklift Selector')" class="secondLayerText" tabindex="-1" href="/en-uk/forklift-product-selector.html">Forklift Selector</a> </li> <li> <a onclick="addMainNavGA('Products', 'Pallet Trucks')" class="secondLayerText" tabindex="-1" href="/en-uk/forklifts/pallet-trucks.html">Pallet Trucks</a> </li> <li> <a onclick="addMainNavGA('Products', 'Tow Tractors')" class="secondLayerText" tabindex="-1" href="/en-uk/forklifts/tow-tractor-tc.html">Tow Tractors</a> </li> <li> <a onclick="addMainNavGA('Products', 'Stackers')" class="secondLayerText" tabindex="-1" href="/en-uk/forklifts/stackers.html">Stackers</a> </li> <li> <a onclick="addMainNavGA('Products', 'Order Pickers')" class="secondLayerText" tabindex="-1" href="/en-uk/forklifts/order-pickers.html">Order Pickers</a> </li> <li> <a onclick="addMainNavGA('Products', 'VNA Trucks')" class="secondLayerText" tabindex="-1" href="/en-uk/forklifts/vna-truck-tsp.html">VNA Trucks</a> </li> <li> <a onclick="addMainNavGA('Products', 'Reach Trucks')" class="secondLayerText" tabindex="-1" href="/en-uk/forklifts/reach-trucks-esr.html">Reach Trucks</a> </li> <li> <a onclick="addMainNavGA('Products', 'Electric Counterbalance')" class="secondLayerText" tabindex="-1" href="/en-uk/forklifts/electric-counterbalance-forklifts.html">Electric Counterbalance</a> </li> <li> <a onclick="addMainNavGA('Products', 'Diesel \x26 Gas Counterbalance')" class="secondLayerText" tabindex="-1" href="/en-uk/forklifts/ic-counterbalance-forklifts.html">Diesel & Gas Counterbalance</a> </li> <li> <a onclick="addMainNavGA('Products', 'All Forklifts')" class="secondLayerText" tabindex="-1" href="/en-uk/forklifts.html">All Forklifts</a> </li> </ul> </div> </div> </li> <li class="firstLayerLink"> <a tabindex="-1" onclick="addMainNavGA('Products', 'Rental Forklifts')" href="/en-uk/forklift-rental.html">Rental Forklifts</a> </li> <li class="firstLayerLink"> <a tabindex="-1" onclick="addMainNavGA('Products', 'Used Forklifts')" href="/en-uk/used-forklifts.html">Used Forklifts</a> </li> <li class="firstLayerLink"> <a tabindex="-1" onclick="addMainNavGA('Products', 'V\u002DForce Batteries \x26 Chargers')" href="/en-uk/batteries-and-chargers.html">V-Force Batteries & Chargers</a> </li> <li class="firstLayerLink"> <a tabindex="-1" onclick="addMainNavGA('Products', 'All Products')" href="/en-uk/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-1010215577Child"> <ul class="secondLayerDesktopList"> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('Products', 'Forklift Selector')" tabindex="-1" href="/en-uk/forklift-product-selector.html">Forklift Selector</a> </li> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('Products', 'Pallet Trucks')" tabindex="-1" href="/en-uk/forklifts/pallet-trucks.html">Pallet Trucks</a> </li> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('Products', 'Tow Tractors')" tabindex="-1" href="/en-uk/forklifts/tow-tractor-tc.html">Tow Tractors</a> </li> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('Products', 'Stackers')" tabindex="-1" href="/en-uk/forklifts/stackers.html">Stackers</a> </li> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('Products', 'Order Pickers')" tabindex="-1" href="/en-uk/forklifts/order-pickers.html">Order Pickers</a> </li> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('Products', 'VNA Trucks')" tabindex="-1" href="/en-uk/forklifts/vna-truck-tsp.html">VNA Trucks</a> </li> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('Products', 'Reach Trucks')" tabindex="-1" href="/en-uk/forklifts/reach-trucks-esr.html">Reach Trucks</a> </li> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('Products', 'Electric Counterbalance')" tabindex="-1" href="/en-uk/forklifts/electric-counterbalance-forklifts.html">Electric Counterbalance</a> </li> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('Products', 'Diesel \x26 Gas Counterbalance')" tabindex="-1" href="/en-uk/forklifts/ic-counterbalance-forklifts.html">Diesel & Gas Counterbalance</a> </li> <li class="secondLayerDesktopOption"> <a class="secondLayerText" onclick="addMainNavGA('Products', 'All Forklifts')" tabindex="-1" href="/en-uk/forklifts.html">All Forklifts</a> </li> </ul> </div>  <div class="secondLayerDiv hideContent" id="item1-1010215577Child"> </div>  <div class="secondLayerDiv hideContent" id="item2-1010215577Child"> </div>  <div class="secondLayerDiv hideContent" id="item3-1010215577Child"> </div>  <div class="secondLayerDiv hideContent" id="item4-1010215577Child"> </div> </ul> </div> <div class="col-xl-6 d-none d-xl-block container-side-content dualLayerSideContent" id="drawer-side-content"></div> </div> </div> </div> <script> let currentActiveParent_ = ""; let currentActiveChild_ = ""; let currentActiveChildMobile_ = ""; $(document).ready(function() { $('.firstLayerItem_').on("click", function(e) { const selectedOptionId = e.currentTarget.id; const sideContentUrl = $('#' + selectedOptionId).attr('side-content-url'); // Load side content $.ajax({ url: sideContentUrl + '.html', success: function(html) { let content = $("<div />").html(html).find("#content"); $('#drawer-side-content').html(content); } }); // Toggle Second Layer Drop-downs toggleSecondLayerDropDowns_(selectedOptionId); $(this).next('ul').toggle(); e.stopPropagation(); e.preventDefault(); }); // Redirect to the specified link when the user clicks on the second dropdown option $('.secondLayerText').on('click', function(e) { e.preventDefault(); window.location.href = $(this).attr('href'); }) }); // Clicks on the first option in the list to load the side content and the second layer on desktop function triggerFirstItemClick_(element) { const firstLayerListId = '#firstLayerListId' + element.getAttribute('unique-id'); let firstDropdownItemId = $('ul' + firstLayerListId + ' li:first').get(0).id; if(element.getAttribute('aria-expanded') !== 'true') { $("#" + firstDropdownItemId).trigger("click"); hideDropdown(firstDropdownItemId + "ChildListMobile"); $('#' + firstDropdownItemId + 'Text').removeClass('caretUp'); } $("#"+ firstDropdownItemId+"Child").find("li a[tabindex='-1']").each( function() { $(this).attr("tabindex", 0); }); $(firstLayerListId).find("li a[tabindex='-1']").each( function() { $(this).attr("tabindex", 0); }) } function toggleSecondLayerDropDowns_(selectedOptionId) { const newChild = selectedOptionId + 'Child'; const newChildMobile = selectedOptionId + 'ChildListMobile'; // Check if the selected option's dropdown is open already. If it is, open/close the dropdown. If not, close the current dropdown and open the selected option's dropdown if((currentActiveChild_ === "" && currentActiveChildMobile_ === "") || (currentActiveChild_ === newChild && currentActiveChildMobile_ === newChildMobile)) { currentActiveChild_ = newChild; currentActiveChildMobile_ = newChildMobile; currentActiveParent_ = selectedOptionId; // Change the css of the selected option $('#' + selectedOptionId + 'Text').addClass('firstLayerSelectedColor'); // Check if the selected dropdown is open/closed and toggle the dropdown accordingly (2nd layer dropdown should not close in desktop view) if($('#' + currentActiveChild_).hasClass('showContent') && $('#' + currentActiveChildMobile_).hasClass('showContent')) { hideDropdown(currentActiveChildMobile_); $('#' + selectedOptionId + 'Text').removeClass('caretUp'); } else { showDropdown(currentActiveChild_); showDropdown(currentActiveChildMobile_); $('#' + selectedOptionId + 'Text').addClass('caretUp'); } } else { hideDropdown(currentActiveChild_); hideDropdown(currentActiveChildMobile_); showDropdown(newChild); showDropdown(newChildMobile); // Toggle first layer css on select $('#' + currentActiveParent_ + 'Text').removeClass('firstLayerSelectedColor'); $('#' + currentActiveParent_ + 'Text').removeClass('caretUp'); $('#' + selectedOptionId + 'Text').addClass('firstLayerSelectedColor'); $('#' + selectedOptionId + 'Text').addClass('caretUp'); currentActiveChild_ = newChild; currentActiveChildMobile_ = newChildMobile; currentActiveParent_ = selectedOptionId; } } function hideDropdown(divId) { $('#' + divId).removeClass('showContent'); $('#' + divId).addClass('hideContent'); $('#'+ divId).find("li a[tabindex='0']").each(function() { $(this).attr("tabindex", -1); }) } function showDropdown(divId) { $('#' + divId).removeClass('hideContent'); $('#' + divId).addClass('showContent'); $('#'+ divId).find("li a[tabindex='-1']").each(function() { $(this).attr("tabindex", 0); }) } $(document).ready(function() { $('#drawer').parent().on("hidden.bs.dropdown", function() { $('#firstLayerListId-1010215577').find("li a[tabindex='0']").each( function() { $(this).attr("tabindex", -1); }); $(this).find(".secondLayerDesktopList li a[tabindex='0']").each( function() { $(this).attr("tabindex", -1); }); $('#drawer-side-content').empty() }); }) </script> <script> function addMainNavGA(drawerName, linkName) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn"))) { dataLayer.push({ 'event': 'main_nav_click', 'eventCategory': 'Header Navigation', 'eventAction': drawerName, 'eventLabel': linkName }); } } } </script> </li> <li class="dropdown">  <a data-target="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="dropdown-toggle " id="drawer_0" onclick="triggerDrawerClick(this)" tabindex="0" href="javascript: void(0);"> Solutions </a> <label class="hidden"> Drawer</label> <div class="dropdown-menu theme-nav-dropdown-menu background-black" role="menu"> <div class="container container-dropdown text-white background-black"> <div class="row"> <div class="col-md-4 theme-nav-dropdown-menu-list-container"> <ul class="theme-nav-dropdown-menu-list drawer_0"> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Solutions', 'Connected Solutions')" href="/en-uk/connected-solutions.html">Connected Solutions</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Solutions', 'Automation Solutions ')" href="/en-uk/automation.html">Automation Solutions </a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Solutions', 'Energy Solutions')" href="/en-uk/v-force-energy-solutions.html">Energy Solutions</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Solutions', 'Fleet Management')" href="/en-uk/fleet-management.html">Fleet Management</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Solutions', 'Financing Options')" href="/en-uk/forklift-financing.html">Financing Options</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Solutions', 'Warehouse Solutions')" href="/en-uk/warehouse-solutions-design.html">Warehouse Solutions</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Solutions', 'View All Solutions')" href="/en-uk/solutions.html">View All Solutions</a> </li> </ul> </div> <div class="col-md-8 hide-sm container-side-content" id="drawer_0-side-content"></div> </div> </div> <div class="dropdown-bottom-line"></div> </div> <script type="text/javascript"> $(document).ready(function() { $('#drawer_0').on("click", function() { $.ajax({ url: '/content/en-uk/main-navigation-drawer/solutions.html', success: function(html) { let content = $("<div />").html(html).find("#content"); $('#drawer_0-side-content').html(content); } }); }); $('#drawer_0').parent().on("hidden.bs.dropdown", function() { $('.drawer_0').find("li a[tabindex='0']").each( function() { $(this).attr("tabindex", -1); }); $('#drawer_0-side-content').empty(); }) }); </script> <script> function addMainNavGA(drawerName, linkName) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn"))) { dataLayer.push({ 'event': 'main_nav_click', 'eventCategory': 'Header Navigation', 'eventAction': drawerName, 'eventLabel': linkName }); } } } </script> </li> <li class="dropdown">  <a data-target="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="dropdown-toggle " id="drawer_1" onclick="triggerDrawerClick(this)" tabindex="0" href="javascript: void(0);"> 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_1"> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Support', 'Service \x26 Parts')" href="/en-uk/service-parts.html">Service & Parts</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Support', 'Safety \x26 Training')" href="/en-uk/safety-training.html">Safety & Training</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Support', 'Dealer Network')" href="/en-uk/forklift-dealers.html">Dealer Network</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Support', 'View All Support')" href="/en-uk/support.html">View All Support</a> </li> </ul> </div> <div class="col-md-8 hide-sm container-side-content" id="drawer_1-side-content"></div> </div> </div> <div class="dropdown-bottom-line"></div> </div> <script type="text/javascript"> $(document).ready(function() { $('#drawer_1').on("click", function() { $.ajax({ url: '/content/en-uk/main-navigation-drawer/support.html', success: function(html) { let content = $("<div />").html(html).find("#content"); $('#drawer_1-side-content').html(content); } }); }); $('#drawer_1').parent().on("hidden.bs.dropdown", function() { $('.drawer_1').find("li a[tabindex='0']").each( function() { $(this).attr("tabindex", -1); }); $('#drawer_1-side-content').empty(); }) }); </script> <script> function addMainNavGA(drawerName, linkName) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn"))) { dataLayer.push({ 'event': 'main_nav_click', 'eventCategory': 'Header Navigation', 'eventAction': drawerName, 'eventLabel': linkName }); } } } </script> </li> <li class="dropdown">  <a data-target="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="dropdown-toggle " id="drawer_2" onclick="triggerDrawerClick(this)" tabindex="0" href="javascript: void(0);"> 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_2"> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Why Crown', 'Why Crown')" href="/en-uk/why-crown.html">Why Crown</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Why Crown', 'Sustainability')" href="/en-uk/sustainability.html">Sustainability</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Why Crown', 'Industry Recognition')" href="/en-uk/awards.html">Industry Recognition</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Why Crown', 'Careers')" href="https://crownltd.career.softgarden.de/">Careers</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" onclick="addMainNavGA('Why Crown', 'News \x26 Press')" href="/en-uk/newsroom.html">News & Press</a> </li> </ul> </div> <div class="col-md-8 hide-sm container-side-content" id="drawer_2-side-content"></div> </div> </div> <div class="dropdown-bottom-line"></div> </div> <script type="text/javascript"> $(document).ready(function() { $('#drawer_2').on("click", function() { $.ajax({ url: '/content/en-uk/main-navigation-drawer/why-crown.html', success: function(html) { let content = $("<div />").html(html).find("#content"); $('#drawer_2-side-content').html(content); } }); }); $('#drawer_2').parent().on("hidden.bs.dropdown", function() { $('.drawer_2').find("li a[tabindex='0']").each( function() { $(this).attr("tabindex", -1); }); $('#drawer_2-side-content').empty(); }) }); </script> <script> function addMainNavGA(drawerName, linkName) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn"))) { dataLayer.push({ 'event': 'main_nav_click', 'eventCategory': 'Header Navigation', 'eventAction': drawerName, 'eventLabel': linkName }); } } } </script> </li> <li data-name="createddrawer_3" data-path="/content/en-uk/jcr:content/header/header/mainnav/createddrawer_3"> <a href="/en-uk/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_4" data-path="/content/en-uk/jcr:content/header/header/mainnav/createddrawer_4"> <a href="/en-uk/newsroom.html" class="dropdown-toggle link-only mobile-only link-only">News & Press</a> <script> function addMainNavGA(drawerName, linkName) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn"))) { dataLayer.push({ 'event': 'main_nav_click', 'eventCategory': 'Header Navigation', 'eventAction': drawerName, 'eventLabel': linkName }); } } } </script> </li> <li data-name="createddrawer_5" data-path="/content/en-uk/jcr:content/header/header/mainnav/createddrawer_5"> <a href="https://customer.crown.com/mycrown/home?referrer=www&service=https:%2F%2Fcustomer.crown.com%2Fc%2Fportal%2Flogin&locale=en_GB%20" class="dropdown-toggle link-only mobile-only link-only">My Crown</a> <script> function addMainNavGA(drawerName, linkName) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn"))) { dataLayer.push({ 'event': 'main_nav_click', 'eventCategory': 'Header Navigation', 'eventAction': drawerName, 'eventLabel': linkName }); } } } </script> </li> <li data-name="createddrawer_6" data-path="/content/en-uk/jcr:content/header/header/mainnav/createddrawer_6"> <a href="/en-uk/forklift-dealers.html" class="dropdown-toggle link-only mobile-only link-only">Find Your Dealer</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_7" data-path="/content/en-uk/jcr:content/header/header/mainnav/createddrawer_7"> <a href="/global-selector-page.html" class="dropdown-toggle link-only mobile-only link-only">United Kingdom (change)</a> <script> function addMainNavGA(drawerName, linkName) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn"))) { dataLayer.push({ 'event': 'main_nav_click', 'eventCategory': 'Header Navigation', 'eventAction': drawerName, 'eventLabel': linkName }); } } } </script> </li> <li class="dropdown">  <a href="/global-selector-page.html" class="{drawer.textColor} mobile-only link-only" onclick="Crown.Common.Cookies.eraseCookie('crownlocation');">Location / Language</a> <label class="hidden" id="Location / Language">Location / Language Drawer</label> <div class="dropdown-menu theme-nav-dropdown-menu background-black" role="menu" aria-labelledby="Location / Language"> <div class="container container-dropdown text-white background-black"> <div class="row"> <div class="col-md-4 theme-nav-dropdown-menu-list-container"> <ul class="theme-nav-dropdown-menu-list createddrawer_8"> <li role="presentation"> <a onclick="Crown.Common.Cookies.eraseCookie('crownlocation'); addMainNavGA('Location \/ Language', 'United Kingdom (change)')" role="menuitem" tabindex="-1" href="/global-selector-page.html">United Kingdom (change)</a> </li> </ul> </div> <div class="col-md-8 hide-sm container-side-content" id="createddrawer_8-side-content"></div> </div> </div> <div class="dropdown-bottom-line"></div> </div> <script type="text/javascript"> $(document).ready(function() { $('#createddrawer_8').on("click", function() { $.ajax({ url: '.html', success: function(html) { let content = $("<div />").html(html).find("#content"); $('#createddrawer_8-side-content').html(content); } }); }); $('#createddrawer_8').parent().on("hidden.bs.dropdown", function() { $('.createddrawer_8').find("li a[tabindex='0']").each( function() { $(this).attr("tabindex", -1); }); $('#createddrawer_8-side-content').empty(); }) }); </script> <script> function addMainNavGA(drawerName, linkName) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn"))) { dataLayer.push({ 'event': 'main_nav_click', 'eventCategory': 'Header Navigation', 'eventAction': drawerName, 'eventLabel': linkName }); } } } </script> </li> </ul> <div class="d-xl-none"> <div class="col-xs-12 container-theme-nav-dropdown-close"> </div> </div> </div> <script> function triggerDrawerClick(value) { let activeDrawer = $("#navbar-main").attr("data-activedrawer"); let ariaExpanded = value.getAttribute('aria-expanded'); if(ariaExpanded !== 'true') { $('.search-form-wrapper').removeClass('open'); } if(activeDrawer === "") { $("#navbar-main").attr("data-activedrawer", value.id); } else if(ariaExpanded !== 'true' && activeDrawer !== "") { $('#' + activeDrawer + '-side-content').empty(); $("#navbar-main").attr("data-activedrawer", value.id); } $("."+value.id).find("li a[tabindex='-1']").each( function() { $(this).attr("tabindex", 0); }); if(ariaExpanded === 'true') { $("."+value.id).find("li a[tabindex='0']").each( function() { $(this).attr("tabindex", -1); }); } // Closing the auth dropdowns on drawer click. // Since locale selector will always be on page when the Ecomm Functionality is enabled, using a common toggle method from it if('') { if($("#signInDropdownContent").hasClass("show")) { toggleAuthDropdown("signIn"); } else if($("#myAccountDropdownContent").hasClass("show")) { toggleAuthDropdown("myAccount"); } else if($("#myAccountDropdownMobile").hasClass("show")) { $("#myAccountDropdownMobile").toggleClass("show"); $(".myAccountMobile").css("max-height", "55px"); $(".myAccountPortion").removeClass("myAccountCaretUp"); } } } function toggleMyAccountMobileDropdown() { const myAcctDrpDwnMob = $("#myAccountDropdownMobile"); myAcctDrpDwnMob.toggleClass("show"); if(myAcctDrpDwnMob.hasClass("show")) { $(".myAccountMobile").css("max-height", "5000px"); $(".myAccountPortion").addClass("myAccountCaretUp"); } else { $(".myAccountMobile").css("max-height", "55px"); $(".myAccountPortion").removeClass("myAccountCaretUp"); } } </script>  <div class="nav-button-navigation navbar-right d-none d-xl-block"> <ul class="list-inline"> <li> <a href="tel:08004704667" onclick="addDealerLocatorCTAGA('0800 4704667 Click')" class="btn-dealerLocator btn-orange dealerLocatorMobile" tabindex="0"> <i class="fas fa-phone-alt dealerLocatorIcon"></i> <span class="btn-dealerLocator-text">0800 4704667</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> </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-uk/search-results.html" accept-charset="UTF-8"> <label for="sitesearch"> <i class="fas fa-search sitesearch-icon"></i> <span class="sr-only"> Search </span> </label> <input id="sitesearch" class="sitesearch" maxlength="2048" name="q" placeholder="Search"/> </form> </div> </div> </div> </div> </div> <div class="modal" id="authErrorModal" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <div class="authModalTitle"> <i class="far fa-times-circle"></i> <h5 class="modal-title"></h5> </div> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <p></p> <span class="closeIcon" aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <p> <a class="createAccountLink"> .</a> </p> </div> <div class="modal-footer"> <button type="button" class="btn btn-link cancelButton" data-dismiss="modal"> </button> <button type="button" id="createAccountBtnId" class="btn btn-orange btn-rounded btn-block createAccountButton"> </button> </div> </div> </div> </div> <div><div class="modal fade" id="dealerPrivacyHeaderModal" tabindex="-1" role="dialog"> <div class="modal-dialog modal-dialog-centered vertical-align-center" role="document"> <div class="modal-content"> <a class="btn close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </a> <div class="modal-body modal-color"> <span id="dealerPrivacyContent" class="dealer-info-auth-text"></span><br/><br/> <p class="text-center"> <button type="button" class="btn btn-cta text-black background-grey-lightest" id="dealerRejectHeader" data-dismiss="modal" onClick="showDealerDetails()"></button>&nbsp&nbsp&nbsp&nbsp <button type="button" class="btn btn-cta text-white background-orange" id="dealerAcceptHeader" data-dismiss="modal"></button> </p> </div> </div> </div> </div> <div class="modal fade" id="dealerInfoHeaderModal" tabindex="-1" role="dialog"> <div class="modal-dialog modal-dialog-centered vertical-align-center" role="document"> <div class="modal-content"> <a class="btn close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </a> <div class="modal-body modal-color"> <span id="dealerDetailsText" class="dealer-info-auth-text"></span><br/><br/> <span id="dealerInfoContent" style="font-size:18px;"></span> <p class="text-center"> <button type="button" class="btn btn-cta text-black background-grey-lightest" id="closeDealerHeader" onClick="closeModalForm()" data-dismiss="modal"></button>&nbsp&nbsp&nbsp&nbsp </p> </div> </div> </div> </div> <script> function closeModalForm() { $("#modal-form .close").click(); } </script> </div> <script> let shopBaseUrl = "https:\/\/shop.crown.com"; let sessionCartUrl = "/crowncommercewebservices/v2/crown/carts/session-cart"; let storeCartUrl = "/crown/en/cart"; $(document).ready(function() { if("") { let eCommUrl = shopBaseUrl + sessionCartUrl; if(eCommUrl !== undefined) { loadCartInfo(eCommUrl); } } $('.navbar-toggle').click(function() { if(this.getAttribute("aria-expanded")) { $('.search-form-wrapper').removeClass('open'); } }); }); function loadCartInfo(eCommUrl) { $.ajax({ url: eCommUrl, type: 'GET', dataType: "json", xhrFields: { withCredentials: true }, crossDomain: true, headers: { 'Accept': 'application/json', 'Content-Type': 'application/json', }, success: function(response) { document.getElementById('cartItemCountDesktop').innerText = '( ' + response.totalItems + ' )'; } }); } function onCartClick() { let eCommCartUrl; eCommCartUrl = shopBaseUrl + storeCartUrl; window.location.replace(eCommCartUrl); } $(".cartIcon").keypress(function(event) { if(event.keyCode === 13 ){ onCartClick(); } }); document.getElementById('createAccountBtnId').addEventListener('click', ()=>{ window.location = ""; }); </script> </div> <div class="newpar new section"> </div> <div class="par iparys_inherited"> </div> </div> </div>  <div> <div class="modal fade modal-form-viewer" id="modal-form" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog modal-full-page modal-lg"> <div class="modal-content"> <div class="btn close ml-auto" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></div> <div class="modal-body modal-color"> <div class="container-form-viewer"> <div class="form-viewer" id="modal-content-form"> </div> </div> </div> </div> </div> </div> </div> <script> //from http://getbootstrap.com/javascript/#modals $("#modal-form").off().on("show.bs.modal", function(event) { var button = $(event.relatedTarget); var formSource = button.data("formsource"); var queryString = button.data("querystring"); var branchID = getBranchId(queryString, "branchID"); getPageContent(formSource, branchID, queryString); }); $("#modal-form").on("hidden.bs.modal", function () { $("#modal-content-form").empty(); }); function getBranchId(qString, sParam) { if(qString != undefined) { var sURLVariables = qString.split("&"); if(sURLVariables != undefined) { for(var i = 0; i < sURLVariables.length; i++) { var sParameterName = sURLVariables[i].split("="); if(sParameterName[0] == sParam) { return sParameterName[1].replace("%20", " ").trim(); } } } } return ""; } function getPageContent(formSource, branchID, queryString) { $.ajax({ url: formSource, success: function(html) { var content = $("<div />").html(html).find("#content"); $("#modal-content-form").html(content); } }).done(function() { if($('.contactformcomponent').length > 0) { var formId = $('#modal-content-form').find('.contact-us-form').attr('id'); var uniqueId = "_".concat(formId.split("_")[1]); if((branchID !== undefined) && (branchID.length > 0)) { $("#branchID" + uniqueId).val(branchID); } $('.contactformcomponent').addClass("modal-width"); var aoiSelection = Crown.Common.Helper.getQueryStringParamsFromString(queryString, "areaOfInterest"); var forkliftSelection = Crown.Common.Helper.getQueryStringParamsFromString(queryString, "liftTruck"); var rentalForkliftSelection = Crown.Common.Helper.getQueryStringParamsFromString(queryString, "rentalForklift"); var usedForkliftSelection = Crown.Common.Helper.getQueryStringParamsFromString(queryString, "usedForklift"); var fmSelection = Crown.Common.Helper.getQueryStringParamsFromString(queryString, "fleetManagementSelect"); var pAndSSelection = Crown.Common.Helper.getQueryStringParamsFromString(queryString, "partsAndService"); var infoLinkSelection = Crown.Common.Helper.getQueryStringParamsFromString(queryString, "infolinkList"); var brochureRequestSelection = Crown.Common.Helper.getQueryStringParamsFromString(queryString, "brochureRequestSelect"); var preOwnedForkliftsSelection = Crown.Common.Helper.getQueryStringParamsFromString(queryString, "preOwnedProducts"); var preferredLanguageSelection = Crown.Common.Helper.getQueryStringParamsFromString(queryString, "preferredLanguage"); var batteriesAndChargersSelection = Crown.Common.Helper.getQueryStringParamsFromString(queryString, "batteriesAndChargers"); populateSelectValue('#primaryAreaOfInterest' + uniqueId, aoiSelection); populateMultiSelectValue('#forkliftList' + uniqueId, forkliftSelection); populateMultiSelectValue('#usedForkliftList' + uniqueId, usedForkliftSelection); populateMultiSelectValue('#rentalForkliftList' + uniqueId, rentalForkliftSelection); populateSelectValue('#fleetManagementList' + uniqueId, fmSelection); populateSelectValue('#partsAndServiceList' + uniqueId, pAndSSelection); populateSelectValue('#infolinkList' + uniqueId, infoLinkSelection); populateMultiSelectValue('#brochureRequest' + uniqueId, brochureRequestSelection); populateMultiSelectValue('#preOwnedForklift' + uniqueId, preOwnedForkliftsSelection); populateSelectValue('#preferredLanguage' + uniqueId, preferredLanguageSelection); populateSelectValue('#batteriesAndChargersList' + uniqueId, batteriesAndChargersSelection); $(document).ready(function() { eval('if (typeof areaOfInterestChanged' + uniqueId + ' === "function") { areaOfInterestChanged' + uniqueId + '(aoiSelection) }'); eval('if (typeof fleetManagementChanged' + uniqueId + ' === "function") { fleetManagementChanged' + uniqueId + '(fmSelection) }'); }); } }); } function populateMultiSelectValue(controlName, value) { if((value !== undefined) && (value.length > 0)) { var dataArray = value.split(','); $(controlName).val(dataArray); } } function populateSelectValue(controlName, value1) { if((value1 !== undefined) && (value1.length > 0)) { $(controlName).val(value1); } } </script>  <div> <div class="modal fade modal-video-viewer" id="modal-video-viewer" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <a class="btn close ml-auto" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></a> <div class="modal-body"> <div class="embed-responsive embed-responsive-16by9" id="video-tag"> </div> </div> </div> </div> </div> </div> <script> //from http://getbootstrap.com/javascript/#modals jQuery("#modal-video-viewer").on("show.bs.modal", function(event) { var button = jQuery(event.relatedTarget); var videoSource = button.data("videosource"); var posterImage = button.data("posterimage"); var controls = button.data("controls"); var autoplay = button.data("autoplay"); var videoLoop = button.data("videoloop"); if(videoSource.indexOf("https://www.youtu") === 0) { jQuery("#video-tag").append('<iframe id="video-frame" src=' + videoSource + "&muted=1" + ' allowfullscreen allow="autoplay"></iframe>'); } else if(videoSource.indexOf("/content/") === 0) { jQuery("#video-tag").append('<video id="video-view" src=' + videoSource + ' poster=' + posterImage + '></video>'); jQuery("#video-view").attr("autoplay", autoplay); jQuery("#video-view").attr("loop", videoLoop); jQuery("#video-view").attr("controls", controls); } }); jQuery("#modal-video-viewer").on("hidden.bs.modal", function(e) { jQuery("#video-frame").remove(); jQuery("#video-view").remove(); }); </script> <form id="combinedSearchForm" name="combinedSearchForm" action="/en-uk/search-results.html" accept-charset="UTF-8"> <div class="search-form-wrapper " id="search-form" aria-hidden="true"> <div class="inputgroup"> <input id="search-box" class="site-search" maxlength="2048" autocomplete="off" name="q" tabindex="0"/> <label for="search-box"> <i class="fas fa-search sitesearch-icon" id="searchIcon"></i> </label> <a class="btn search-close" aria-label="Close" href="javascript: void(0);" tabindex="0"><span aria-hidden="true">×</span></a> <div class="searchDropDown"> <div class="searchHeader">Suggestions</div> <div id="searchSuggestions" class="searchItem"> </div> <div class="searchHeader">Search Results</div> <div id="searchResults" class="searchItem"> </div> </div> </div> </div> </form> <div class="breadcrumb-container"> <div class="breadcrumb"></div> </div> <script> $(document).ready(function() { $('[data-toggle=search-form]').click(function() { $('#search-box').val(''); $('.search-form-wrapper').toggleClass('open'); $('#search-box').placeholder(); $('#search-box').focus(); }); $('[data-toggle=search-form-close]').click(function() { $('#search-box').val(''); $('.search-form-wrapper').removeClass('open'); }); $('.search-close').click(function() { $('#search-box').val(''); $('.search-form-wrapper').removeClass('open'); }); if(navigator.userAgent.indexOf('Mac') > 0) { $('.search-close').addClass('search-close-mac'); } }); $('#search-box').on('keyup', function() { let searchTerm = this.value; if(searchTerm) { $("#searchIcon").css("opacity", "1"); } else { $("#searchIcon").css("opacity", "0.65"); } if(searchTerm.length >= 3) { $("#searchSuggestions").empty(); $("#searchResults").empty(); $(".searchDropDown").css("display", "block"); getSearchSuggestions(searchTerm); getResultSuggestions(searchTerm) } else { $(".searchDropDown").css("display", "none"); } }); function getSearchSuggestions(searchTerm) { $.ajax({ url: "/content/en-uk/jcr:content/header/header" + ".searchsuggestions" + ".json", type: "GET", async: true, dataType: "json", data: { "searchTerm": searchTerm, "pagesSearchPath": "/content/en-uk" } }).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-uk/jcr:content/header/header" + ".searchservlet" + ".json", type: 'GET', async: true, data: { "searchterm": searchTerm, "pagesize": 3, "pagesSearchPath": "/content/en-uk" } }).done(function(response) { let totalMatches = response.totalMatches; let resultsLength = 3; if(totalMatches > 0 && totalMatches < 3) { resultsLength = totalMatches; } $("#searchResults").empty(); if(totalMatches > 0) { for(let i = 0; i < resultsLength; i++) { $("#searchResults").append("<div><a href='" + response.resultDetails[i].path + "'>" + searchTerm + "<span class='resultLinkTo'> in " + response.resultDetails[i].title + "</span></a></div>"); } } else { $("#searchResults").append("<div>There are no results available that match with your search</div>"); } }); } function searchSubmit(suggestionText) { document.combinedSearchForm.q.value = suggestionText; document.getElementById("combinedSearchForm").submit(); } $(document).mouseup(function(e) { let container = $(".searchDropDown"); if(!container.is(e.target) && container.has(e.target).length === 0) { container.hide(); } }); </script> </header> <div> <div class="socialconnect"> <ul id="mainpar_socialconnect-connect-list" role="group" class="socialConnect background-black text-white"> <li> <a href="/en-uk/forklift-dealers.html" onclick="addSocialConnectGA('Find Your Dealer')" tabindex="-1"> <span class="social-title">Find Your Dealer</span> <i class="fas fa-map-marker-alt fa-fw"></i> </a> </li> <li> <a href="#" onclick="addSocialConnectGA('Request More Information')" data-querystring="areaOfInterest=generalInquiry" data-target="#modal-form" data-formsource="/content/en-uk/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:someone@example.com?Subject=Crown%20Lift%20Trucks%20%7C%20UK%20%7C%20Forklifts%2C%20Pallet%20Trucks%20and%20Material%20Handling%20Technologies&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-uk.html%3E" onclick="addSocialConnectGA('Share Through Email')" tabindex="-1"> <span class="social-title">Share Through Email</span> <i class="far fa-envelope fa-fw"></i> </a> </li> </ul> <script> 'use strict'; jQuery(document).ready (function (){ var $socialShare = jQuery('#mainpar_socialconnect-connect-list'); $socialShare.find('li').hover(function() { jQuery(this).addClass('hover'); }, function() { jQuery(this).removeClass('hover'); }); } ); function addSocialConnectGA(title) { let currentPage = window.location.href; if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn"))) { dataLayer.push({ 'event': 'side_nav_click', 'eventCategory': 'Side Navigation', 'eventAction': title, 'eventLabel': currentPage }); } } } </script></div> <div class="ghost"> </div> <div class="ghost"> </div> <div class="carousel"> <div> <style> .component-carousel .column .row-child { min-height: 500px; } @media (max-width: 767px) { .component-carousel .dotsOnOpacityContent { top: 270px; } .component-carousel .column .row-child { min-height: 250px; } .component-carousel .slick-prev, .component-carousel .slick-next { top: 120px; } .component-carousel .slick-slider { margin-bottom: 0px; } .component-carousel .slick-list { min-height: px; } } @media (min-width: 768px) and (max-width: 991.98px) { .component-carousel .dotsOnOpacityContent { top: 520px; } .component-carousel .slick-slider { margin-bottom: 0px; } } </style> </div> <input type="hidden" id="carouselsize" value="6"/> <div class="component-carousel text-white carousel-max-height-lg carousel-max-height-md carousel-max-height-sm"> <div class="container fullWidth "> <div class="overwriteContainerPadding"> <div class="row"> <div class="wrapper"> <div id="mainpar_carousel_copy_copy">  <div class="column col-sm-12 carousel-min-height float-left col-md-12 col-lg-12 col-xl-12 order-sm-0 order-md-0 order-lg-0 order-xl-0 " style="width:1200px;"> <div id="height_6a81219e6f194612ada61e1bb0815b86" style="height: px"> <div class=" background-black "> <div class="background-black "> <div id="bgImage_6a81219e6f194612ada61e1bb0815b86" class="clearfix row-child background-black everyDevice text-white container-vertical-aligned no-padding-left no-padding-top no-padding-right no-padding-bottom tabColumnBgFullWidthRow" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class="container-fluid"> <div class="container"> <div class="float-right col-md-6 vertical-align-middle"> <div class="container-inner"> </div> </div> <div class="float-right col-md-6 vertical-align-middle"> <div class="container-inner"> <div class="opacitycomponent"> <div class=" padding-8x-top padding-2x-bottom"> <div class="backgroundCSS backgroundColorOpacity_mainpar_carousel_copy_copy_carousel_1623407269_column_column2_opacitycomponent" id="backgroundColorOpacity_mainpar_carousel_copy_copy_carousel_1623407269_column_column2_opacitycomponent"> <div><div class="RichText richtext"> <div class=" width-100 component-left"> <h2 style="text-align: center;"><span class="text-orange">Point. Click. Find.</span></h2> <p style="text-align: center;">Our forklift product selector helps you easily find and compare Crown's extensive range of lift trucks to find the right equipment for your application.</p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> <div><div class="text-center "> <a href="/en-uk/forklift-product-selector.html" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" target="_blank" onclick="addCTAGA('', '', '', '<p>Try it Now!<\/p>\r\n')" tabindex="0"><p>Try it Now!</p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div><div class=" "> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div> </div> </div> </div> <script> $(document).ready( function() { if("rgba(0,0,0,0.7)") { $('#backgroundColorOpacity_mainpar_carousel_copy_copy_carousel_1623407269_column_column2_opacitycomponent').css("background-color", "rgba(0,0,0,0.7)"); } if("200px") { $('#backgroundColorOpacity_mainpar_carousel_copy_copy_carousel_1623407269_column_column2_opacitycomponent').css("min-height", "200px"); } }) </script> </div> </div> </div> </div> </div> </div> </div> </div> <div> <div id="opacityComponentMobileTablet_6a81219e6f194612ada61e1bb0815b86" class="opacityComponentMobileTablet"> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_6a81219e6f194612ada61e1bb0815b86').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_6a81219e6f194612ada61e1bb0815b86').addClass('bricksRow'); } }); </script> <div> <script> $(document).ready(function() { var tallestColumnHeight = 0; $('.container-vertical-aligned').find('.col-vertical-aligned').each(function() { var $this = $(this); if(tallestColumnHeight < $this.height()) { tallestColumnHeight = $this.height(); } }); $('.container-vertical-aligned').find('.col-vertical-aligned').height(tallestColumnHeight); }) </script> </div> <script> $(document).ready(function(){ setBackgroundImage_6a81219e6f194612ada61e1bb0815b86(); }); $(window).resize(function(){ setBackgroundImage_6a81219e6f194612ada61e1bb0815b86(); }); function setBackgroundImage_6a81219e6f194612ada61e1bb0815b86() { var width = window.innerWidth; var image; if(width < 993 && width > 768 && ("\/content\/dam\/crown\/images\/en\u002Duk\/homepage\/hero\/forklift\u002Dselector\u002Dm.jpg")) { image = ("/content/dam/crown/images/en-uk/homepage/hero/forklift-selector-m.jpg"); } else if(width < 769 && ("\/content\/dam\/crown\/images\/en\u002Duk\/homepage\/hero\/forklift\u002Dselector\u002Dm.jpg")) { image = ("/content/dam/crown/images/en-uk/homepage/hero/forklift-selector-m.jpg"); } else { image = ("/content/dam/crown/images/en-uk/homepage/hero/forklift-selector.jpg"); } $('#bgImage_6a81219e6f194612ada61e1bb0815b86').css("background-image","url("+image+")"); } </script> <script> let opacityContent_mainpar_carousel_copy_copy_carousel_1623407269_column_column2_opacitycomponent = $('.backgroundColorOpacity_mainpar_carousel_copy_copy_carousel_1623407269_column_column2_opacitycomponent').html(); $(document).ready(function(){ toggleMobileDesktop_mainpar_carousel_copy_copy_carousel_1623407269_column_column2_opacitycomponent(); setOpacityComponentMinHeight_6a81219e6f194612ada61e1bb0815b86(); }); $(window).resize(function(){ toggleMobileDesktop_mainpar_carousel_copy_copy_carousel_1623407269_column_column2_opacitycomponent(); setOpacityComponentMinHeight_6a81219e6f194612ada61e1bb0815b86(); }); function toggleMobileDesktop_mainpar_carousel_copy_copy_carousel_1623407269_column_column2_opacitycomponent() { let width = window.innerWidth; if(width<992) { $('.backgroundColorOpacity_mainpar_carousel_copy_copy_carousel_1623407269_column_column2_opacitycomponent').hide(); $('#opacityComponentMobileTablet_6a81219e6f194612ada61e1bb0815b86').html(opacityContent_mainpar_carousel_copy_copy_carousel_1623407269_column_column2_opacitycomponent); $('.backgroundColorOpacity_mainpar_carousel_copy_copy_carousel_1623407269_column_column2_opacitycomponent').html(""); } else { $('.backgroundColorOpacity_mainpar_carousel_copy_copy_carousel_1623407269_column_column2_opacitycomponent').show(); if(!$('.backgroundColorOpacity_mainpar_carousel_copy_copy_carousel_1623407269_column_column2_opacitycomponent').html()){ $('.backgroundColorOpacity_mainpar_carousel_copy_copy_carousel_1623407269_column_column2_opacitycomponent').html(opacityContent_mainpar_carousel_copy_copy_carousel_1623407269_column_column2_opacitycomponent); } $('#opacityComponentMobileTablet_6a81219e6f194612ada61e1bb0815b86').html(""); } } function setOpacityComponentMinHeight_6a81219e6f194612ada61e1bb0815b86() { let width = window.innerWidth; if(width<992) { if(width<768) { $('#opacityComponentMobileTablet_6a81219e6f194612ada61e1bb0815b86').css("min-height", "300px"); } else { $('#opacityComponentMobileTablet_6a81219e6f194612ada61e1bb0815b86').css("min-height", ""); } } } </script> </div>  <div class="column col-sm-12 carousel-min-height float-left col-md-12 col-lg-12 col-xl-12 order-sm-0 order-md-0 order-lg-0 order-xl-0 " style="width:1200px;"> <div id="height_5a31c96af5ba4be9ab1323fa8be130a2" style="height: px"> <div class=" background-grey-lightestest "> <div class="background-grey-lightestest "> <div id="bgImage_5a31c96af5ba4be9ab1323fa8be130a2" class="clearfix row-child background-grey-lightestest everyDevice text-white tabColumnBgFullWidthRow" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class="container-fluid"> <div class="container"> <div class=" col-md-6 "> <div class="container-inner"> <div class="opacitycomponent"> <div class=" padding-6x-top "> <div class="backgroundCSS backgroundColorOpacity_mainpar_carousel_copy_copy_carousel_191138197_column_column1_opacitycomponent" id="backgroundColorOpacity_mainpar_carousel_copy_copy_carousel_191138197_column_column1_opacitycomponent"> <div><div class="RichText richtext"> <div class=" width-100 component-left"> <h2 style="text-align: center;">Work Smarter<br> and Faster at Height</h2> <h1 style="text-align: center;">Up to 1200 kg at 12 m lift height with<br> the new ESR Series Reach Trucks</h1> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> <div><div class="text-center "> <a href="/en-uk/forklifts/reach-trucks-esr.html" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" onclick="addCTAGA('', '', '', '<p>Learn More<\/p>\r\n')" tabindex="0"><p>Learn More</p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div><div class="text-center "> <a href="#" class="btn video-link btn-plain text-white " onmouseover="this.style.background = ``" onmouseout="this.style.background =''" data-videosource="https://www.youtube-nocookie.com/embed/Em1q6aWSli8?autoplay=1&autohide=1&border=0&egm=0&showinfo=0&rel=0" data-toggle="modal" data-target="#modal-video-viewer" data-controls="false" data-videoloop="false" data-autoplay="false" onclick="addCTAGA('', '', '', '<p>Watch the Video<\/p>\r\n')" tabindex="0"><p>Watch the Video</p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div> </div> </div> </div> <script> $(document).ready( function() { if("rgba(0,0,0,0.6)") { $('#backgroundColorOpacity_mainpar_carousel_copy_copy_carousel_191138197_column_column1_opacitycomponent').css("background-color", "rgba(0,0,0,0.6)"); } if("200px") { $('#backgroundColorOpacity_mainpar_carousel_copy_copy_carousel_191138197_column_column1_opacitycomponent').css("min-height", "200px"); } }) </script> </div> </div> </div> <div class=" col-md-6 "> <div class="container-inner"> </div> </div> </div> </div> </div> </div> </div> <div> <div id="opacityComponentMobileTablet_5a31c96af5ba4be9ab1323fa8be130a2" class="opacityComponentMobileTablet"> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_5a31c96af5ba4be9ab1323fa8be130a2').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_5a31c96af5ba4be9ab1323fa8be130a2').addClass('bricksRow'); } }); </script> <script> $(document).ready(function(){ setBackgroundImage_5a31c96af5ba4be9ab1323fa8be130a2(); }); $(window).resize(function(){ setBackgroundImage_5a31c96af5ba4be9ab1323fa8be130a2(); }); function setBackgroundImage_5a31c96af5ba4be9ab1323fa8be130a2() { var width = window.innerWidth; var image; if(width < 993 && width > 768 && ("\/content\/dam\/crown\/images\/en\u002Duk\/homepage\/hero\/reach\u002Dtruck\u002Desr1200\u002Dm.jpg")) { image = ("/content/dam/crown/images/en-uk/homepage/hero/reach-truck-esr1200-m.jpg"); } else if(width < 769 && ("\/content\/dam\/crown\/images\/en\u002Duk\/homepage\/hero\/reach\u002Dtruck\u002Desr1200\u002Dm.jpg")) { image = ("/content/dam/crown/images/en-uk/homepage/hero/reach-truck-esr1200-m.jpg"); } else { image = ("/content/dam/crown/images/en-uk/homepage/hero/reach-truck-esr1200-dt.jpg"); } $('#bgImage_5a31c96af5ba4be9ab1323fa8be130a2').css("background-image","url("+image+")"); } </script> <script> let opacityContent_mainpar_carousel_copy_copy_carousel_191138197_column_column1_opacitycomponent = $('.backgroundColorOpacity_mainpar_carousel_copy_copy_carousel_191138197_column_column1_opacitycomponent').html(); $(document).ready(function(){ toggleMobileDesktop_mainpar_carousel_copy_copy_carousel_191138197_column_column1_opacitycomponent(); setOpacityComponentMinHeight_5a31c96af5ba4be9ab1323fa8be130a2(); }); $(window).resize(function(){ toggleMobileDesktop_mainpar_carousel_copy_copy_carousel_191138197_column_column1_opacitycomponent(); setOpacityComponentMinHeight_5a31c96af5ba4be9ab1323fa8be130a2(); }); function toggleMobileDesktop_mainpar_carousel_copy_copy_carousel_191138197_column_column1_opacitycomponent() { let width = window.innerWidth; if(width<992) { $('.backgroundColorOpacity_mainpar_carousel_copy_copy_carousel_191138197_column_column1_opacitycomponent').hide(); $('#opacityComponentMobileTablet_5a31c96af5ba4be9ab1323fa8be130a2').html(opacityContent_mainpar_carousel_copy_copy_carousel_191138197_column_column1_opacitycomponent); $('.backgroundColorOpacity_mainpar_carousel_copy_copy_carousel_191138197_column_column1_opacitycomponent').html(""); } else { $('.backgroundColorOpacity_mainpar_carousel_copy_copy_carousel_191138197_column_column1_opacitycomponent').show(); if(!$('.backgroundColorOpacity_mainpar_carousel_copy_copy_carousel_191138197_column_column1_opacitycomponent').html()){ $('.backgroundColorOpacity_mainpar_carousel_copy_copy_carousel_191138197_column_column1_opacitycomponent').html(opacityContent_mainpar_carousel_copy_copy_carousel_191138197_column_column1_opacitycomponent); } $('#opacityComponentMobileTablet_5a31c96af5ba4be9ab1323fa8be130a2').html(""); } } function setOpacityComponentMinHeight_5a31c96af5ba4be9ab1323fa8be130a2() { let width = window.innerWidth; if(width<992) { if(width<768) { $('#opacityComponentMobileTablet_5a31c96af5ba4be9ab1323fa8be130a2').css("min-height", "300px"); } else { $('#opacityComponentMobileTablet_5a31c96af5ba4be9ab1323fa8be130a2').css("min-height", ""); } } } </script> </div>  <div class="column col-sm-12 carousel-min-height float-left col-md-12 col-lg-12 col-xl-12 order-sm-0 order-md-0 order-lg-0 order-xl-0 " style="width:1200px;"> <div id="height_b0fb43b9054541a0bd03b8ece8007075" style="height: px"> <div class=" background-blacker "> <div class="background-blacker "> <div id="bgImage_b0fb43b9054541a0bd03b8ece8007075" class="clearfix row-child background-blacker everyDevice text-white no-padding-left no-padding-top no-padding-right no-padding-bottom tabColumnBgFullWidthRow" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class="container-fluid"> <div class="container"> <div class=" col-md-6 "> <div class="container-inner"> <div class="opacitycomponent"> <div class="no-padding-left padding-6x-top padding-2x-right padding-4x-bottom"> <div class="backgroundCSS backgroundColorOpacity_mainpar_carousel_copy_copy_carousel_column_column1_opacitycomponent" id="backgroundColorOpacity_mainpar_carousel_copy_copy_carousel_column_column1_opacitycomponent"> <div><div class="RichText richtext"> <div class=" width-100 component-left"> <h2 style="text-align: center;">The Visibility Advantage</h2> <h1 style="text-align: center;">Crown's New SP Series <br> High-Level Order Pickers<br> </h1> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> <div><div class="text-center "> <a href="/en-uk/forklifts/high-level-order-picker-sp.html" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" onclick="addCTAGA('', '', '', '<p>Learn More<\/p>\r\n')" tabindex="0"><p>Learn More</p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div><div class="text-center "> <a href="#" class="btn video-link btn-plain text-white " onmouseover="this.style.background = ``" onmouseout="this.style.background =''" data-videosource="https://www.youtube-nocookie.com/embed/O_VnYQgyfbY?autoplay=1&autohide=1&border=0&egm=0&showinfo=0&rel=0" data-toggle="modal" data-target="#modal-video-viewer" data-controls="false" data-videoloop="false" data-autoplay="false" onclick="addCTAGA('', '', '', '<p>Watch the Video<\/p>\r\n')" tabindex="0"><p>Watch the Video</p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div> </div> </div> </div> <script> $(document).ready( function() { if("rgba(0,0,0,0.7)") { $('#backgroundColorOpacity_mainpar_carousel_copy_copy_carousel_column_column1_opacitycomponent').css("background-color", "rgba(0,0,0,0.7)"); } if("200px") { $('#backgroundColorOpacity_mainpar_carousel_copy_copy_carousel_column_column1_opacitycomponent').css("min-height", "200px"); } }) </script> </div> </div> </div> <div class=" col-md-6 "> <div class="container-inner"> </div> </div> </div> </div> </div> </div> </div> <div> <div id="opacityComponentMobileTablet_b0fb43b9054541a0bd03b8ece8007075" class="opacityComponentMobileTablet"> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_b0fb43b9054541a0bd03b8ece8007075').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_b0fb43b9054541a0bd03b8ece8007075').addClass('bricksRow'); } }); </script> <script> $(document).ready(function(){ setBackgroundImage_b0fb43b9054541a0bd03b8ece8007075(); }); $(window).resize(function(){ setBackgroundImage_b0fb43b9054541a0bd03b8ece8007075(); }); function setBackgroundImage_b0fb43b9054541a0bd03b8ece8007075() { var width = window.innerWidth; var image; if(width < 993 && width > 768 && ("\/content\/dam\/crown\/images\/en\u002Duk\/homepage\/hero\/high\u002Dlevel\u002Dorder\u002Dpicker\u002Dsp1500\u002Difoy\u002Dwinner\u002Dm.jpg")) { image = ("/content/dam/crown/images/en-uk/homepage/hero/high-level-order-picker-sp1500-ifoy-winner-m.jpg"); } else if(width < 769 && ("\/content\/dam\/crown\/images\/en\u002Duk\/homepage\/hero\/high\u002Dlevel\u002Dorder\u002Dpicker\u002Dsp1500\u002Difoy\u002Dwinner\u002Dm.jpg")) { image = ("/content/dam/crown/images/en-uk/homepage/hero/high-level-order-picker-sp1500-ifoy-winner-m.jpg"); } else { image = ("/content/dam/crown/images/en-uk/homepage/hero/high-level-order-picker-sp1500-ifoy-winner-dt.jpg"); } $('#bgImage_b0fb43b9054541a0bd03b8ece8007075').css("background-image","url("+image+")"); } </script> <script> let opacityContent_mainpar_carousel_copy_copy_carousel_column_column1_opacitycomponent = $('.backgroundColorOpacity_mainpar_carousel_copy_copy_carousel_column_column1_opacitycomponent').html(); $(document).ready(function(){ toggleMobileDesktop_mainpar_carousel_copy_copy_carousel_column_column1_opacitycomponent(); setOpacityComponentMinHeight_b0fb43b9054541a0bd03b8ece8007075(); }); $(window).resize(function(){ toggleMobileDesktop_mainpar_carousel_copy_copy_carousel_column_column1_opacitycomponent(); setOpacityComponentMinHeight_b0fb43b9054541a0bd03b8ece8007075(); }); function toggleMobileDesktop_mainpar_carousel_copy_copy_carousel_column_column1_opacitycomponent() { let width = window.innerWidth; if(width<992) { $('.backgroundColorOpacity_mainpar_carousel_copy_copy_carousel_column_column1_opacitycomponent').hide(); $('#opacityComponentMobileTablet_b0fb43b9054541a0bd03b8ece8007075').html(opacityContent_mainpar_carousel_copy_copy_carousel_column_column1_opacitycomponent); $('.backgroundColorOpacity_mainpar_carousel_copy_copy_carousel_column_column1_opacitycomponent').html(""); } else { $('.backgroundColorOpacity_mainpar_carousel_copy_copy_carousel_column_column1_opacitycomponent').show(); if(!$('.backgroundColorOpacity_mainpar_carousel_copy_copy_carousel_column_column1_opacitycomponent').html()){ $('.backgroundColorOpacity_mainpar_carousel_copy_copy_carousel_column_column1_opacitycomponent').html(opacityContent_mainpar_carousel_copy_copy_carousel_column_column1_opacitycomponent); } $('#opacityComponentMobileTablet_b0fb43b9054541a0bd03b8ece8007075').html(""); } } function setOpacityComponentMinHeight_b0fb43b9054541a0bd03b8ece8007075() { let width = window.innerWidth; if(width<992) { if(width<768) { $('#opacityComponentMobileTablet_b0fb43b9054541a0bd03b8ece8007075').css("min-height", "300px"); } else { $('#opacityComponentMobileTablet_b0fb43b9054541a0bd03b8ece8007075').css("min-height", ""); } } } </script> </div>  <div class="column col-sm-12 carousel-min-height float-left col-md-12 col-lg-12 col-xl-12 order-sm-0 order-md-0 order-lg-0 order-xl-0 " style="width:1200px;"> <div id="height_ad14b49b705d4c76be5c812ae0d5500b" style="height: px"> <div class=" background-blacker "> <div class="background-blacker "> <div id="bgImage_ad14b49b705d4c76be5c812ae0d5500b" class="clearfix row-child background-blacker everyDevice text-white no-padding-top tabColumnBgFullWidthRow" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class="container-fluid"> <div class="container"> <div class=" col-md-6 "> <div class="container-inner"> <div class="opacitycomponent"> <div class=" padding-6x-top padding-2x-bottom"> <div class="backgroundCSS backgroundColorOpacity_mainpar_carousel_copy_copy_carousel_2039752318_column_column1_opacitycomponent" id="backgroundColorOpacity_mainpar_carousel_copy_copy_carousel_2039752318_column_column1_opacitycomponent"> <div><div class="RichText richtext"> <div class=" width-100 component-left"> <h2 style="text-align: center;">VNA Trucks with<br> Built-in Intelligence</h2> <h1 style="text-align: center;">Crown's New TSP Series</h1> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> <div><div class="text-center "> <a href="/en-uk/forklifts/vna-truck-tsp.html" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" onclick="addCTAGA('', '', '', '<p>Learn More<br \/>\r\n<\/p>\r\n')" tabindex="0"><p>Learn More<br /> </p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div><div class="text-center "> <a href="#" class="btn video-link btn-plain text-white " onmouseover="this.style.background = ``" onmouseout="this.style.background =''" data-videosource="https://www.youtube-nocookie.com/embed/F_Vc5tFCYn0?autoplay=1&autohide=1&border=0&egm=0&showinfo=0&rel=0" data-toggle="modal" data-target="#modal-video-viewer" data-controls="false" data-videoloop="false" data-autoplay="false" onclick="addCTAGA('', '', '', '<p>Watch the Video<\/p>\r\n')" tabindex="0"><p>Watch the Video</p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div> </div> </div> </div> <script> $(document).ready( function() { if("rgba(0,0,0,0.7)") { $('#backgroundColorOpacity_mainpar_carousel_copy_copy_carousel_2039752318_column_column1_opacitycomponent').css("background-color", "rgba(0,0,0,0.7)"); } if("200px") { $('#backgroundColorOpacity_mainpar_carousel_copy_copy_carousel_2039752318_column_column1_opacitycomponent').css("min-height", "200px"); } }) </script> </div> </div> </div> <div class=" col-md-6 "> <div class="container-inner"> </div> </div> </div> </div> </div> </div> </div> <div> <div id="opacityComponentMobileTablet_ad14b49b705d4c76be5c812ae0d5500b" class="opacityComponentMobileTablet"> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_ad14b49b705d4c76be5c812ae0d5500b').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_ad14b49b705d4c76be5c812ae0d5500b').addClass('bricksRow'); } }); </script> <script> $(document).ready(function(){ setBackgroundImage_ad14b49b705d4c76be5c812ae0d5500b(); }); $(window).resize(function(){ setBackgroundImage_ad14b49b705d4c76be5c812ae0d5500b(); }); function setBackgroundImage_ad14b49b705d4c76be5c812ae0d5500b() { var width = window.innerWidth; var image; if(width < 993 && width > 768 && ("\/content\/dam\/crown\/images\/en\u002Duk\/homepage\/hero\/vna\u002Dtruck\u002Dtsp1500\u002Dm.jpg")) { image = ("/content/dam/crown/images/en-uk/homepage/hero/vna-truck-tsp1500-m.jpg"); } else if(width < 769 && ("\/content\/dam\/crown\/images\/en\u002Duk\/homepage\/hero\/vna\u002Dtruck\u002Dtsp1500\u002Dm.jpg")) { image = ("/content/dam/crown/images/en-uk/homepage/hero/vna-truck-tsp1500-m.jpg"); } else { image = ("/content/dam/crown/images/en-uk/homepage/hero/vna-truck-tsp1500-dt.jpg"); } $('#bgImage_ad14b49b705d4c76be5c812ae0d5500b').css("background-image","url("+image+")"); } </script> <script> let opacityContent_mainpar_carousel_copy_copy_carousel_2039752318_column_column1_opacitycomponent = $('.backgroundColorOpacity_mainpar_carousel_copy_copy_carousel_2039752318_column_column1_opacitycomponent').html(); $(document).ready(function(){ toggleMobileDesktop_mainpar_carousel_copy_copy_carousel_2039752318_column_column1_opacitycomponent(); setOpacityComponentMinHeight_ad14b49b705d4c76be5c812ae0d5500b(); }); $(window).resize(function(){ toggleMobileDesktop_mainpar_carousel_copy_copy_carousel_2039752318_column_column1_opacitycomponent(); setOpacityComponentMinHeight_ad14b49b705d4c76be5c812ae0d5500b(); }); function toggleMobileDesktop_mainpar_carousel_copy_copy_carousel_2039752318_column_column1_opacitycomponent() { let width = window.innerWidth; if(width<992) { $('.backgroundColorOpacity_mainpar_carousel_copy_copy_carousel_2039752318_column_column1_opacitycomponent').hide(); $('#opacityComponentMobileTablet_ad14b49b705d4c76be5c812ae0d5500b').html(opacityContent_mainpar_carousel_copy_copy_carousel_2039752318_column_column1_opacitycomponent); $('.backgroundColorOpacity_mainpar_carousel_copy_copy_carousel_2039752318_column_column1_opacitycomponent').html(""); } else { $('.backgroundColorOpacity_mainpar_carousel_copy_copy_carousel_2039752318_column_column1_opacitycomponent').show(); if(!$('.backgroundColorOpacity_mainpar_carousel_copy_copy_carousel_2039752318_column_column1_opacitycomponent').html()){ $('.backgroundColorOpacity_mainpar_carousel_copy_copy_carousel_2039752318_column_column1_opacitycomponent').html(opacityContent_mainpar_carousel_copy_copy_carousel_2039752318_column_column1_opacitycomponent); } $('#opacityComponentMobileTablet_ad14b49b705d4c76be5c812ae0d5500b').html(""); } } function setOpacityComponentMinHeight_ad14b49b705d4c76be5c812ae0d5500b() { let width = window.innerWidth; if(width<992) { if(width<768) { $('#opacityComponentMobileTablet_ad14b49b705d4c76be5c812ae0d5500b').css("min-height", "300px"); } else { $('#opacityComponentMobileTablet_ad14b49b705d4c76be5c812ae0d5500b').css("min-height", ""); } } } </script> </div>  <div class="column col-sm-12 carousel-min-height float-left col-md-12 col-lg-12 col-xl-12 order-sm-0 order-md-0 order-lg-0 order-xl-0 " style="width:1200px;"> <div id="height_bd6285f4129949e6b5dd22a62c7e7d75" style="height: px"> <div class=" background-black "> <div class="background-black "> <div id="bgImage_bd6285f4129949e6b5dd22a62c7e7d75" class="clearfix row-child background-black everyDevice text-white container-vertical-aligned tabColumnBgFullWidthRow" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class="container-fluid"> <div class="container"> <div class=" col-md-12 vertical-align-middle"> <div class="container-inner"> <div class="opacitycomponent"> <div class=" padding-4x-top "> <div class="backgroundCSS backgroundColorOpacity_mainpar_carousel_copy_copy_carousel_1200440162_column_column1_opacitycomponent" id="backgroundColorOpacity_mainpar_carousel_copy_copy_carousel_1200440162_column_column1_opacitycomponent"> <div><div class="RichText richtext"> <div class=" width-100 component-left"> <h2 style="text-align: center;">Discover our Full Range of Counterbalance Forklifts</h2> <h5 style="text-align: center;">Electric, Gas and Diesel - From 1.3 to 5.5 Tons</h5> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> <div><div class="text-center "> <a href="/en-uk/forklifts.html#counterbalanceforklifts" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" onclick="addCTAGA('', '', '', '<p>View Forklifts<br \/>\r\n<\/p>\r\n')" tabindex="0"><p>View Forklifts<br /> </p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div><div class=" "> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div> </div> </div> </div> <script> $(document).ready( function() { if("rgba(0,0,0,0.7)") { $('#backgroundColorOpacity_mainpar_carousel_copy_copy_carousel_1200440162_column_column1_opacitycomponent').css("background-color", "rgba(0,0,0,0.7)"); } if("200px") { $('#backgroundColorOpacity_mainpar_carousel_copy_copy_carousel_1200440162_column_column1_opacitycomponent').css("min-height", "200px"); } }) </script> </div> </div> </div> </div> </div> </div> </div> </div> <div> <div id="opacityComponentMobileTablet_bd6285f4129949e6b5dd22a62c7e7d75" class="opacityComponentMobileTablet"> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_bd6285f4129949e6b5dd22a62c7e7d75').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_bd6285f4129949e6b5dd22a62c7e7d75').addClass('bricksRow'); } }); </script> <div> <script> $(document).ready(function() { var tallestColumnHeight = 0; $('.container-vertical-aligned').find('.col-vertical-aligned').each(function() { var $this = $(this); if(tallestColumnHeight < $this.height()) { tallestColumnHeight = $this.height(); } }); $('.container-vertical-aligned').find('.col-vertical-aligned').height(tallestColumnHeight); }) </script> </div> <script> $(document).ready(function(){ setBackgroundImage_bd6285f4129949e6b5dd22a62c7e7d75(); }); $(window).resize(function(){ setBackgroundImage_bd6285f4129949e6b5dd22a62c7e7d75(); }); function setBackgroundImage_bd6285f4129949e6b5dd22a62c7e7d75() { var width = window.innerWidth; var image; if(width < 993 && width > 768 && ("\/content\/dam\/crown\/images\/en\u002Duk\/homepage\/hero\/counterbalance\u002Dforklifts\u002Dm.jpg")) { image = ("/content/dam/crown/images/en-uk/homepage/hero/counterbalance-forklifts-m.jpg"); } else if(width < 769 && ("\/content\/dam\/crown\/images\/en\u002Duk\/homepage\/hero\/counterbalance\u002Dforklifts\u002Dm.jpg")) { image = ("/content/dam/crown/images/en-uk/homepage/hero/counterbalance-forklifts-m.jpg"); } else { image = ("/content/dam/crown/images/en-uk/homepage/hero/counterbalance-forklifts-dt.jpg"); } $('#bgImage_bd6285f4129949e6b5dd22a62c7e7d75').css("background-image","url("+image+")"); } </script> <script> let opacityContent_mainpar_carousel_copy_copy_carousel_1200440162_column_column1_opacitycomponent = $('.backgroundColorOpacity_mainpar_carousel_copy_copy_carousel_1200440162_column_column1_opacitycomponent').html(); $(document).ready(function(){ toggleMobileDesktop_mainpar_carousel_copy_copy_carousel_1200440162_column_column1_opacitycomponent(); setOpacityComponentMinHeight_bd6285f4129949e6b5dd22a62c7e7d75(); }); $(window).resize(function(){ toggleMobileDesktop_mainpar_carousel_copy_copy_carousel_1200440162_column_column1_opacitycomponent(); setOpacityComponentMinHeight_bd6285f4129949e6b5dd22a62c7e7d75(); }); function toggleMobileDesktop_mainpar_carousel_copy_copy_carousel_1200440162_column_column1_opacitycomponent() { let width = window.innerWidth; if(width<992) { $('.backgroundColorOpacity_mainpar_carousel_copy_copy_carousel_1200440162_column_column1_opacitycomponent').hide(); $('#opacityComponentMobileTablet_bd6285f4129949e6b5dd22a62c7e7d75').html(opacityContent_mainpar_carousel_copy_copy_carousel_1200440162_column_column1_opacitycomponent); $('.backgroundColorOpacity_mainpar_carousel_copy_copy_carousel_1200440162_column_column1_opacitycomponent').html(""); } else { $('.backgroundColorOpacity_mainpar_carousel_copy_copy_carousel_1200440162_column_column1_opacitycomponent').show(); if(!$('.backgroundColorOpacity_mainpar_carousel_copy_copy_carousel_1200440162_column_column1_opacitycomponent').html()){ $('.backgroundColorOpacity_mainpar_carousel_copy_copy_carousel_1200440162_column_column1_opacitycomponent').html(opacityContent_mainpar_carousel_copy_copy_carousel_1200440162_column_column1_opacitycomponent); } $('#opacityComponentMobileTablet_bd6285f4129949e6b5dd22a62c7e7d75').html(""); } } function setOpacityComponentMinHeight_bd6285f4129949e6b5dd22a62c7e7d75() { let width = window.innerWidth; if(width<992) { if(width<768) { $('#opacityComponentMobileTablet_bd6285f4129949e6b5dd22a62c7e7d75').css("min-height", "300px"); } else { $('#opacityComponentMobileTablet_bd6285f4129949e6b5dd22a62c7e7d75').css("min-height", ""); } } } </script> </div>  <div class="column col-sm-12 carousel-min-height float-left col-md-12 col-lg-12 col-xl-12 order-sm-0 order-md-0 order-lg-0 order-xl-0 " style="width:1200px;"> <div id="height_42fb4bbf5e744e2d9364225a31783c8b" style="height: px"> <div class=" background-grey-lightestest "> <div class="background-grey-lightestest "> <div id="bgImage_42fb4bbf5e744e2d9364225a31783c8b" class="clearfix row-child background-grey-lightestest everyDevice text-white tabColumnBgFullWidthRow" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class="container-fluid"> <div class="container"> <div class=" col-md-6 "> <div class="container-inner"> <div class="opacitycomponent"> <div class=" padding-4x-top padding-2x-bottom"> <div class="backgroundCSS backgroundColorOpacity_mainpar_carousel_copy_copy_carousel_1827204840_column_column1_opacitycomponent" id="backgroundColorOpacity_mainpar_carousel_copy_copy_carousel_1827204840_column_column1_opacitycomponent"> <div><div class="RichText richtext"> <div class=" width-100 component-left"> <h2 style="text-align: center;">You'll never pay to replace a side restraint</h2> <h6 style="text-align: center;">The ET Series Platform Stacker, the DT Series Double Stacker,  <br> and the WT Series Platform Pallet Truck feature<br> a lifetime guarantee* on side restraints.</h6> <p style="text-align: center;"><span class="text-detail">* for the terms of guarantee please download the <a href="/content/dam/crown/pdfs/en-uk/brochures/side-restraints-wt-et-dt-brochure-GB.pdf" target="_blank" title="lifetime guarantee on side restraints">brochure</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> </div> <div><div class="text-center "> <a href="/en-uk/forklifts.html#stackers" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" onclick="addCTAGA('', '', '', '<p>Learn More<\/p>\r\n')" tabindex="0"><p>Learn More</p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div><div class="text-center "> <a href="#" class="btn video-link btn-plain text-white " onmouseover="this.style.background = ``" onmouseout="this.style.background =''" data-videosource="https://www.youtube-nocookie.com/embed/NPyRsCdQRBk?autohide=1&border=0&egm=0&showinfo=0&rel=0&autoplay=1" data-toggle="modal" data-target="#modal-video-viewer" data-controls="false" data-videoloop="false" data-autoplay="false" onclick="addCTAGA('', '', '', '<p>Watch the Video<\/p>\r\n')" tabindex="0"><p>Watch the Video</p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div> </div> </div> </div> <script> $(document).ready( function() { if("rgba(0,0,0,0.6)") { $('#backgroundColorOpacity_mainpar_carousel_copy_copy_carousel_1827204840_column_column1_opacitycomponent').css("background-color", "rgba(0,0,0,0.6)"); } if("200px") { $('#backgroundColorOpacity_mainpar_carousel_copy_copy_carousel_1827204840_column_column1_opacitycomponent').css("min-height", "200px"); } }) </script> </div> </div> </div> <div class=" col-md-6 "> <div class="container-inner"> </div> </div> </div> </div> </div> </div> </div> <div> <div id="opacityComponentMobileTablet_42fb4bbf5e744e2d9364225a31783c8b" class="opacityComponentMobileTablet"> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_42fb4bbf5e744e2d9364225a31783c8b').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_42fb4bbf5e744e2d9364225a31783c8b').addClass('bricksRow'); } }); </script> <script> $(document).ready(function(){ setBackgroundImage_42fb4bbf5e744e2d9364225a31783c8b(); }); $(window).resize(function(){ setBackgroundImage_42fb4bbf5e744e2d9364225a31783c8b(); }); function setBackgroundImage_42fb4bbf5e744e2d9364225a31783c8b() { var width = window.innerWidth; var image; if(width < 993 && width > 768 && ("\/content\/dam\/crown\/images\/en\u002Duk\/homepage\/hero\/lifetime\u002Dguarantee\u002Dside\u002Drestraints\u002Dm.jpg")) { image = ("/content/dam/crown/images/en-uk/homepage/hero/lifetime-guarantee-side-restraints-m.jpg"); } else if(width < 769 && ("\/content\/dam\/crown\/images\/en\u002Duk\/homepage\/hero\/lifetime\u002Dguarantee\u002Dside\u002Drestraints\u002Dm.jpg")) { image = ("/content/dam/crown/images/en-uk/homepage/hero/lifetime-guarantee-side-restraints-m.jpg"); } else { image = ("/content/dam/crown/images/en-uk/homepage/hero/lifetime-guarantee-side-restraints-dt.jpg"); } $('#bgImage_42fb4bbf5e744e2d9364225a31783c8b').css("background-image","url("+image+")"); } </script> <script> let opacityContent_mainpar_carousel_copy_copy_carousel_1827204840_column_column1_opacitycomponent = $('.backgroundColorOpacity_mainpar_carousel_copy_copy_carousel_1827204840_column_column1_opacitycomponent').html(); $(document).ready(function(){ toggleMobileDesktop_mainpar_carousel_copy_copy_carousel_1827204840_column_column1_opacitycomponent(); setOpacityComponentMinHeight_42fb4bbf5e744e2d9364225a31783c8b(); }); $(window).resize(function(){ toggleMobileDesktop_mainpar_carousel_copy_copy_carousel_1827204840_column_column1_opacitycomponent(); setOpacityComponentMinHeight_42fb4bbf5e744e2d9364225a31783c8b(); }); function toggleMobileDesktop_mainpar_carousel_copy_copy_carousel_1827204840_column_column1_opacitycomponent() { let width = window.innerWidth; if(width<992) { $('.backgroundColorOpacity_mainpar_carousel_copy_copy_carousel_1827204840_column_column1_opacitycomponent').hide(); $('#opacityComponentMobileTablet_42fb4bbf5e744e2d9364225a31783c8b').html(opacityContent_mainpar_carousel_copy_copy_carousel_1827204840_column_column1_opacitycomponent); $('.backgroundColorOpacity_mainpar_carousel_copy_copy_carousel_1827204840_column_column1_opacitycomponent').html(""); } else { $('.backgroundColorOpacity_mainpar_carousel_copy_copy_carousel_1827204840_column_column1_opacitycomponent').show(); if(!$('.backgroundColorOpacity_mainpar_carousel_copy_copy_carousel_1827204840_column_column1_opacitycomponent').html()){ $('.backgroundColorOpacity_mainpar_carousel_copy_copy_carousel_1827204840_column_column1_opacitycomponent').html(opacityContent_mainpar_carousel_copy_copy_carousel_1827204840_column_column1_opacitycomponent); } $('#opacityComponentMobileTablet_42fb4bbf5e744e2d9364225a31783c8b').html(""); } } function setOpacityComponentMinHeight_42fb4bbf5e744e2d9364225a31783c8b() { let width = window.innerWidth; if(width<992) { if(width<768) { $('#opacityComponentMobileTablet_42fb4bbf5e744e2d9364225a31783c8b').css("min-height", "300px"); } else { $('#opacityComponentMobileTablet_42fb4bbf5e744e2d9364225a31783c8b').css("min-height", ""); } } } </script> </div> </div> </div> </div> </div> </div> <div> <script> var mySlick = $('#mainpar_carousel_copy_copy').slick({ infinite: true, slidesToShow: 1, slidesToScroll: 1, centerMode: false, arrows: true, autoplay: true, autoplaySpeed: 7000, dots: true }); //To pause carousel autoplay while watching a video $("#modal-video-viewer").on("show.bs.modal", function () { mySlick.slick('slickPause'); }); //To resume carousel autoplay when the video is closed $("#modal-video-viewer").on("hidden.bs.modal", function () { mySlick.slick('slickPlay'); }); </script> </div> </div> <script> $(document).ready(function() { let currentPage = window.location.href; let currentPagePath = '\/content\/en\u002Duk'; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && currentPagePath.split("/").length === 3) { $(".slick-prev").attr("onclick", "addCarouselGA('Previous', $('.slick-current').attr('data-slick-index'))"); $(".slick-next").attr("onclick", "addCarouselGA('Next', $('.slick-current').attr('data-slick-index'))"); for (i = 0; i < 6; i++){ $('#slick-slide-control0'+i).attr("onclick", "addCarouselGA('Select', " + i + ")"); } } if(false) { $(".slick-dots").addClass("dotOnBackgroundImage") } if(true) { $(".slick-dots").addClass("dotsOnOpacityContent"); } }); function addCarouselGA(eventAction, slickIndex) { let componentPath = '/content/en-uk/jcr:content/mainpar/carousel_copy_copy'; $.ajax({ url: componentPath + ".carouselGAevents", type: 'GET', data: { "slickIndex": parseInt(slickIndex) + 1, "resourcePath": '\/content\/en\u002Duk\/jcr:content\/mainpar\/carousel_copy_copy' } }).done(function(response) { if(window.dataLayer) { dataLayer.push({ 'event': 'homepage_banner_cycle_click', 'eventCategory': 'Homepage Banner Nav', 'eventAction': eventAction, 'eventLabel': response }); } }); } </script> </div> <div class="productslider"> <div class="container-fluid padding-4x-bottom"> <div class="container fullWidth"> <ul class="products"> <li> <a href="/en-uk/forklifts/pallet-trucks/hand-pallet-truck-pth.html" tabindex="0"> <div class="product"> <img src="/content/dam/crown/images/en-uk/homepage/forklifts/hand-pallet-trucks-hs.jpg" alt="Hand Pallet Trucks"/> <p>Hand Pallet Trucks</p> </div> </a> </li> <li> <a href="/en-uk/forklifts/pallet-trucks/pallet-truck-wp.html" tabindex="0"> <div class="product"> <img src="/content/dam/crown/images/en-uk/homepage/forklifts/electric-pallet-trucks-hs.jpg" alt="Electric Pallet Trucks"/> <p>Electric Pallet Trucks</p> </div> </a> </li> <li> <a href="/en-uk/forklifts/pallet-trucks/pallet-truck-wp.html" tabindex="0"> <div class="product"> <img src="/content/dam/crown/images/en-uk/homepage/forklifts/high-lift-pallet-trucks-hs.jpg" alt="High-Lift Pallet Trucks"/> <p>High-Lift Pallet Trucks</p> </div> </a> </li> <li> <a href="/en-uk/forklifts/pallet-trucks/platform-pallet-truck-wt.html" tabindex="0"> <div class="product"> <img src="/content/dam/crown/images/en-uk/homepage/forklifts/platform-pallet-trucks-hs.jpg" alt="Platform Pallet Trucks"/> <p>Platform Pallet Trucks</p> </div> </a> </li> <li> <a href="/en-uk/forklifts/pallet-trucks/ride-on-pallet-truck-rt.html" tabindex="0"> <div class="product"> <img src="/content/dam/crown/images/en-uk/homepage/forklifts/rider-pallet-trucks-hs.jpg" alt="Rider Pallet Trucks"/> <p>Rider Pallet Trucks</p> </div> </a> </li> <li> <a href="/en-uk/forklifts/order-pickers/order-picker-gpc.html" tabindex="0"> <div class="product"> <img src="/content/dam/crown/images/en-uk/homepage/forklifts/low-level-order-pickers-hs.jpg" alt="Low-Level Order Pickers"/> <p>Low-Level Order Pickers</p> </div> </a> </li> <li> <a href="/en-uk/forklifts/tow-tractor-tc.html" tabindex="0"> <div class="product"> <img src="/content/dam/crown/images/en-uk/homepage/forklifts/tow-tractors-hs.jpg" alt="Tow Tractors"/> <p>Tow Tractors</p> </div> </a> </li> <li> <a href="/en-uk/forklifts.html#stackers" tabindex="0"> <div class="product"> <img src="/content/dam/crown/images/en-uk/homepage/forklifts/pedestrian-stackers-hs.jpg" alt="Pedestrian Stackers"/> <p>Pedestrian Stackers</p> </div> </a> </li> <li> <a href="/en-uk/forklifts.html#stackers" tabindex="0"> <div class="product"> <img src="/content/dam/crown/images/en-uk/homepage/forklifts/platform-stackers.jpg" alt="Platform Stackers"/> <p>Platform Stackers</p> </div> </a> </li> <li> <a href="/en-uk/forklifts/stackers/double-stacker-ds-dt.html" tabindex="0"> <div class="product"> <img src="/content/dam/crown/images/en-uk/homepage/forklifts/double-stackers-hs.jpg" alt="Double Stackers"/> <p>Double Stackers</p> </div> </a> </li> <li> <a href="/en-uk/forklifts/stackers/heavy-duty-stackers-sh-shr-shc.html" tabindex="0"> <div class="product"> <img src="/content/dam/crown/images/en-uk/homepage/forklifts/heavy-duty-stackers-hs.jpg" alt="Heavy-Duty Stackers"/> <p>Heavy-Duty Stackers</p> </div> </a> </li> <li> <a href="/en-uk/forklifts/order-pickers/order-picker-with-mast-mpc.html" tabindex="0"> <div class="product"> <img src="/content/dam/crown/images/en-uk/homepage/forklifts/order-pickers-with-mast-hs.jpg" alt="Order Pickers with Mast"/> <p>Order Pickers with Mast</p> </div> </a> </li> <li> <a href="/en-uk/forklifts/order-pickers/work-assist-vehicle-wav.html" tabindex="0"> <div class="product"> <img src="/content/dam/crown/images/en-uk/homepage/forklifts/order-picker-wav.jpg" alt="Order Picker WAV"/> <p>Work Assist Vehicle</p> </div> </a> </li> <li> <a href="/en-uk/forklifts/order-pickers/mid-level-order-picker-lp.html" tabindex="0"> <div class="product"> <img src="/content/dam/crown/images/en-uk/homepage/forklifts/mid-level-order-pickers-hs.jpg" alt="Mid-Level Order Pickers"/> <p>Mid-Level Order Pickers</p> </div> </a> </li> <li> <a href="/en-uk/forklifts/order-pickers/high-level-order-picker-sp.html" tabindex="0"> <div class="product"> <img src="/content/dam/crown/images/en-uk/homepage/forklifts/high-level-order-pickers-hs.jpg" alt="High-Level Order Pickers"/> <p>High-Level Order Pickers</p> </div> </a> </li> <li> <a href="/en-uk/forklifts/vna-truck-tsp.html" tabindex="0"> <div class="product"> <img src="/content/dam/crown/images/en-uk/homepage/forklifts/vna-trucks-hs.jpg" alt="VNA Trucks"/> <p>VNA Trucks</p> </div> </a> </li> <li> <a href="/en-uk/forklifts/reach-trucks-esr.html" tabindex="0"> <div class="product"> <img src="/content/dam/crown/images/en-uk/homepage/forklifts/reach-trucks-hs.jpg" alt="Reach Trucks"/> <p>Reach Trucks</p> </div> </a> </li> <li> <a href="/en-uk/forklifts.html#counterbalanceforklifts" tabindex="0"> <div class="product"> <img src="/content/dam/crown/images/en-uk/homepage/forklifts/electric-forklifts-hs.jpg" alt="Electric Forklifts"/> <p>Electric Forklifts</p> </div> </a> </li> <li> <a href="/en-uk/forklifts/electric-counterbalance-forklifts/stand-up-forklift-rc.html" tabindex="0"> <div class="product"> <img src="/content/dam/crown/images/en-uk/homepage/forklifts/stand-up-forklifts-hs.jpg" alt="Electric Stand-Up Forklifts"/> <p>Electric Stand-Up Forklifts</p> </div> </a> </li> <li> <a href="/en-uk/forklifts/ic-counterbalance-forklifts/diesel-forklifts-cd.html" tabindex="0"> <div class="product"> <img src="/content/dam/crown/images/en-uk/homepage/forklifts/diesel-forklifts-hs.jpg" alt="Diesel Forklifts"/> <p>Diesel Forklifts</p> </div> </a> </li> <li> <a href="/en-uk/forklifts/ic-counterbalance-forklifts/gas-forklifts-cg.html" tabindex="0"> <div class="product"> <img src="/content/dam/crown/images/en-uk/homepage/forklifts/gas-forklifts-hs.jpg" alt="Gas Forklifts"/> <p>Gas Forklifts</p> </div> </a> </li> </ul> </div> </div> </div> <div class="column"> <div id="height_dbf4434c1288443bb8704a61a3d69abc" style="height: px"> <div class="container-fluid "> <div class="container "> <div id="bgImage_dbf4434c1288443bb8704a61a3d69abc" class="clearfix everyDevice text-black padding-2x-top padding-4x-bottom row" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class=" col-md-4 "> <div class="container-inner"> <div class="column"> <div id="height_d9a838234aeb422da48593aea2ac9e01" class="margin-2x-bottom" style="height: px"> <div class="container-fluid background-grey-lightestest "> <div class="background-grey-lightestest "> <div id="bgImage_d9a838234aeb422da48593aea2ac9e01" class="clearfix row-child background-grey-lightestest everyDevice text-black padding-2x-top padding-2x-bottom tabColumnBgFullWidthRow" 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"> <h4 style="text-align: center;">New<br> Forklifts</h4> <p style="text-align: center;">Explore our full line of innovative and durable forklift trucks.</p> <p style="text-align: center;"> </p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> <div class="calltoactionbutton"><div class="text-center "> <a href="/en-uk/forklifts.html" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" onclick="addCTAGA('', '', '', '<p>Explore<\/p>\r\n')" tabindex="0"><p>Explore</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_d9a838234aeb422da48593aea2ac9e01').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_d9a838234aeb422da48593aea2ac9e01').addClass('bricksRow'); } }); </script> </div> </div> </div> <div class=" col-md-4 "> <div class="container-inner"> <div class="column"> <div id="height_9799172dcac740bc939ec901dfe7819d" class="margin-2x-bottom" style="height: px"> <div class="container-fluid background-grey-lightestest "> <div class="background-grey-lightestest "> <div id="bgImage_9799172dcac740bc939ec901dfe7819d" class="clearfix row-child background-grey-lightestest everyDevice text-black padding-2x-top padding-2x-bottom tabColumnBgFullWidthRow" 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"> <h4 style="text-align: center;">Forklift<br> Rentals</h4> <p style="text-align: center;">A full fleet of lift trucks for virtually any application is available for short and long term 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 "> <a href="/en-uk/forklift-rental.html" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" onclick="addCTAGA('', '', '', '<p>Explore<\/p>\r\n')" tabindex="0"><p>Explore</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_9799172dcac740bc939ec901dfe7819d').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_9799172dcac740bc939ec901dfe7819d').addClass('bricksRow'); } }); </script> </div> </div> </div> <div class=" col-md-4 "> <div class="container-inner"> <div class="column"> <div id="height_c2b1976d28904b578b8d5ff7e1ad8938" class="margin-2x-bottom" style="height: px"> <div class="container-fluid background-grey-lightestest "> <div class="background-grey-lightestest "> <div id="bgImage_c2b1976d28904b578b8d5ff7e1ad8938" class="clearfix row-child background-grey-lightestest everyDevice text-black padding-2x-top padding-2x-bottom tabColumnBgFullWidthRow" 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"> <h4 style="text-align: center;">Used<br> Forklifts</h4> <p style="text-align: center;">Our wide selection of refurbished and used forklifts meet our safety and performance standards.</p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> <div class="calltoactionbutton"><div class="text-center "> <a href="/en-uk/used-forklifts.html" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" onclick="addCTAGA('', '', '', '<p>Explore<\/p>\r\n')" tabindex="0"><p>Explore</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_c2b1976d28904b578b8d5ff7e1ad8938').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_c2b1976d28904b578b8d5ff7e1ad8938').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_dbf4434c1288443bb8704a61a3d69abc').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_dbf4434c1288443bb8704a61a3d69abc').addClass('bricksRow'); } }); </script> </div> <div class="tabcomponent"> <div class="container-fluid text-black padding-2x-top "> <div class="container"> <div class="tabTitle">Smart Solutions</div> <div class="overwriteContainerPadding"> <div class="tabNavWrapper" id="tabNavWrapper_mainpar_tabcomponent_copy_co"> <nav class="tabsDisplay tabsDisplay_mainpar_tabcomponent_copy_co padding-2x-bottom" id="tabsDisplay_mainpar_tabcomponent_copy_co"> <ol class="tabsList" id="tabsList_mainpar_tabcomponent_copy_co" tabindex="0"> <li class="tab tab_mainpar_tabcomponent_copy_co" data-anchor="AllSolutions" onclick="triggerTabContent_mainpar_tabcomponent_copy_co(this)"> <a href="javascript: void(0);" tabindex="0">All Solutions</a> <div class="tabHighlight"></div> </li> <li class="tab tab_mainpar_tabcomponent_copy_co" data-anchor="EnergySolutions" onclick="triggerTabContent_mainpar_tabcomponent_copy_co(this)"> <a href="javascript: void(0);" tabindex="0">Energy Solutions</a> <div class="tabHighlight"></div> </li> <li class="tab tab_mainpar_tabcomponent_copy_co" data-anchor="ConnectedSolutions" onclick="triggerTabContent_mainpar_tabcomponent_copy_co(this)"> <a href="javascript: void(0);" tabindex="0">Connected Solutions</a> <div class="tabHighlight"></div> </li> <li class="tab tab_mainpar_tabcomponent_copy_co" data-anchor="AutomationSolutions" onclick="triggerTabContent_mainpar_tabcomponent_copy_co(this)"> <a href="javascript: void(0);" tabindex="0">Automation Solutions</a> <div class="tabHighlight"></div> </li> <li class="tab tab_mainpar_tabcomponent_copy_co" data-anchor="WarehouseSolutions" onclick="triggerTabContent_mainpar_tabcomponent_copy_co(this)"> <a href="javascript: void(0);" tabindex="0">Warehouse Solutions</a> <div class="tabHighlight"></div> </li> </ol> </nav> <button class="tabNavArrow prev" aria-label="previous item" aria-disabled="true" id="tabArrowPrev_mainpar_tabcomponent_copy_co"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"> <g> <g> <path d="M6.071 13c-.552 0-1-.448-1-1s.448-1 1-1h7V4c0-.552.448-1 1-1s1 .448 1 1v8c0 .513-.386.936-.883.993L14.07 13h-8z" transform="rotate(135 10.071 8)"></path> </g> </g> </svg> </button> <button class="tabNavArrow next" aria-label="next item" aria-disabled="true" id="tabArrowNext_mainpar_tabcomponent_copy_co"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"> <g> <g> <path d="M2.071 13c-.552 0-1-.448-1-1s.448-1 1-1h7V4c0-.552.448-1 1-1s1 .448 1 1v8c0 .513-.386.936-.883.993L10.07 13h-8z" transform="rotate(-45 6.071 8)"></path> </g> </g> </svg> </button> </div> </div> <div> <div id="mainpar_tabcomponent_copy_co"> <div id="AllSolutions" class="tabContent hideSpace tabContent_mainpar_tabcomponent_copy_co"> <div> <div> <div class="imagegridcomponent"> <div class="container-fluid"> <div class="container fullWidth "> <div> <div class="imageGrid titleheight_mainpar_tabcomponent_copy_co_tab_TabContentParsys_imagegridcomponent" data-titleheight='[".imageTitle_mainpar_tabcomponent_copy_co_tab_TabContentParsys_imagegridcomponent"]' id="imageGrid_mainpar_tabcomponent_copy_co_tab_TabContentParsys_imagegridcomponent"> <a href="/en-uk/v-force-energy-solutions.html" class="imageItem imageItem_mainpar_tabcomponent_copy_co_tab_TabContentParsys_imagegridcomponent" style="background-image: url('/content/dam/crown/images/en-uk/homepage/solutions/all-energy-solutions-4c.jpg');" tabindex="0"> <div class="imageTitle imageTitle_"><p class="titleText">Energy Solutions</p></div> </a> <a href="/en-uk/connected-solutions.html" class="imageItem imageItem_mainpar_tabcomponent_copy_co_tab_TabContentParsys_imagegridcomponent" style="background-image: url('/content/dam/crown/images/en-uk/homepage/solutions/all-fleet-management-4c.jpg');" tabindex="0"> <div class="imageTitle imageTitle_"><p class="titleText">Connected Solutions</p></div> </a> <a href="/en-uk/automation.html" class="imageItem imageItem_mainpar_tabcomponent_copy_co_tab_TabContentParsys_imagegridcomponent" style="background-image: url('/content/dam/crown/images/en-uk/homepage/solutions/all-automation-solutions-4c.jpg');" tabindex="0"> <div class="imageTitle imageTitle_"><p class="titleText">Automation Solutions</p></div> </a> <a href="/en-uk/warehouse-solutions-design.html" class="imageItem imageItem_mainpar_tabcomponent_copy_co_tab_TabContentParsys_imagegridcomponent" style="background-image: url('/content/dam/crown/images/en-uk/homepage/solutions/all-warehouse-solutions-4c.jpg');" tabindex="0"> <div class="imageTitle imageTitle_"><p class="titleText">Warehouse Solutions</p></div> </a> </div> </div> </div> </div> <script> function setTitleHeight_mainpar_tabcomponent_copy_co_tab_TabContentParsys_imagegridcomponent() { //This script is used to set equal imageTitle background height on all grid items irrespective of the text inside. $('.titleheight_mainpar_tabcomponent_copy_co_tab_TabContentParsys_imagegridcomponent').each(function() { let $this = $(this); let equalHeightSelectors = $this.data('titleheight'); $.each(equalHeightSelectors, function(index, value) { let min_height = 0; let $children = $this.find(value); $children.each(function() { let $titleheight = $(this); if($titleheight.height() > min_height) { min_height = $titleheight.height(); } }); $children.height(min_height); $(".playButton").css("margin-bottom", min_height+24); }); }); } $(document).ready(function() { setImageGridColumnWidth_mainpar_tabcomponent_copy_co_tab_TabContentParsys_imagegridcomponent(); }); $(window).resize(function(){ setImageGridColumnWidth_mainpar_tabcomponent_copy_co_tab_TabContentParsys_imagegridcomponent(); }); function setImageGridColumnWidth_mainpar_tabcomponent_copy_co_tab_TabContentParsys_imagegridcomponent() { let width = $(window).width(); let imageGridColumnWidth = "23%"; if((imageGridColumnWidth === "31.56%" && width < 769) || (imageGridColumnWidth === "23%" && width < 993)) { imageGridColumnWidth = "48.67%"; $('#imageGrid_mainpar_tabcomponent_copy_co_tab_TabContentParsys_imagegridcomponent').css("justify-content", "flex-start"); } else { $('#imageGrid_mainpar_tabcomponent_copy_co_tab_TabContentParsys_imagegridcomponent').css("justify-content", "center"); } $('.imageItem_mainpar_tabcomponent_copy_co_tab_TabContentParsys_imagegridcomponent').css("width", imageGridColumnWidth); } </script> </div> </div> </div> </div> <div id="EnergySolutions" class="tabContent hideSpace tabContent_mainpar_tabcomponent_copy_co"> <div> <div> <div class="imagegridcomponent"> <div class="container-fluid"> <div class="container fullWidth "> <div> <div class="imageGrid titleheight_mainpar_tabcomponent_copy_co_tab_1876142653_TabContentParsys_imagegridcomponent" data-titleheight='[".imageTitle_mainpar_tabcomponent_copy_co_tab_1876142653_TabContentParsys_imagegridcomponent"]' id="imageGrid_mainpar_tabcomponent_copy_co_tab_1876142653_TabContentParsys_imagegridcomponent"> <a href="/en-uk/batteries-and-chargers/lithium-ion-battery.html" class="imageItem imageItem_mainpar_tabcomponent_copy_co_tab_1876142653_TabContentParsys_imagegridcomponent" style="background-image: url('/content/dam/crown/images/en-uk/homepage/solutions/li-ion-energy-systems-3c.jpg');" tabindex="0"> <div class="imageTitle imageTitle_"><p class="titleText">Lithium-Ion Energy Systems</p></div> </a> <a href="/en-uk/batteries-and-chargers.html" class="imageItem imageItem_mainpar_tabcomponent_copy_co_tab_1876142653_TabContentParsys_imagegridcomponent" style="background-image: url('/content/dam/crown/images/en-uk/homepage/solutions/battery-chargers-accessories-3c.jpg');" tabindex="0"> <div class="imageTitle imageTitle_"><p class="titleText">Batteries, Chargers & Accessories</p></div> </a> <a href="/en-uk/service-parts/forklift-battery-charger-maintenance.html" target="_blank" class="imageItem imageItem_mainpar_tabcomponent_copy_co_tab_1876142653_TabContentParsys_imagegridcomponent" style="background-image: url('/content/dam/crown/images/en-uk/homepage/solutions/battery-charger-maintenance-3c.jpg');" tabindex="0"> <div class="imageTitle imageTitle_"><p class="titleText">Battery & Charger Maintenance</p></div> </a> </div> </div> </div> </div> <script> function setTitleHeight_mainpar_tabcomponent_copy_co_tab_1876142653_TabContentParsys_imagegridcomponent() { //This script is used to set equal imageTitle background height on all grid items irrespective of the text inside. $('.titleheight_mainpar_tabcomponent_copy_co_tab_1876142653_TabContentParsys_imagegridcomponent').each(function() { let $this = $(this); let equalHeightSelectors = $this.data('titleheight'); $.each(equalHeightSelectors, function(index, value) { let min_height = 0; let $children = $this.find(value); $children.each(function() { let $titleheight = $(this); if($titleheight.height() > min_height) { min_height = $titleheight.height(); } }); $children.height(min_height); $(".playButton").css("margin-bottom", min_height+24); }); }); } $(document).ready(function() { setImageGridColumnWidth_mainpar_tabcomponent_copy_co_tab_1876142653_TabContentParsys_imagegridcomponent(); }); $(window).resize(function(){ setImageGridColumnWidth_mainpar_tabcomponent_copy_co_tab_1876142653_TabContentParsys_imagegridcomponent(); }); function setImageGridColumnWidth_mainpar_tabcomponent_copy_co_tab_1876142653_TabContentParsys_imagegridcomponent() { let width = $(window).width(); let imageGridColumnWidth = "31.56%"; if((imageGridColumnWidth === "31.56%" && width < 769) || (imageGridColumnWidth === "23%" && width < 993)) { imageGridColumnWidth = "48.67%"; $('#imageGrid_mainpar_tabcomponent_copy_co_tab_1876142653_TabContentParsys_imagegridcomponent').css("justify-content", "flex-start"); } else { $('#imageGrid_mainpar_tabcomponent_copy_co_tab_1876142653_TabContentParsys_imagegridcomponent').css("justify-content", "center"); } $('.imageItem_mainpar_tabcomponent_copy_co_tab_1876142653_TabContentParsys_imagegridcomponent').css("width", imageGridColumnWidth); } </script> </div> </div> </div> </div> <div id="ConnectedSolutions" class="tabContent hideSpace tabContent_mainpar_tabcomponent_copy_co"> <div> <div> <div class="imagegridcomponent"> <div class="container-fluid"> <div class="container fullWidth "> <div> <div class="imageGrid titleheight_mainpar_tabcomponent_copy_co_tab_876278030_TabContentParsys_imagegridcomponent" data-titleheight='[".imageTitle_mainpar_tabcomponent_copy_co_tab_876278030_TabContentParsys_imagegridcomponent"]' id="imageGrid_mainpar_tabcomponent_copy_co_tab_876278030_TabContentParsys_imagegridcomponent"> <a href="/en-uk/fleet-management/forklift-fleet-management-infolink.html" class="imageItem imageItem_mainpar_tabcomponent_copy_co_tab_876278030_TabContentParsys_imagegridcomponent" style="background-image: url('/content/dam/crown/images/en-uk/homepage/solutions/operator-fleet-management-2c.jpg');" tabindex="0"> <div class="imageTitle imageTitle_"><p class="titleText">Operator and Fleet Management</p></div> </a> <a href="/en-uk/fleet-management/forklift-fleet-cost-management-fleetstats.html" class="imageItem imageItem_mainpar_tabcomponent_copy_co_tab_876278030_TabContentParsys_imagegridcomponent" style="background-image: url('/content/dam/crown/images/en-uk/homepage/solutions/fleet-maintenance-management-2c.jpg');" tabindex="0"> <div class="imageTitle imageTitle_"><p class="titleText">Fleet Maintenance Management</p></div> </a> </div> </div> </div> </div> <script> function setTitleHeight_mainpar_tabcomponent_copy_co_tab_876278030_TabContentParsys_imagegridcomponent() { //This script is used to set equal imageTitle background height on all grid items irrespective of the text inside. $('.titleheight_mainpar_tabcomponent_copy_co_tab_876278030_TabContentParsys_imagegridcomponent').each(function() { let $this = $(this); let equalHeightSelectors = $this.data('titleheight'); $.each(equalHeightSelectors, function(index, value) { let min_height = 0; let $children = $this.find(value); $children.each(function() { let $titleheight = $(this); if($titleheight.height() > min_height) { min_height = $titleheight.height(); } }); $children.height(min_height); $(".playButton").css("margin-bottom", min_height+24); }); }); } $(document).ready(function() { setImageGridColumnWidth_mainpar_tabcomponent_copy_co_tab_876278030_TabContentParsys_imagegridcomponent(); }); $(window).resize(function(){ setImageGridColumnWidth_mainpar_tabcomponent_copy_co_tab_876278030_TabContentParsys_imagegridcomponent(); }); function setImageGridColumnWidth_mainpar_tabcomponent_copy_co_tab_876278030_TabContentParsys_imagegridcomponent() { let width = $(window).width(); let imageGridColumnWidth = "48.67%"; if((imageGridColumnWidth === "31.56%" && width < 769) || (imageGridColumnWidth === "23%" && width < 993)) { imageGridColumnWidth = "48.67%"; $('#imageGrid_mainpar_tabcomponent_copy_co_tab_876278030_TabContentParsys_imagegridcomponent').css("justify-content", "flex-start"); } else { $('#imageGrid_mainpar_tabcomponent_copy_co_tab_876278030_TabContentParsys_imagegridcomponent').css("justify-content", "center"); } $('.imageItem_mainpar_tabcomponent_copy_co_tab_876278030_TabContentParsys_imagegridcomponent').css("width", imageGridColumnWidth); } </script> </div> </div> </div> </div> <div id="AutomationSolutions" class="tabContent hideSpace tabContent_mainpar_tabcomponent_copy_co"> <div> <div> <div class="imagegridcomponent"> <div class="container-fluid"> <div class="container fullWidth "> <div> <div class="imageGrid titleheight_mainpar_tabcomponent_copy_co_tab_1867127141_TabContentParsys_imagegridcomponent" data-titleheight='[".imageTitle_mainpar_tabcomponent_copy_co_tab_1867127141_TabContentParsys_imagegridcomponent"]' id="imageGrid_mainpar_tabcomponent_copy_co_tab_1867127141_TabContentParsys_imagegridcomponent"> <a href="/en-uk/forklifts/order-picking-technology-quickpick.html" class="imageItem imageItem_mainpar_tabcomponent_copy_co_tab_1867127141_TabContentParsys_imagegridcomponent" style="background-image: url('/content/dam/crown/images/en-uk/homepage/solutions/semi-automated-order-picking-2c.jpg');" tabindex="0"> <div class="imageTitle imageTitle_"><p class="titleText">Semi-Automated Order Picking</p></div> </a> <a href="/en-uk/forklifts/vna-truck-tsp.html#aps" class="imageItem imageItem_mainpar_tabcomponent_copy_co_tab_1867127141_TabContentParsys_imagegridcomponent" style="background-image: url('/content/dam/crown/images/en-uk/homepage/solutions/vna-truck-auto-positioning-2c-2.jpg');" tabindex="0"> <div class="imageTitle imageTitle_"><p class="titleText">Auto Positioning</p></div> </a> </div> </div> </div> </div> <script> function setTitleHeight_mainpar_tabcomponent_copy_co_tab_1867127141_TabContentParsys_imagegridcomponent() { //This script is used to set equal imageTitle background height on all grid items irrespective of the text inside. $('.titleheight_mainpar_tabcomponent_copy_co_tab_1867127141_TabContentParsys_imagegridcomponent').each(function() { let $this = $(this); let equalHeightSelectors = $this.data('titleheight'); $.each(equalHeightSelectors, function(index, value) { let min_height = 0; let $children = $this.find(value); $children.each(function() { let $titleheight = $(this); if($titleheight.height() > min_height) { min_height = $titleheight.height(); } }); $children.height(min_height); $(".playButton").css("margin-bottom", min_height+24); }); }); } $(document).ready(function() { setImageGridColumnWidth_mainpar_tabcomponent_copy_co_tab_1867127141_TabContentParsys_imagegridcomponent(); }); $(window).resize(function(){ setImageGridColumnWidth_mainpar_tabcomponent_copy_co_tab_1867127141_TabContentParsys_imagegridcomponent(); }); function setImageGridColumnWidth_mainpar_tabcomponent_copy_co_tab_1867127141_TabContentParsys_imagegridcomponent() { let width = $(window).width(); let imageGridColumnWidth = "48.67%"; if((imageGridColumnWidth === "31.56%" && width < 769) || (imageGridColumnWidth === "23%" && width < 993)) { imageGridColumnWidth = "48.67%"; $('#imageGrid_mainpar_tabcomponent_copy_co_tab_1867127141_TabContentParsys_imagegridcomponent').css("justify-content", "flex-start"); } else { $('#imageGrid_mainpar_tabcomponent_copy_co_tab_1867127141_TabContentParsys_imagegridcomponent').css("justify-content", "center"); } $('.imageItem_mainpar_tabcomponent_copy_co_tab_1867127141_TabContentParsys_imagegridcomponent').css("width", imageGridColumnWidth); } </script> </div> </div> </div> </div> <div id="WarehouseSolutions" class="tabContent hideSpace tabContent_mainpar_tabcomponent_copy_co"> <div> <div> <div class="imagegridcomponent"> <div class="container-fluid"> <div class="container fullWidth "> <div> <div class="imageGrid titleheight_mainpar_tabcomponent_copy_co_tab_1503420002_TabContentParsys_imagegridcomponent" data-titleheight='[".imageTitle_mainpar_tabcomponent_copy_co_tab_1503420002_TabContentParsys_imagegridcomponent"]' id="imageGrid_mainpar_tabcomponent_copy_co_tab_1503420002_TabContentParsys_imagegridcomponent"> <a href="/en-uk/warehouse-solutions-design.html" class="imageItem imageItem_mainpar_tabcomponent_copy_co_tab_1503420002_TabContentParsys_imagegridcomponent" style="background-image: url('/content/dam/crown/images/en-uk/homepage/solutions/warehouse-design-3c.jpg');" tabindex="0"> <div class="imageTitle imageTitle_"><p class="titleText">Warehouse Design</p></div> </a> <a href="/en-uk/warehouse-solutions-products.html" class="imageItem imageItem_mainpar_tabcomponent_copy_co_tab_1503420002_TabContentParsys_imagegridcomponent" style="background-image: url('/content/dam/crown/images/en-uk/homepage/solutions/warehouse-solutions-racking-3c.jpg');" tabindex="0"> <div class="imageTitle imageTitle_"><p class="titleText">Racking & Storage</p></div> </a> <a href="/en-uk/warehouse-solutions-products.html" class="imageItem imageItem_mainpar_tabcomponent_copy_co_tab_1503420002_TabContentParsys_imagegridcomponent" style="background-image: url('/content/dam/crown/images/en-uk/homepage/solutions/warehouse-products-3c.jpg');" tabindex="0"> <div class="imageTitle imageTitle_"><p class="titleText">Warehouse Products</p></div> </a> </div> </div> </div> </div> <script> function setTitleHeight_mainpar_tabcomponent_copy_co_tab_1503420002_TabContentParsys_imagegridcomponent() { //This script is used to set equal imageTitle background height on all grid items irrespective of the text inside. $('.titleheight_mainpar_tabcomponent_copy_co_tab_1503420002_TabContentParsys_imagegridcomponent').each(function() { let $this = $(this); let equalHeightSelectors = $this.data('titleheight'); $.each(equalHeightSelectors, function(index, value) { let min_height = 0; let $children = $this.find(value); $children.each(function() { let $titleheight = $(this); if($titleheight.height() > min_height) { min_height = $titleheight.height(); } }); $children.height(min_height); $(".playButton").css("margin-bottom", min_height+24); }); }); } $(document).ready(function() { setImageGridColumnWidth_mainpar_tabcomponent_copy_co_tab_1503420002_TabContentParsys_imagegridcomponent(); }); $(window).resize(function(){ setImageGridColumnWidth_mainpar_tabcomponent_copy_co_tab_1503420002_TabContentParsys_imagegridcomponent(); }); function setImageGridColumnWidth_mainpar_tabcomponent_copy_co_tab_1503420002_TabContentParsys_imagegridcomponent() { let width = $(window).width(); let imageGridColumnWidth = "31.56%"; if((imageGridColumnWidth === "31.56%" && width < 769) || (imageGridColumnWidth === "23%" && width < 993)) { imageGridColumnWidth = "48.67%"; $('#imageGrid_mainpar_tabcomponent_copy_co_tab_1503420002_TabContentParsys_imagegridcomponent').css("justify-content", "flex-start"); } else { $('#imageGrid_mainpar_tabcomponent_copy_co_tab_1503420002_TabContentParsys_imagegridcomponent').css("justify-content", "center"); } $('.imageItem_mainpar_tabcomponent_copy_co_tab_1503420002_TabContentParsys_imagegridcomponent').css("width", imageGridColumnWidth); } </script> </div> </div> </div> </div> </div> </div> </div> </div> <script> $(document).ready(function() { let firstChildName = $('#tabsList_mainpar_tabcomponent_copy_co li:first').attr('data-anchor'); $("#" + firstChildName).css("display", "block"); $("#" + firstChildName).removeClass("hideSpace"); $('#tabsList_mainpar_tabcomponent_copy_co li:first').first().addClass("tabsActive"); let tabListWidth = document.getElementById('tabsList_mainpar_tabcomponent_copy_co').scrollWidth; let tabsDisplayWidth = document.getElementById('tabsDisplay_mainpar_tabcomponent_copy_co').offsetWidth; if(tabListWidth >= tabsDisplayWidth) { $("#tabNavWrapper_mainpar_tabcomponent_copy_co").addClass("scrollable"); $("#tabNavWrapper_mainpar_tabcomponent_copy_co .prev").addClass("isDisabled"); } // Below code handles swipe left and right in touch devices let tabItem = document.getElementById("mainpar_tabcomponent_copy_co"), swipeDir, startX, startY, distX, distY, threshold = 150, //required min distance traveled to be considered swipe restraint = 100, // maximum distance allowed at the same time in perpendicular direction allowedTime = 300, // maximum time allowed to travel that distance elapsedTime, startTime; tabItem.addEventListener('touchstart', function(e){ let touchObj = e.changedTouches[0]; swipeDir = 'none'; startX = touchObj.pageX; startY = touchObj.pageY; startTime = new Date().getTime(); // record time when finger first makes contact with surface }, false) tabItem.addEventListener('touchend', function(e){ let touchObj = e.changedTouches[0]; distX = touchObj.pageX - startX; // get horizontal dist traveled by finger while in contact with surface distY = touchObj.pageY - startY; // get vertical dist traveled by finger while in contact with surface elapsedTime = new Date().getTime() - startTime; // get time elapsed if (elapsedTime <= allowedTime){ // first condition for swipe met if (Math.abs(distX) >= threshold && Math.abs(distY) <= restraint){ // 2nd condition for horizontal swipe met swipeDir = (distX < 0)? 'left' : 'right'; // if dist traveled is negative, it indicates left swipe } } if(swipeDir === 'left') { let current = $('#tabsList_mainpar_tabcomponent_copy_co li.tabsActive'); if(current.attr('data-anchor') !== $('#tabsList_mainpar_tabcomponent_copy_co li:last').attr('data-anchor')) { current.next().trigger("click"); } } else if(swipeDir === 'right') { let current = $('#tabsList_mainpar_tabcomponent_copy_co li.tabsActive'); if(current.attr('data-anchor') !== $('#tabsList_mainpar_tabcomponent_copy_co li:first').attr('data-anchor')) { current.prev().trigger("click"); } } }, false) }); $(window).resize(function() { let tabListWidth = document.getElementById('tabsList_mainpar_tabcomponent_copy_co').scrollWidth; let tabsDisplayWidth = document.getElementById('tabsDisplay_mainpar_tabcomponent_copy_co').offsetWidth; if(tabListWidth >= tabsDisplayWidth) { $("#tabNavWrapper_mainpar_tabcomponent_copy_co").addClass("scrollable"); let myScrollPosition = $('#tabsList_mainpar_tabcomponent_copy_co li.tabsActive').offset().left + $('#tabsList_mainpar_tabcomponent_copy_co li.tabsActive').outerWidth(true) / 2 + $('#tabsDisplay_mainpar_tabcomponent_copy_co').scrollLeft() - $('#tabsDisplay_mainpar_tabcomponent_copy_co').width() / 2; $('#tabsDisplay_mainpar_tabcomponent_copy_co').scrollLeft(myScrollPosition); } else { $("#tabNavWrapper_mainpar_tabcomponent_copy_co").removeClass("scrollable"); } }); $("#tabsDisplay_mainpar_tabcomponent_copy_co").scroll(function() { let newScrollLeft = $('#tabsDisplay_mainpar_tabcomponent_copy_co').scrollLeft(); let width = $('#tabsDisplay_mainpar_tabcomponent_copy_co').outerWidth(); let scrollWidth = $('#tabsDisplay_mainpar_tabcomponent_copy_co').get(0).scrollWidth; if(newScrollLeft < 50) { $("#tabNavWrapper_mainpar_tabcomponent_copy_co .prev").addClass("isDisabled"); } else { $("#tabNavWrapper_mainpar_tabcomponent_copy_co .prev").removeClass("isDisabled"); } if(width + newScrollLeft >= scrollWidth) { $("#tabNavWrapper_mainpar_tabcomponent_copy_co .next").addClass("isDisabled"); } else { $("#tabNavWrapper_mainpar_tabcomponent_copy_co .next").removeClass("isDisabled"); } }); $("#tabArrowPrev_mainpar_tabcomponent_copy_co").on('click', function() { $('.tabsDisplay_mainpar_tabcomponent_copy_co').animate({ scrollLeft: $('.tabsDisplay_mainpar_tabcomponent_copy_co').scrollLeft() - 100 }, 300); }); $("#tabArrowNext_mainpar_tabcomponent_copy_co").on('click', function() { $('.tabsDisplay_mainpar_tabcomponent_copy_co').animate({ scrollLeft: $('.tabsDisplay_mainpar_tabcomponent_copy_co').scrollLeft() + 100 }, 300); }); function triggerTabContent_mainpar_tabcomponent_copy_co(element) { if(!element.classList.contains('tabsActive')) { let selectedTabId = "#" + $(".tab_mainpar_tabcomponent_copy_co.tabsActive").get(0).getAttribute('data-anchor'); $(selectedTabId).stop().hide().fadeOut("400"); $(selectedTabId).addClass("hideSpace"); $(".tab_mainpar_tabcomponent_copy_co").removeClass("tabsActive"); $("#tabNavWrapper_mainpar_tabcomponent_copy_co .tabNavArrow").removeClass("isDisabled"); let anchorName = element.getAttribute('data-anchor'); element.classList.add("tabsActive"); let tabListWidth = document.getElementById('tabsList_mainpar_tabcomponent_copy_co').scrollWidth; let tabsDisplayWidth = document.getElementById('tabsDisplay_mainpar_tabcomponent_copy_co').offsetWidth; if(tabListWidth >= tabsDisplayWidth) { let myScrollPosition = $('#tabsList_mainpar_tabcomponent_copy_co li.tabsActive').offset().left + $('#tabsList_mainpar_tabcomponent_copy_co li.tabsActive').outerWidth(true) / 2 + $('#tabsDisplay_mainpar_tabcomponent_copy_co').scrollLeft() - $('#tabsDisplay_mainpar_tabcomponent_copy_co').width() / 2; $('#tabsDisplay_mainpar_tabcomponent_copy_co').scrollLeft(myScrollPosition); if($('#tabsList_mainpar_tabcomponent_copy_co li:first').attr('data-anchor') === anchorName) { $("#tabNavWrapper_mainpar_tabcomponent_copy_co .prev").addClass("isDisabled"); } else if($('#tabsList_mainpar_tabcomponent_copy_co li:last').attr('data-anchor') === anchorName) { $("#tabNavWrapper_mainpar_tabcomponent_copy_co .next").addClass("isDisabled"); } } let anchorId = "#" + anchorName; $(anchorId).stop().hide().fadeIn("400"); $(anchorId).removeClass("hideSpace"); //imagegrid title equal height let imageGridMaxHeight = 0; $('.imagegridcomponent .imageTitle:visible').each(function() { const imageTitleHeight = $(this).height(); imageGridMaxHeight = Math.max(imageGridMaxHeight, imageTitleHeight); }); $('.imagegridcomponent .imageTitle:visible').height(imageGridMaxHeight); $('.imagegridcomponent a.imageItem').hover( function() { $(this).find('.imageTitle').css("padding-bottom", imageGridMaxHeight * 2); }, function() { $(this).find('.imageTitle').css("padding-bottom", ""); }); $('.imagegridcomponent .imageTitle').height('auto'); } } </script></div> <div class="column"> <div id="height_1d70b3d24f0843b1863e7988edb00dff" style="height: px"> <div class="container-fluid "> <div class="container "> <div id="bgImage_1d70b3d24f0843b1863e7988edb00dff" class="clearfix everyDevice text-black padding-4x-top no-padding-bottom row" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class=" col-md-12 "> <div class="container-inner"> <div class="richtext"> <div class=" width-100 component-left"> <h3 style="text-align: center;">Crown Support</h3> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> </div> </div> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_1d70b3d24f0843b1863e7988edb00dff').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_1d70b3d24f0843b1863e7988edb00dff').addClass('bricksRow'); } }); </script> </div> <div class="quadlayout"> <div class="container-fluid no-padding-top padding-6x-bottom"> <div class="container "> <div class="parent"> <div class="child firstChild "> <div> <div class="textwithiconvertical"> <div> <div> <div class="text-column "> <a href="/en-uk/forklift-dealers.html" tabindex="0"> <div class="icon-column text-center "> <i class="fas fa-map-marker-alt fa-fw fa-4x text-orange"></i> </div> <div> <h5>Locate a Crown Dealer</h5> </div> </a> </div> </div> </div> </div> </div> </div> <div class="child "> <div> <div class="textwithiconvertical"> <div> <div> <div class="text-column "> <a href="/en-uk/service-parts/forklift-maintenance.html" tabindex="0"> <div class="icon-column text-center "> <i class="fas fa-wrench fa-fw fa-4x text-orange"></i> </div> <div> <h5>Forklift Service</h5> </div> </a> </div> </div> </div> </div> </div> </div> <div class="child thirdChild "> <div> <div class="textwithiconvertical"> <div> <div> <div class="text-column "> <a href="/en-uk/service-parts.html" tabindex="0"> <div class="icon-column text-center "> <i class="fas fa-cogs fa-fw fa-4x text-orange"></i> </div> <div> <h5>Forklift Parts & Accessories</h5> </div> </a> </div> </div> </div> </div> </div> </div> <div class="child "> <div> <div class="textwithiconvertical"> <div> <div> <div class="text-column "> <a href="/en-uk/safety-training.html" tabindex="0"> <div class="icon-column text-center "> <i class="fas fa-users fa-fw fa-4x text-orange"></i> </div> <div> <h5>Safety & Training</h5> </div> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="column"> <div id="height_d3512ca76bd94a938c931392d98e9e4b" style="height: px"> <div class="container-fluid "> <div class="container "> <div id="bgImage_d3512ca76bd94a938c931392d98e9e4b" class="clearfix 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-6 "> <div class="container-inner"> <div class="opacitycomponent"> <div class="padding-2x-left padding-2x-right "> <div class="backgroundCSS backgroundColorOpacity_mainpar_column_copy_54950578_column1_opacitycomponent" id="backgroundColorOpacity_mainpar_column_copy_54950578_column1_opacitycomponent"> <div><div class="RichText richtext"> <div class=" width-100 component-left"> <h2 style="text-align: center;">Keep Your Career Moving with Crown</h2> <p style="text-align: center;">Work with passionate people.<br /> Be inspired by innovation.<br /> A world of opportunity awaits.</p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> <div><div class="text-center "> <a href="https://crownltd.career.softgarden.de" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" target="_blank" onclick="addCTAGA('', '', '', '<p>Join the Crown Team<\/p>\r\n')" tabindex="0"><p>Join the Crown Team</p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div><div class=" "> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div> </div> </div> </div> <script> $(document).ready( function() { if("rgba(0,0,0,0.7)") { $('#backgroundColorOpacity_mainpar_column_copy_54950578_column1_opacitycomponent').css("background-color", "rgba(0,0,0,0.7)"); } if("") { $('#backgroundColorOpacity_mainpar_column_copy_54950578_column1_opacitycomponent').css("min-height", ""); } }) </script> </div> </div> </div> <div class=" col-md-6 "> <div class="container-inner"> </div> </div> </div> </div> </div> <div> <div id="opacityComponentMobileTablet_d3512ca76bd94a938c931392d98e9e4b" class="opacityComponentMobileTablet"> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_d3512ca76bd94a938c931392d98e9e4b').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_d3512ca76bd94a938c931392d98e9e4b').addClass('bricksRow'); } }); </script> <script> $(document).ready(function(){ setBackgroundImage_d3512ca76bd94a938c931392d98e9e4b(); }); $(window).resize(function(){ setBackgroundImage_d3512ca76bd94a938c931392d98e9e4b(); }); function setBackgroundImage_d3512ca76bd94a938c931392d98e9e4b() { var width = window.innerWidth; var image; if(width < 993 && width > 768 && ("")) { image = (""); } else if(width < 769 && ("\/content\/dam\/crown\/images\/en\u002Duk\/homepage\/discover\u002Dcrown\/careers\u002Dcrown\u002Dlift\u002Dtrucks\u002Dm.jpg")) { image = ("/content/dam/crown/images/en-uk/homepage/discover-crown/careers-crown-lift-trucks-m.jpg"); } else { image = ("/content/dam/crown/images/en-uk/homepage/discover-crown/careers-crown-lift-trucks.jpg"); } $('#bgImage_d3512ca76bd94a938c931392d98e9e4b').css("background-image","url("+image+")"); } </script> <script> $(document).ready(function(){ setColumnHeight_d3512ca76bd94a938c931392d98e9e4b(); }); $(window).resize(function(){ setColumnHeight_d3512ca76bd94a938c931392d98e9e4b(); }); function setColumnHeight_d3512ca76bd94a938c931392d98e9e4b() { let width = window.innerWidth; let columnHeight; if(width < 992 && width > 768) { columnHeight = ""; if($("#bgImage" + "_d3512ca76bd94a938c931392d98e9e4b").hasClass('row-child')){ $("#bgImage" + "_d3512ca76bd94a938c931392d98e9e4b").removeClass('row-child'); } } else if(width < 769) { columnHeight = "200"; if($("#bgImage" + "_d3512ca76bd94a938c931392d98e9e4b").hasClass('row-child')){ $("#bgImage" + "_d3512ca76bd94a938c931392d98e9e4b").removeClass('row-child'); } } else if(width >= 992) { columnHeight = ""; if(!$("#bgImage" + "_d3512ca76bd94a938c931392d98e9e4b").hasClass('row-child')){ $("#bgImage" + "_d3512ca76bd94a938c931392d98e9e4b").addClass('row-child'); } } $('#height_d3512ca76bd94a938c931392d98e9e4b .container-fluid').css("height",columnHeight+"px"); $("#bgImage" + "_d3512ca76bd94a938c931392d98e9e4b").css("height",columnHeight); } </script> <script> let opacityContent_mainpar_column_copy_54950578_column1_opacitycomponent = $('.backgroundColorOpacity_mainpar_column_copy_54950578_column1_opacitycomponent').html(); $(document).ready(function(){ toggleMobileDesktop_mainpar_column_copy_54950578_column1_opacitycomponent(); setOpacityComponentMinHeight_d3512ca76bd94a938c931392d98e9e4b(); }); $(window).resize(function(){ toggleMobileDesktop_mainpar_column_copy_54950578_column1_opacitycomponent(); setOpacityComponentMinHeight_d3512ca76bd94a938c931392d98e9e4b(); }); function toggleMobileDesktop_mainpar_column_copy_54950578_column1_opacitycomponent() { let width = window.innerWidth; if(width<992) { $('.backgroundColorOpacity_mainpar_column_copy_54950578_column1_opacitycomponent').hide(); $('#opacityComponentMobileTablet_d3512ca76bd94a938c931392d98e9e4b').html(opacityContent_mainpar_column_copy_54950578_column1_opacitycomponent); $('.backgroundColorOpacity_mainpar_column_copy_54950578_column1_opacitycomponent').html(""); } else { $('.backgroundColorOpacity_mainpar_column_copy_54950578_column1_opacitycomponent').show(); if(!$('.backgroundColorOpacity_mainpar_column_copy_54950578_column1_opacitycomponent').html()){ $('.backgroundColorOpacity_mainpar_column_copy_54950578_column1_opacitycomponent').html(opacityContent_mainpar_column_copy_54950578_column1_opacitycomponent); } $('#opacityComponentMobileTablet_d3512ca76bd94a938c931392d98e9e4b').html(""); } } function setOpacityComponentMinHeight_d3512ca76bd94a938c931392d98e9e4b() { let width = window.innerWidth; if(width<992) { if(width<768) { $('#opacityComponentMobileTablet_d3512ca76bd94a938c931392d98e9e4b').css("min-height", ""); } else { $('#opacityComponentMobileTablet_d3512ca76bd94a938c931392d98e9e4b').css("min-height", ""); } } } </script> </div> <div class="tabcomponent"> <div class="fullWidth text-black padding-6x-top "> <div> <div class="tabTitle">Discover Crown</div> <div> <div class="tabNavWrapper" id="tabNavWrapper_mainpar_tabcomponent_5551099"> <nav class="tabsDisplay tabsDisplay_mainpar_tabcomponent_5551099 padding-2x-bottom" id="tabsDisplay_mainpar_tabcomponent_5551099"> <ol class="tabsList" id="tabsList_mainpar_tabcomponent_5551099" tabindex="0"> <li class="tab tab_mainpar_tabcomponent_5551099" data-anchor="OurCompany" onclick="triggerTabContent_mainpar_tabcomponent_5551099(this)"> <a href="javascript: void(0);" tabindex="0">Our Company</a> <div class="tabHighlight"></div> </li> <li class="tab tab_mainpar_tabcomponent_5551099" data-anchor="Innovation" onclick="triggerTabContent_mainpar_tabcomponent_5551099(this)"> <a href="javascript: void(0);" tabindex="0">Innovation</a> <div class="tabHighlight"></div> </li> <li class="tab tab_mainpar_tabcomponent_5551099" data-anchor="News" onclick="triggerTabContent_mainpar_tabcomponent_5551099(this)"> <a href="javascript: void(0);" tabindex="0">News</a> <div class="tabHighlight"></div> </li> <li class="tab tab_mainpar_tabcomponent_5551099" data-anchor="CustomerResults" onclick="triggerTabContent_mainpar_tabcomponent_5551099(this)"> <a href="javascript: void(0);" tabindex="0">Customer Results</a> <div class="tabHighlight"></div> </li> </ol> </nav> <button class="tabNavArrow prev" aria-label="previous item" aria-disabled="true" id="tabArrowPrev_mainpar_tabcomponent_5551099"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"> <g> <g> <path d="M6.071 13c-.552 0-1-.448-1-1s.448-1 1-1h7V4c0-.552.448-1 1-1s1 .448 1 1v8c0 .513-.386.936-.883.993L14.07 13h-8z" transform="rotate(135 10.071 8)"></path> </g> </g> </svg> </button> <button class="tabNavArrow next" aria-label="next item" aria-disabled="true" id="tabArrowNext_mainpar_tabcomponent_5551099"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"> <g> <g> <path d="M2.071 13c-.552 0-1-.448-1-1s.448-1 1-1h7V4c0-.552.448-1 1-1s1 .448 1 1v8c0 .513-.386.936-.883.993L10.07 13h-8z" transform="rotate(-45 6.071 8)"></path> </g> </g> </svg> </button> </div> </div> <div> <div id="mainpar_tabcomponent_5551099"> <div id="OurCompany" class="tabContent hideSpace tabContent_mainpar_tabcomponent_5551099"> <div> <div> <div class="column"> <div id="height_d8b0c10653c7454c9bcd30a851a6cfbe" style="height: px"> <div class=" "> <div class="fullWidth "> <div id="bgImage_d8b0c10653c7454c9bcd30a851a6cfbe" class="clearfix everyDevice text-white container-vertical-aligned padding-8x-top padding-8x-bottom tabColumnBgFullWidthRow" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class="container-fluid"> <div class="container"> <div class="float-right col-md-6 vertical-align-middle"> <div class="container-inner"> <div class="opacitycomponent"> <div class=" "> <div class="backgroundCSS backgroundColorOpacity_mainpar_tabcomponent_5551099_tab_TabContentParsys_column_column1_opacitycomponent" id="backgroundColorOpacity_mainpar_tabcomponent_5551099_tab_TabContentParsys_column_column1_opacitycomponent"> <div><div class="RichText richtext"> <div class=" width-100 component-left"> <h2 style="text-align: center;">Defining the Future of Material Handling</h2> <p style="text-align: center;">Customers and industry experts agree — Crown has a reputation for award-winning product design, advanced engineering and technology, and commitment to sustainability.<br> </p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> <div><div class="text-center "> <a href="/en-uk/about-crown.html" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" onclick="addCTAGA('', '', '', '<p>Learn More<\/p>\r\n')" tabindex="0"><p>Learn More</p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div><div class=" "> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div> </div> </div> </div> <script> $(document).ready( function() { if("rgba(0,0,0,0.7)") { $('#backgroundColorOpacity_mainpar_tabcomponent_5551099_tab_TabContentParsys_column_column1_opacitycomponent').css("background-color", "rgba(0,0,0,0.7)"); } if("") { $('#backgroundColorOpacity_mainpar_tabcomponent_5551099_tab_TabContentParsys_column_column1_opacitycomponent').css("min-height", ""); } }) </script> </div> </div> </div> <div class="float-right col-md-6 vertical-align-middle"> <div class="container-inner"> <div class="richtext"> <div class=" padding-8x-top padding-8x-bottom width-100 component-left"> <p> </p> <p> </p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> </div> </div> </div> </div> </div> </div> <div> <div id="opacityComponentMobileTablet_d8b0c10653c7454c9bcd30a851a6cfbe" class="opacityComponentMobileTablet"> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_d8b0c10653c7454c9bcd30a851a6cfbe').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_d8b0c10653c7454c9bcd30a851a6cfbe').addClass('bricksRow'); } }); </script> <div> <script> $(document).ready(function() { var tallestColumnHeight = 0; $('.container-vertical-aligned').find('.col-vertical-aligned').each(function() { var $this = $(this); if(tallestColumnHeight < $this.height()) { tallestColumnHeight = $this.height(); } }); $('.container-vertical-aligned').find('.col-vertical-aligned').height(tallestColumnHeight); }) </script> </div> <script> $(document).ready(function(){ setBackgroundImage_d8b0c10653c7454c9bcd30a851a6cfbe(); }); $(window).resize(function(){ setBackgroundImage_d8b0c10653c7454c9bcd30a851a6cfbe(); }); function setBackgroundImage_d8b0c10653c7454c9bcd30a851a6cfbe() { var width = window.innerWidth; var image; if(width < 993 && width > 768 && ("\/content\/dam\/crown\/images\/en\u002Duk\/homepage\/discover\u002Dcrown\/discover\u002Dcrown\u002Dlift\u002Dtrucks\u002Dm.jpg")) { image = ("/content/dam/crown/images/en-uk/homepage/discover-crown/discover-crown-lift-trucks-m.jpg"); } else if(width < 769 && ("\/content\/dam\/crown\/images\/en\u002Duk\/homepage\/discover\u002Dcrown\/discover\u002Dcrown\u002Dlift\u002Dtrucks\u002Dm.jpg")) { image = ("/content/dam/crown/images/en-uk/homepage/discover-crown/discover-crown-lift-trucks-m.jpg"); } else { image = ("/content/dam/crown/images/en-uk/homepage/discover-crown/discover-crown-lift-trucks.jpg"); } $('#bgImage_d8b0c10653c7454c9bcd30a851a6cfbe').css("background-image","url("+image+")"); } </script> <script> $(document).ready(function(){ setColumnHeight_d8b0c10653c7454c9bcd30a851a6cfbe(); }); $(window).resize(function(){ setColumnHeight_d8b0c10653c7454c9bcd30a851a6cfbe(); }); function setColumnHeight_d8b0c10653c7454c9bcd30a851a6cfbe() { let width = window.innerWidth; let columnHeight; if(width < 992 && width > 768) { columnHeight = ""; if($("#bgImage" + "_d8b0c10653c7454c9bcd30a851a6cfbe").hasClass('row-child')){ $("#bgImage" + "_d8b0c10653c7454c9bcd30a851a6cfbe").removeClass('row-child'); } } else if(width < 769) { columnHeight = "200"; if($("#bgImage" + "_d8b0c10653c7454c9bcd30a851a6cfbe").hasClass('row-child')){ $("#bgImage" + "_d8b0c10653c7454c9bcd30a851a6cfbe").removeClass('row-child'); } } else if(width >= 992) { columnHeight = ""; if(!$("#bgImage" + "_d8b0c10653c7454c9bcd30a851a6cfbe").hasClass('row-child')){ $("#bgImage" + "_d8b0c10653c7454c9bcd30a851a6cfbe").addClass('row-child'); } } $('#height_d8b0c10653c7454c9bcd30a851a6cfbe .container-fluid').css("height",columnHeight+"px"); $("#bgImage" + "_d8b0c10653c7454c9bcd30a851a6cfbe").css("height",columnHeight); } </script> <script> let opacityContent_mainpar_tabcomponent_5551099_tab_TabContentParsys_column_column1_opacitycomponent = $('.backgroundColorOpacity_mainpar_tabcomponent_5551099_tab_TabContentParsys_column_column1_opacitycomponent').html(); $(document).ready(function(){ toggleMobileDesktop_mainpar_tabcomponent_5551099_tab_TabContentParsys_column_column1_opacitycomponent(); setOpacityComponentMinHeight_d8b0c10653c7454c9bcd30a851a6cfbe(); }); $(window).resize(function(){ toggleMobileDesktop_mainpar_tabcomponent_5551099_tab_TabContentParsys_column_column1_opacitycomponent(); setOpacityComponentMinHeight_d8b0c10653c7454c9bcd30a851a6cfbe(); }); function toggleMobileDesktop_mainpar_tabcomponent_5551099_tab_TabContentParsys_column_column1_opacitycomponent() { let width = window.innerWidth; if(width<992) { $('.backgroundColorOpacity_mainpar_tabcomponent_5551099_tab_TabContentParsys_column_column1_opacitycomponent').hide(); $('#opacityComponentMobileTablet_d8b0c10653c7454c9bcd30a851a6cfbe').html(opacityContent_mainpar_tabcomponent_5551099_tab_TabContentParsys_column_column1_opacitycomponent); $('.backgroundColorOpacity_mainpar_tabcomponent_5551099_tab_TabContentParsys_column_column1_opacitycomponent').html(""); } else { $('.backgroundColorOpacity_mainpar_tabcomponent_5551099_tab_TabContentParsys_column_column1_opacitycomponent').show(); if(!$('.backgroundColorOpacity_mainpar_tabcomponent_5551099_tab_TabContentParsys_column_column1_opacitycomponent').html()){ $('.backgroundColorOpacity_mainpar_tabcomponent_5551099_tab_TabContentParsys_column_column1_opacitycomponent').html(opacityContent_mainpar_tabcomponent_5551099_tab_TabContentParsys_column_column1_opacitycomponent); } $('#opacityComponentMobileTablet_d8b0c10653c7454c9bcd30a851a6cfbe').html(""); } } function setOpacityComponentMinHeight_d8b0c10653c7454c9bcd30a851a6cfbe() { let width = window.innerWidth; if(width<992) { if(width<768) { $('#opacityComponentMobileTablet_d8b0c10653c7454c9bcd30a851a6cfbe').css("min-height", ""); } else { $('#opacityComponentMobileTablet_d8b0c10653c7454c9bcd30a851a6cfbe').css("min-height", ""); } } } </script> </div> </div> </div> </div> <div id="Innovation" class="tabContent hideSpace tabContent_mainpar_tabcomponent_5551099"> <div> <div> <div class="column"> <div id="height_840438dfe9ce4002b0d07917c93f0369" style="height: px"> <div class=" "> <div class="fullWidth "> <div id="bgImage_840438dfe9ce4002b0d07917c93f0369" class="clearfix everyDevice text-white container-vertical-aligned padding-8x-top padding-8x-bottom tabColumnBgFullWidthRow" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class="container-fluid"> <div class="container"> <div class=" col-md-6 vertical-align-middle"> <div class="container-inner"> <div class="opacitycomponent"> <div class=" "> <div class="backgroundCSS backgroundColorOpacity_mainpar_tabcomponent_5551099_tab_791931104_TabContentParsys_column_column1_opacitycomponent" id="backgroundColorOpacity_mainpar_tabcomponent_5551099_tab_791931104_TabContentParsys_column_column1_opacitycomponent"> <div><div class="RichText richtext"> <div class=" width-100 component-left"> <h2 style="text-align: center;">Credible by Design<br> </h2> <p style="text-align: center;">Crown has earned numerous awards recognising its ability to produce innovative products that set new standards for design excellence.<br> </p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> <div><div class="text-center "> <a href="/en-uk/awards.html" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" onclick="addCTAGA('', '', '', '<p>View Crown Design Awards<\/p>\r\n')" tabindex="0"><p>View Crown Design Awards</p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div><div class=" "> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div> </div> </div> </div> <script> $(document).ready( function() { if("rgba(0,0,0,0.7)") { $('#backgroundColorOpacity_mainpar_tabcomponent_5551099_tab_791931104_TabContentParsys_column_column1_opacitycomponent').css("background-color", "rgba(0,0,0,0.7)"); } if("") { $('#backgroundColorOpacity_mainpar_tabcomponent_5551099_tab_791931104_TabContentParsys_column_column1_opacitycomponent').css("min-height", ""); } }) </script> </div> </div> </div> <div class=" col-md-6 vertical-align-middle"> <div class="container-inner"> <div class="richtext"> <div class=" padding-8x-top padding-8x-bottom width-100 component-left"> <p> </p> <p> </p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> </div> </div> </div> </div> </div> </div> <div> <div id="opacityComponentMobileTablet_840438dfe9ce4002b0d07917c93f0369" class="opacityComponentMobileTablet"> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_840438dfe9ce4002b0d07917c93f0369').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_840438dfe9ce4002b0d07917c93f0369').addClass('bricksRow'); } }); </script> <div> <script> $(document).ready(function() { var tallestColumnHeight = 0; $('.container-vertical-aligned').find('.col-vertical-aligned').each(function() { var $this = $(this); if(tallestColumnHeight < $this.height()) { tallestColumnHeight = $this.height(); } }); $('.container-vertical-aligned').find('.col-vertical-aligned').height(tallestColumnHeight); }) </script> </div> <script> $(document).ready(function(){ setBackgroundImage_840438dfe9ce4002b0d07917c93f0369(); }); $(window).resize(function(){ setBackgroundImage_840438dfe9ce4002b0d07917c93f0369(); }); function setBackgroundImage_840438dfe9ce4002b0d07917c93f0369() { var width = window.innerWidth; var image; if(width < 993 && width > 768 && ("\/content\/dam\/crown\/images\/en\u002Duk\/homepage\/discover\u002Dcrown\/design\u002Daward\u002Dhigh\u002Dlevel\u002Dorder\u002Dpicker\u002Dm.jpg")) { image = ("/content/dam/crown/images/en-uk/homepage/discover-crown/design-award-high-level-order-picker-m.jpg"); } else if(width < 769 && ("\/content\/dam\/crown\/images\/en\u002Duk\/homepage\/discover\u002Dcrown\/design\u002Daward\u002Dhigh\u002Dlevel\u002Dorder\u002Dpicker\u002Dm.jpg")) { image = ("/content/dam/crown/images/en-uk/homepage/discover-crown/design-award-high-level-order-picker-m.jpg"); } else { image = ("/content/dam/crown/images/en-uk/homepage/discover-crown/design-award-high-level-order-picker.jpg"); } $('#bgImage_840438dfe9ce4002b0d07917c93f0369').css("background-image","url("+image+")"); } </script> <script> $(document).ready(function(){ setColumnHeight_840438dfe9ce4002b0d07917c93f0369(); }); $(window).resize(function(){ setColumnHeight_840438dfe9ce4002b0d07917c93f0369(); }); function setColumnHeight_840438dfe9ce4002b0d07917c93f0369() { let width = window.innerWidth; let columnHeight; if(width < 992 && width > 768) { columnHeight = ""; if($("#bgImage" + "_840438dfe9ce4002b0d07917c93f0369").hasClass('row-child')){ $("#bgImage" + "_840438dfe9ce4002b0d07917c93f0369").removeClass('row-child'); } } else if(width < 769) { columnHeight = "200"; if($("#bgImage" + "_840438dfe9ce4002b0d07917c93f0369").hasClass('row-child')){ $("#bgImage" + "_840438dfe9ce4002b0d07917c93f0369").removeClass('row-child'); } } else if(width >= 992) { columnHeight = ""; if(!$("#bgImage" + "_840438dfe9ce4002b0d07917c93f0369").hasClass('row-child')){ $("#bgImage" + "_840438dfe9ce4002b0d07917c93f0369").addClass('row-child'); } } $('#height_840438dfe9ce4002b0d07917c93f0369 .container-fluid').css("height",columnHeight+"px"); $("#bgImage" + "_840438dfe9ce4002b0d07917c93f0369").css("height",columnHeight); } </script> <script> let opacityContent_mainpar_tabcomponent_5551099_tab_791931104_TabContentParsys_column_column1_opacitycomponent = $('.backgroundColorOpacity_mainpar_tabcomponent_5551099_tab_791931104_TabContentParsys_column_column1_opacitycomponent').html(); $(document).ready(function(){ toggleMobileDesktop_mainpar_tabcomponent_5551099_tab_791931104_TabContentParsys_column_column1_opacitycomponent(); setOpacityComponentMinHeight_840438dfe9ce4002b0d07917c93f0369(); }); $(window).resize(function(){ toggleMobileDesktop_mainpar_tabcomponent_5551099_tab_791931104_TabContentParsys_column_column1_opacitycomponent(); setOpacityComponentMinHeight_840438dfe9ce4002b0d07917c93f0369(); }); function toggleMobileDesktop_mainpar_tabcomponent_5551099_tab_791931104_TabContentParsys_column_column1_opacitycomponent() { let width = window.innerWidth; if(width<992) { $('.backgroundColorOpacity_mainpar_tabcomponent_5551099_tab_791931104_TabContentParsys_column_column1_opacitycomponent').hide(); $('#opacityComponentMobileTablet_840438dfe9ce4002b0d07917c93f0369').html(opacityContent_mainpar_tabcomponent_5551099_tab_791931104_TabContentParsys_column_column1_opacitycomponent); $('.backgroundColorOpacity_mainpar_tabcomponent_5551099_tab_791931104_TabContentParsys_column_column1_opacitycomponent').html(""); } else { $('.backgroundColorOpacity_mainpar_tabcomponent_5551099_tab_791931104_TabContentParsys_column_column1_opacitycomponent').show(); if(!$('.backgroundColorOpacity_mainpar_tabcomponent_5551099_tab_791931104_TabContentParsys_column_column1_opacitycomponent').html()){ $('.backgroundColorOpacity_mainpar_tabcomponent_5551099_tab_791931104_TabContentParsys_column_column1_opacitycomponent').html(opacityContent_mainpar_tabcomponent_5551099_tab_791931104_TabContentParsys_column_column1_opacitycomponent); } $('#opacityComponentMobileTablet_840438dfe9ce4002b0d07917c93f0369').html(""); } } function setOpacityComponentMinHeight_840438dfe9ce4002b0d07917c93f0369() { let width = window.innerWidth; if(width<992) { if(width<768) { $('#opacityComponentMobileTablet_840438dfe9ce4002b0d07917c93f0369').css("min-height", ""); } else { $('#opacityComponentMobileTablet_840438dfe9ce4002b0d07917c93f0369').css("min-height", ""); } } } </script> </div> </div> </div> </div> <div id="News" class="tabContent hideSpace tabContent_mainpar_tabcomponent_5551099"> <div> <div> <div class="column"> <div id="height_62145e2deceb4b1087e70202d2908ae6" style="height: px"> <div class=" "> <div class="fullWidth "> <div id="bgImage_62145e2deceb4b1087e70202d2908ae6" class="clearfix everyDevice text-white container-vertical-aligned padding-8x-top padding-6x-bottom tabColumnBgFullWidthRow" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class="container-fluid"> <div class="container"> <div class="float-right col-md-6 vertical-align-middle"> <div class="container-inner"> <div class="opacitycomponent"> <div class=" "> <div class="backgroundCSS backgroundColorOpacity_mainpar_tabcomponent_5551099_tab_1130408794_TabContentParsys_column_column1_opacitycomponent" id="backgroundColorOpacity_mainpar_tabcomponent_5551099_tab_1130408794_TabContentParsys_column_column1_opacitycomponent"> <div><div class="RichText richtext"> <div class=" width-100 component-left"> <h2 style="text-align: center;">Productivity-Boosting Mast Stability</h2> <p style="text-align: center;">Crown's new reach truck generation features a new mast design that is among the most stable in the industry.</p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> <div><div class="text-center "> <a href="/en-uk/newsroom/articles/product-news/reach-truck-esr1200.html" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" onclick="addCTAGA('', '', '', '<p>Read Full Story<\/p>\r\n')" tabindex="0"><p>Read Full Story</p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div><div class="text-center "> <a href="/en-uk/newsroom.html" class="btn btn-plain text-white " onmouseover="this.style.background = ``" onmouseout="this.style.background =''" onclick="addCTAGA('', '', '', '<p>View all Crown News<\/p>\r\n')" tabindex="0"><p>View all Crown News</p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div> </div> </div> </div> <script> $(document).ready( function() { if("rgba(0,0,0,0.7)") { $('#backgroundColorOpacity_mainpar_tabcomponent_5551099_tab_1130408794_TabContentParsys_column_column1_opacitycomponent').css("background-color", "rgba(0,0,0,0.7)"); } if("") { $('#backgroundColorOpacity_mainpar_tabcomponent_5551099_tab_1130408794_TabContentParsys_column_column1_opacitycomponent').css("min-height", ""); } }) </script> </div> </div> </div> <div class="float-right col-md-6 vertical-align-middle"> <div class="container-inner"> </div> </div> </div> </div> </div> </div> </div> <div> <div id="opacityComponentMobileTablet_62145e2deceb4b1087e70202d2908ae6" class="opacityComponentMobileTablet"> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_62145e2deceb4b1087e70202d2908ae6').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_62145e2deceb4b1087e70202d2908ae6').addClass('bricksRow'); } }); </script> <div> <script> $(document).ready(function() { var tallestColumnHeight = 0; $('.container-vertical-aligned').find('.col-vertical-aligned').each(function() { var $this = $(this); if(tallestColumnHeight < $this.height()) { tallestColumnHeight = $this.height(); } }); $('.container-vertical-aligned').find('.col-vertical-aligned').height(tallestColumnHeight); }) </script> </div> <script> $(document).ready(function(){ setBackgroundImage_62145e2deceb4b1087e70202d2908ae6(); }); $(window).resize(function(){ setBackgroundImage_62145e2deceb4b1087e70202d2908ae6(); }); function setBackgroundImage_62145e2deceb4b1087e70202d2908ae6() { var width = window.innerWidth; var image; if(width < 993 && width > 768 && ("\/content\/dam\/crown\/images\/en\u002Duk\/homepage\/discover\u002Dcrown\/news\u002Dreach\u002Dtrucks\u002Desr1200\u002Dm.jpg")) { image = ("/content/dam/crown/images/en-uk/homepage/discover-crown/news-reach-trucks-esr1200-m.jpg"); } else if(width < 769 && ("\/content\/dam\/crown\/images\/en\u002Duk\/homepage\/discover\u002Dcrown\/news\u002Dreach\u002Dtrucks\u002Desr1200\u002Dm.jpg")) { image = ("/content/dam/crown/images/en-uk/homepage/discover-crown/news-reach-trucks-esr1200-m.jpg"); } else { image = ("/content/dam/crown/images/en-uk/homepage/discover-crown/news-reach-trucks-esr1200.jpg"); } $('#bgImage_62145e2deceb4b1087e70202d2908ae6').css("background-image","url("+image+")"); } </script> <script> $(document).ready(function(){ setColumnHeight_62145e2deceb4b1087e70202d2908ae6(); }); $(window).resize(function(){ setColumnHeight_62145e2deceb4b1087e70202d2908ae6(); }); function setColumnHeight_62145e2deceb4b1087e70202d2908ae6() { let width = window.innerWidth; let columnHeight; if(width < 992 && width > 768) { columnHeight = ""; if($("#bgImage" + "_62145e2deceb4b1087e70202d2908ae6").hasClass('row-child')){ $("#bgImage" + "_62145e2deceb4b1087e70202d2908ae6").removeClass('row-child'); } } else if(width < 769) { columnHeight = "200"; if($("#bgImage" + "_62145e2deceb4b1087e70202d2908ae6").hasClass('row-child')){ $("#bgImage" + "_62145e2deceb4b1087e70202d2908ae6").removeClass('row-child'); } } else if(width >= 992) { columnHeight = ""; if(!$("#bgImage" + "_62145e2deceb4b1087e70202d2908ae6").hasClass('row-child')){ $("#bgImage" + "_62145e2deceb4b1087e70202d2908ae6").addClass('row-child'); } } $('#height_62145e2deceb4b1087e70202d2908ae6 .container-fluid').css("height",columnHeight+"px"); $("#bgImage" + "_62145e2deceb4b1087e70202d2908ae6").css("height",columnHeight); } </script> <script> let opacityContent_mainpar_tabcomponent_5551099_tab_1130408794_TabContentParsys_column_column1_opacitycomponent = $('.backgroundColorOpacity_mainpar_tabcomponent_5551099_tab_1130408794_TabContentParsys_column_column1_opacitycomponent').html(); $(document).ready(function(){ toggleMobileDesktop_mainpar_tabcomponent_5551099_tab_1130408794_TabContentParsys_column_column1_opacitycomponent(); setOpacityComponentMinHeight_62145e2deceb4b1087e70202d2908ae6(); }); $(window).resize(function(){ toggleMobileDesktop_mainpar_tabcomponent_5551099_tab_1130408794_TabContentParsys_column_column1_opacitycomponent(); setOpacityComponentMinHeight_62145e2deceb4b1087e70202d2908ae6(); }); function toggleMobileDesktop_mainpar_tabcomponent_5551099_tab_1130408794_TabContentParsys_column_column1_opacitycomponent() { let width = window.innerWidth; if(width<992) { $('.backgroundColorOpacity_mainpar_tabcomponent_5551099_tab_1130408794_TabContentParsys_column_column1_opacitycomponent').hide(); $('#opacityComponentMobileTablet_62145e2deceb4b1087e70202d2908ae6').html(opacityContent_mainpar_tabcomponent_5551099_tab_1130408794_TabContentParsys_column_column1_opacitycomponent); $('.backgroundColorOpacity_mainpar_tabcomponent_5551099_tab_1130408794_TabContentParsys_column_column1_opacitycomponent').html(""); } else { $('.backgroundColorOpacity_mainpar_tabcomponent_5551099_tab_1130408794_TabContentParsys_column_column1_opacitycomponent').show(); if(!$('.backgroundColorOpacity_mainpar_tabcomponent_5551099_tab_1130408794_TabContentParsys_column_column1_opacitycomponent').html()){ $('.backgroundColorOpacity_mainpar_tabcomponent_5551099_tab_1130408794_TabContentParsys_column_column1_opacitycomponent').html(opacityContent_mainpar_tabcomponent_5551099_tab_1130408794_TabContentParsys_column_column1_opacitycomponent); } $('#opacityComponentMobileTablet_62145e2deceb4b1087e70202d2908ae6').html(""); } } function setOpacityComponentMinHeight_62145e2deceb4b1087e70202d2908ae6() { let width = window.innerWidth; if(width<992) { if(width<768) { $('#opacityComponentMobileTablet_62145e2deceb4b1087e70202d2908ae6').css("min-height", ""); } else { $('#opacityComponentMobileTablet_62145e2deceb4b1087e70202d2908ae6').css("min-height", ""); } } } </script> </div> </div> </div> </div> <div id="CustomerResults" class="tabContent hideSpace tabContent_mainpar_tabcomponent_5551099"> <div> <div> <div class="column"> <div id="height_98e3cdb5d7b041d0bfd6d1a1d72fbefa" style="height: px"> <div class=" "> <div class="fullWidth "> <div id="bgImage_98e3cdb5d7b041d0bfd6d1a1d72fbefa" class="clearfix everyDevice text-white container-vertical-aligned padding-6x-top padding-6x-bottom tabColumnBgFullWidthRow" style="background-repeat: no-repeat; background-size: cover; background-position: center center;height: px;"> <div class="container-fluid"> <div class="container"> <div class=" col-md-6 vertical-align-middle"> <div class="container-inner"> <div class="opacitycomponent"> <div class=" "> <div class="backgroundCSS backgroundColorOpacity_mainpar_tabcomponent_5551099_tab_124210550_TabContentParsys_column_column1_opacitycomponent" id="backgroundColorOpacity_mainpar_tabcomponent_5551099_tab_124210550_TabContentParsys_column_column1_opacitycomponent"> <div><div class="RichText richtext"> <div class=" width-100 component-left"> <h2 style="text-align: center;">5 Times Larger Fleet in Peak Season</h2> <p style="text-align: center;">With Crown's flexible rental programme, El Ciruelo always has the optimal forklift fleet in operation – in the right size at the right time and precisely tailored to their requirements.</p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> <div><div class="text-center "> <a href="/en-uk/newsroom/articles/customer-results/el-ciruelo-flexible-forklift-fleet-solution.html" class="btn btn-cta text-white background-orange" onmouseover="this.style.background = ``" onmouseout="this.style.background =''" onclick="addCTAGA('', '', '', '<p>Read Full Story<\/p>\r\n')" tabindex="0"><p>Read Full Story</p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div><div class="text-center "> <a href="/en-uk/newsroom.html#customer-results" class="btn btn-plain text-white " onmouseover="this.style.background = `#ffffff`" onmouseout="this.style.background =''" onclick="addCTAGA('', '', '', '<p>View the latest Customer Results<\/p>\r\n')" tabindex="0"><p>View the latest Customer Results</p> </a> </div> <script> function addCTAGA(event, eventCategory, eventAction, eventLabel) { let currentPage = window.location.href; event.stopPropagation(); if(window.dataLayer) { if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && event && eventAction && eventCategory) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventLabel': eventLabel, 'eventAction': eventAction }); } } } </script> </div> <div> </div> </div> </div> <script> $(document).ready( function() { if("rgba(0,0,0,0.7)") { $('#backgroundColorOpacity_mainpar_tabcomponent_5551099_tab_124210550_TabContentParsys_column_column1_opacitycomponent').css("background-color", "rgba(0,0,0,0.7)"); } if("") { $('#backgroundColorOpacity_mainpar_tabcomponent_5551099_tab_124210550_TabContentParsys_column_column1_opacitycomponent').css("min-height", ""); } }) </script> </div> </div> </div> <div class=" col-md-6 vertical-align-middle"> <div class="container-inner"> <div class="richtext"> <div class=" padding-8x-top padding-8x-bottom width-100 component-left"> <p> </p> <p> </p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div> </div> </div> </div> </div> </div> </div> </div> <div> <div id="opacityComponentMobileTablet_98e3cdb5d7b041d0bfd6d1a1d72fbefa" class="opacityComponentMobileTablet"> </div> </div> </div> <script> // If column is the parent of bricks component, this custom CSS will be applied to column. $(document).ready( function() { if($('#bgImage_98e3cdb5d7b041d0bfd6d1a1d72fbefa').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_98e3cdb5d7b041d0bfd6d1a1d72fbefa').addClass('bricksRow'); } }); </script> <div> <script> $(document).ready(function() { var tallestColumnHeight = 0; $('.container-vertical-aligned').find('.col-vertical-aligned').each(function() { var $this = $(this); if(tallestColumnHeight < $this.height()) { tallestColumnHeight = $this.height(); } }); $('.container-vertical-aligned').find('.col-vertical-aligned').height(tallestColumnHeight); }) </script> </div> <script> $(document).ready(function(){ setBackgroundImage_98e3cdb5d7b041d0bfd6d1a1d72fbefa(); }); $(window).resize(function(){ setBackgroundImage_98e3cdb5d7b041d0bfd6d1a1d72fbefa(); }); function setBackgroundImage_98e3cdb5d7b041d0bfd6d1a1d72fbefa() { var width = window.innerWidth; var image; if(width < 993 && width > 768 && ("\/content\/dam\/crown\/images\/en\u002Duk\/homepage\/discover\u002Dcrown\/customer\u002Dresults\u002Den\u002Duk\u002Dmobile.jpg")) { image = ("/content/dam/crown/images/en-uk/homepage/discover-crown/customer-results-en-uk-mobile.jpg"); } else if(width < 769 && ("\/content\/dam\/crown\/images\/en\u002Duk\/homepage\/discover\u002Dcrown\/customer\u002Dresults\u002Dplatform\u002Dpallet\u002Dtruck\u002Dm.jpg")) { image = ("/content/dam/crown/images/en-uk/homepage/discover-crown/customer-results-platform-pallet-truck-m.jpg"); } else { image = ("/content/dam/crown/images/en-uk/homepage/discover-crown/customer-results-platform-pallet-truck.jpg"); } $('#bgImage_98e3cdb5d7b041d0bfd6d1a1d72fbefa').css("background-image","url("+image+")"); } </script> <script> $(document).ready(function(){ setColumnHeight_98e3cdb5d7b041d0bfd6d1a1d72fbefa(); }); $(window).resize(function(){ setColumnHeight_98e3cdb5d7b041d0bfd6d1a1d72fbefa(); }); function setColumnHeight_98e3cdb5d7b041d0bfd6d1a1d72fbefa() { let width = window.innerWidth; let columnHeight; if(width < 992 && width > 768) { columnHeight = ""; if($("#bgImage" + "_98e3cdb5d7b041d0bfd6d1a1d72fbefa").hasClass('row-child')){ $("#bgImage" + "_98e3cdb5d7b041d0bfd6d1a1d72fbefa").removeClass('row-child'); } } else if(width < 769) { columnHeight = "200"; if($("#bgImage" + "_98e3cdb5d7b041d0bfd6d1a1d72fbefa").hasClass('row-child')){ $("#bgImage" + "_98e3cdb5d7b041d0bfd6d1a1d72fbefa").removeClass('row-child'); } } else if(width >= 992) { columnHeight = ""; if(!$("#bgImage" + "_98e3cdb5d7b041d0bfd6d1a1d72fbefa").hasClass('row-child')){ $("#bgImage" + "_98e3cdb5d7b041d0bfd6d1a1d72fbefa").addClass('row-child'); } } $('#height_98e3cdb5d7b041d0bfd6d1a1d72fbefa .container-fluid').css("height",columnHeight+"px"); $("#bgImage" + "_98e3cdb5d7b041d0bfd6d1a1d72fbefa").css("height",columnHeight); } </script> <script> let opacityContent_mainpar_tabcomponent_5551099_tab_124210550_TabContentParsys_column_column1_opacitycomponent = $('.backgroundColorOpacity_mainpar_tabcomponent_5551099_tab_124210550_TabContentParsys_column_column1_opacitycomponent').html(); $(document).ready(function(){ toggleMobileDesktop_mainpar_tabcomponent_5551099_tab_124210550_TabContentParsys_column_column1_opacitycomponent(); setOpacityComponentMinHeight_98e3cdb5d7b041d0bfd6d1a1d72fbefa(); }); $(window).resize(function(){ toggleMobileDesktop_mainpar_tabcomponent_5551099_tab_124210550_TabContentParsys_column_column1_opacitycomponent(); setOpacityComponentMinHeight_98e3cdb5d7b041d0bfd6d1a1d72fbefa(); }); function toggleMobileDesktop_mainpar_tabcomponent_5551099_tab_124210550_TabContentParsys_column_column1_opacitycomponent() { let width = window.innerWidth; if(width<992) { $('.backgroundColorOpacity_mainpar_tabcomponent_5551099_tab_124210550_TabContentParsys_column_column1_opacitycomponent').hide(); $('#opacityComponentMobileTablet_98e3cdb5d7b041d0bfd6d1a1d72fbefa').html(opacityContent_mainpar_tabcomponent_5551099_tab_124210550_TabContentParsys_column_column1_opacitycomponent); $('.backgroundColorOpacity_mainpar_tabcomponent_5551099_tab_124210550_TabContentParsys_column_column1_opacitycomponent').html(""); } else { $('.backgroundColorOpacity_mainpar_tabcomponent_5551099_tab_124210550_TabContentParsys_column_column1_opacitycomponent').show(); if(!$('.backgroundColorOpacity_mainpar_tabcomponent_5551099_tab_124210550_TabContentParsys_column_column1_opacitycomponent').html()){ $('.backgroundColorOpacity_mainpar_tabcomponent_5551099_tab_124210550_TabContentParsys_column_column1_opacitycomponent').html(opacityContent_mainpar_tabcomponent_5551099_tab_124210550_TabContentParsys_column_column1_opacitycomponent); } $('#opacityComponentMobileTablet_98e3cdb5d7b041d0bfd6d1a1d72fbefa').html(""); } } function setOpacityComponentMinHeight_98e3cdb5d7b041d0bfd6d1a1d72fbefa() { let width = window.innerWidth; if(width<992) { if(width<768) { $('#opacityComponentMobileTablet_98e3cdb5d7b041d0bfd6d1a1d72fbefa').css("min-height", ""); } else { $('#opacityComponentMobileTablet_98e3cdb5d7b041d0bfd6d1a1d72fbefa').css("min-height", ""); } } } </script> </div> </div> </div> </div> </div> </div> </div> </div> <script> $(document).ready(function() { let firstChildName = $('#tabsList_mainpar_tabcomponent_5551099 li:first').attr('data-anchor'); $("#" + firstChildName).css("display", "block"); $("#" + firstChildName).removeClass("hideSpace"); $('#tabsList_mainpar_tabcomponent_5551099 li:first').first().addClass("tabsActive"); let tabListWidth = document.getElementById('tabsList_mainpar_tabcomponent_5551099').scrollWidth; let tabsDisplayWidth = document.getElementById('tabsDisplay_mainpar_tabcomponent_5551099').offsetWidth; if(tabListWidth >= tabsDisplayWidth) { $("#tabNavWrapper_mainpar_tabcomponent_5551099").addClass("scrollable"); $("#tabNavWrapper_mainpar_tabcomponent_5551099 .prev").addClass("isDisabled"); } // Below code handles swipe left and right in touch devices let tabItem = document.getElementById("mainpar_tabcomponent_5551099"), swipeDir, startX, startY, distX, distY, threshold = 150, //required min distance traveled to be considered swipe restraint = 100, // maximum distance allowed at the same time in perpendicular direction allowedTime = 300, // maximum time allowed to travel that distance elapsedTime, startTime; tabItem.addEventListener('touchstart', function(e){ let touchObj = e.changedTouches[0]; swipeDir = 'none'; startX = touchObj.pageX; startY = touchObj.pageY; startTime = new Date().getTime(); // record time when finger first makes contact with surface }, false) tabItem.addEventListener('touchend', function(e){ let touchObj = e.changedTouches[0]; distX = touchObj.pageX - startX; // get horizontal dist traveled by finger while in contact with surface distY = touchObj.pageY - startY; // get vertical dist traveled by finger while in contact with surface elapsedTime = new Date().getTime() - startTime; // get time elapsed if (elapsedTime <= allowedTime){ // first condition for swipe met if (Math.abs(distX) >= threshold && Math.abs(distY) <= restraint){ // 2nd condition for horizontal swipe met swipeDir = (distX < 0)? 'left' : 'right'; // if dist traveled is negative, it indicates left swipe } } if(swipeDir === 'left') { let current = $('#tabsList_mainpar_tabcomponent_5551099 li.tabsActive'); if(current.attr('data-anchor') !== $('#tabsList_mainpar_tabcomponent_5551099 li:last').attr('data-anchor')) { current.next().trigger("click"); } } else if(swipeDir === 'right') { let current = $('#tabsList_mainpar_tabcomponent_5551099 li.tabsActive'); if(current.attr('data-anchor') !== $('#tabsList_mainpar_tabcomponent_5551099 li:first').attr('data-anchor')) { current.prev().trigger("click"); } } }, false) }); $(window).resize(function() { let tabListWidth = document.getElementById('tabsList_mainpar_tabcomponent_5551099').scrollWidth; let tabsDisplayWidth = document.getElementById('tabsDisplay_mainpar_tabcomponent_5551099').offsetWidth; if(tabListWidth >= tabsDisplayWidth) { $("#tabNavWrapper_mainpar_tabcomponent_5551099").addClass("scrollable"); let myScrollPosition = $('#tabsList_mainpar_tabcomponent_5551099 li.tabsActive').offset().left + $('#tabsList_mainpar_tabcomponent_5551099 li.tabsActive').outerWidth(true) / 2 + $('#tabsDisplay_mainpar_tabcomponent_5551099').scrollLeft() - $('#tabsDisplay_mainpar_tabcomponent_5551099').width() / 2; $('#tabsDisplay_mainpar_tabcomponent_5551099').scrollLeft(myScrollPosition); } else { $("#tabNavWrapper_mainpar_tabcomponent_5551099").removeClass("scrollable"); } }); $("#tabsDisplay_mainpar_tabcomponent_5551099").scroll(function() { let newScrollLeft = $('#tabsDisplay_mainpar_tabcomponent_5551099').scrollLeft(); let width = $('#tabsDisplay_mainpar_tabcomponent_5551099').outerWidth(); let scrollWidth = $('#tabsDisplay_mainpar_tabcomponent_5551099').get(0).scrollWidth; if(newScrollLeft < 50) { $("#tabNavWrapper_mainpar_tabcomponent_5551099 .prev").addClass("isDisabled"); } else { $("#tabNavWrapper_mainpar_tabcomponent_5551099 .prev").removeClass("isDisabled"); } if(width + newScrollLeft >= scrollWidth) { $("#tabNavWrapper_mainpar_tabcomponent_5551099 .next").addClass("isDisabled"); } else { $("#tabNavWrapper_mainpar_tabcomponent_5551099 .next").removeClass("isDisabled"); } }); $("#tabArrowPrev_mainpar_tabcomponent_5551099").on('click', function() { $('.tabsDisplay_mainpar_tabcomponent_5551099').animate({ scrollLeft: $('.tabsDisplay_mainpar_tabcomponent_5551099').scrollLeft() - 100 }, 300); }); $("#tabArrowNext_mainpar_tabcomponent_5551099").on('click', function() { $('.tabsDisplay_mainpar_tabcomponent_5551099').animate({ scrollLeft: $('.tabsDisplay_mainpar_tabcomponent_5551099').scrollLeft() + 100 }, 300); }); function triggerTabContent_mainpar_tabcomponent_5551099(element) { if(!element.classList.contains('tabsActive')) { let selectedTabId = "#" + $(".tab_mainpar_tabcomponent_5551099.tabsActive").get(0).getAttribute('data-anchor'); $(selectedTabId).stop().hide().fadeOut("400"); $(selectedTabId).addClass("hideSpace"); $(".tab_mainpar_tabcomponent_5551099").removeClass("tabsActive"); $("#tabNavWrapper_mainpar_tabcomponent_5551099 .tabNavArrow").removeClass("isDisabled"); let anchorName = element.getAttribute('data-anchor'); element.classList.add("tabsActive"); let tabListWidth = document.getElementById('tabsList_mainpar_tabcomponent_5551099').scrollWidth; let tabsDisplayWidth = document.getElementById('tabsDisplay_mainpar_tabcomponent_5551099').offsetWidth; if(tabListWidth >= tabsDisplayWidth) { let myScrollPosition = $('#tabsList_mainpar_tabcomponent_5551099 li.tabsActive').offset().left + $('#tabsList_mainpar_tabcomponent_5551099 li.tabsActive').outerWidth(true) / 2 + $('#tabsDisplay_mainpar_tabcomponent_5551099').scrollLeft() - $('#tabsDisplay_mainpar_tabcomponent_5551099').width() / 2; $('#tabsDisplay_mainpar_tabcomponent_5551099').scrollLeft(myScrollPosition); if($('#tabsList_mainpar_tabcomponent_5551099 li:first').attr('data-anchor') === anchorName) { $("#tabNavWrapper_mainpar_tabcomponent_5551099 .prev").addClass("isDisabled"); } else if($('#tabsList_mainpar_tabcomponent_5551099 li:last').attr('data-anchor') === anchorName) { $("#tabNavWrapper_mainpar_tabcomponent_5551099 .next").addClass("isDisabled"); } } let anchorId = "#" + anchorName; $(anchorId).stop().hide().fadeIn("400"); $(anchorId).removeClass("hideSpace"); //imagegrid title equal height let imageGridMaxHeight = 0; $('.imagegridcomponent .imageTitle:visible').each(function() { const imageTitleHeight = $(this).height(); imageGridMaxHeight = Math.max(imageGridMaxHeight, imageTitleHeight); }); $('.imagegridcomponent .imageTitle:visible').height(imageGridMaxHeight); $('.imagegridcomponent a.imageItem').hover( function() { $(this).find('.imageTitle').css("padding-bottom", imageGridMaxHeight * 2); }, function() { $(this).find('.imageTitle').css("padding-bottom", ""); }); $('.imagegridcomponent .imageTitle').height('auto'); } } </script></div> <div class="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\u002Duk_jcr_content_mainpar_columnc0c8b7da\u002D5adb\u002D4a92\u002Dbd77\u002D6c7505fd289e") { makeTargetedComponentVisible("_content_en-uk_jcr_content_mainpar_columnc0c8b7da-5adb-4a92-bd77-6c7505fd289e"); } }); }); ContextHub.SegmentEngine.PageInteraction.Teaser({ locationId: '_content_en\u002Duk_jcr_content_mainpar_columnc0c8b7da\u002D5adb\u002D4a92\u002Dbd77\u002D6c7505fd289e', variants: [{"path":"/en-uk/default","name":"default","title":"Default","campaignName":"","thumbnail":"/en-uk.thumb.png","url":"/en-uk/_jcr_content/mainpar/column.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-uk_jcr_content_mainpar_columnc0c8b7da-5adb-4a92-bd77-6c7505fd289e"); }, 5000); }); } else { makeTargetedComponentVisible("_content_en-uk_jcr_content_mainpar_columnc0c8b7da-5adb-4a92-bd77-6c7505fd289e"); } </script> <div id="_content_en-uk_jcr_content_mainpar_columnc0c8b7da-5adb-4a92-bd77-6c7505fd289e" class="campaign " style="visibility: hidden"> </div> </div> </div> <div class="clearfix"></div> <footer> <div><div class="footer iparsys parsys"> <div class="footercomponent"> <div class="d-none d-md-block desktopFooterView"> <div class="firstRow"> <div class="searchBoxContainer"> <form action="/en-uk/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" 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-uk/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-uk/contact-us.html" data-querystring="areaOfInterest=generalInquiry" 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:08004704667" tabindex="0"> <div> <p>0800 4704667</p> </div> </a> </div> </div> </div> </div> </div> </div> <hr class="lineSeparator"/> <div class="footerDrawerColumn"> <div id="height_6ac4a651e9df412e92a5b750021a0f1a" style="height: px"> <div class="container-fluid "> <div class="container "> <div id="bgImage_6ac4a651e9df412e92a5b750021a0f1a" 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">Products</div> <div class="drawerItems"> <a onclick="addFooterGA('New Forklifts','Products')" href="/en-uk/forklifts.html" target="" tabindex="0">New Forklifts</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('Rental Forklifts','Products')" href="/en-uk/forklift-rental.html" target="" tabindex="0">Rental Forklifts</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('Used Forklifts','Products')" href="/en-uk/used-forklifts.html" target="" tabindex="0">Used Forklifts</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('V\u002DForce Batteries \x26 Chargers','Products')" href="/en-uk/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 \x26 Parts','More from Crown')" href="/en-uk/service-parts.html" target="" tabindex="0">Service & Parts</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('Fleet Management','More from Crown')" href="/en-uk/fleet-management.html" target="" tabindex="0">Fleet Management</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('Support','More from Crown')" href="/en-uk/support.html" target="" tabindex="0">Support</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('Solutions','More from Crown')" href="/en-uk/solutions.html" target="" tabindex="0">Solutions</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-uk/about-crown.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-uk/legal/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-uk/legal/supplier-code-of-conduct.pdf" target="_blank" tabindex="0">Supplier Code of Conduct</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('Global Locations','About Crown')" href="/en-uk/about-crown.html#whereweare.html" target="" tabindex="0">Global Locations</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('News \x26 Press','About Crown')" href="/en-uk/newsroom.html" target="_blank" tabindex="0">News & Press</a> </div> <div class="drawerItems"> <a onclick="addFooterGA('Careers','About Crown')" href="https://crownltd.career.softgarden.de" target="_blank" tabindex="0">Careers</a> </div> </div> </div> </div> <div class=" col-md-3 "> <div class="container-inner"> <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/CrownLiftTrucksUK/" target="_blank" tabindex="0"> <i class="fab fa-facebook-square fa-fw"></i> </a> </li> <li> <a href="https://www.linkedin.com/company/crown-forklift-uk/" target="_blank" tabindex="0"> <i class="fab fa-linkedin fa-fw"></i> </a> </li> <li> <a href="https://www.youtube.com/user/CrownLiftTrucksLtd" target="_blank" tabindex="0"> <i class="fab fa-youtube fa-fw"></i> </a> </li> <li> <a href="https://en.wikipedia.org/wiki/Crown_Equipment_Corporation" target="_blank" tabindex="0"> <i class="fab fa-wikipedia-w 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_6ac4a651e9df412e92a5b750021a0f1a').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_6ac4a651e9df412e92a5b750021a0f1a').addClass('bricksRow'); } }); </script> </div> <div> <a class="textWhite globalSelectorText" onclick="Crown.Common.Cookies.eraseCookie('crownlocation');" tabindex="0">United Kingdom (change)</a> <div class="copyRight float-right"> <span class="copyRightYear">© 2002-2025 Crown Equipment Corporation |</span> <span><div class="textWhite"> <div class=" width-100 component-left"> <p><a title="legal information Crown Lift Trucks" href="/en-uk/legal-information.html" target="_blank">Legal Information</a>  |  <a title="Privacy Policy for Websites" href="/content/dam/crown/pdfs/en-uk/legal/privacy-policy-websites.pdf" target="_blank">Privacy Policy for Websites</a>  | <br> <a title="Privacy notice for customers, prospective customers, and other business partners" href="/content/dam/crown/pdfs/en-uk/legal/privacy-notice-customers-partners.pdf" target="_blank">Privacy notice for customers,</a> <a title="Privacy notice for customers, prospective customers, and other business partners" href="/content/dam/crown/pdfs/en-uk/legal/privacy-notice-customers-partners.pdf" target="_blank">prospective customers, and other business partners</a>  |  <br> <a title="Modern Slavery Act Transparency Statement 2024 - Crown Lift Trucks" href="/content/dam/crown/pdfs/en-uk/legal/Modern-Slavery-Act-Statement-2024-2023.pdf" target="_blank">Modern Slavery Act Transparency Statement 2024</a>  |  <br> <a title="Modern Slavery Act Transparency Statement Crown Lift Trucks" href="/content/dam/crown/pdfs/en-uk/legal/Modern-Slavery-Act-Statement-2023-2022.pdf" target="_blank">Modern Slavery Act Transparency Statement 2023</a></p> </div> <div class="clearfix"></div> <script> $(document).ready(function() { let textWithHyperlink = ""; let event = ""; let eventCategory = ""; let eventAction = ""; let eventLabel = ""; let currentPage = window.location.href; if(!(currentPage.includes("staging") || currentPage.includes("en-cn") || currentPage.includes("zh-cn")) && textWithHyperlink && event && eventCategory && eventAction && eventLabel) { $("a:contains('" + textWithHyperlink + "')").attr({onclick: "addRichTextGA('" + event + "','" + eventCategory + "','" + eventAction + "','" + eventLabel + "')", tabindex: '0'}); } }); function addRichTextGA(event, eventCategory, eventAction, eventLabel) { if(window.dataLayer) { dataLayer.push({ 'event': event, 'eventCategory': eventCategory, 'eventAction': eventAction, 'eventLabel': eventLabel }) } } </script> </div></span> <div class="backToTop"> <svg class="bi bi-arrow-up-circle-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="#ffffff" xmlns="http://www.w3.org/2000/svg" tabindex="0"> <path fill-rule="evenodd" d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-10.646.354a.5.5 0 1 1-.708-.708l3-3a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 6.207V11a.5.5 0 0 1-1 0V6.207L5.354 8.354z"/> </svg> </div> </div> </div> </div> <div class="footerItemsMobile d-md-none"> <div class="searchBoxContainer"> <form action="/en-uk/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" 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"> Products </a> <div class="dropdown-menu" role="menu" aria-labelledby="Products"> <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('New Forklifts','Products')" href="/content/en-uk/forklifts">New Forklifts</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Rental Forklifts','Products')" href="/content/en-uk/forklift-rental">Rental Forklifts</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Used Forklifts','Products')" href="/content/en-uk/used-forklifts">Used Forklifts</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('V\u002DForce Batteries \x26 Chargers','Products')" href="/content/en-uk/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 \x26 Parts','More from Crown')" href="/content/en-uk/service-parts">Service & Parts</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Fleet Management','More from Crown')" href="/content/en-uk/fleet-management">Fleet Management</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Support','More from Crown')" href="/content/en-uk/support">Support</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Solutions','More from Crown')" href="/content/en-uk/solutions">Solutions</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-uk/about-crown">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-uk/legal/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-uk/legal/supplier-code-of-conduct.pdf">Supplier Code of Conduct</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Global Locations','About Crown')" href="/en-uk/about-crown.html#whereweare">Global Locations</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('News \x26 Press','About Crown')" href="/content/en-uk/newsroom">News & Press</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('Careers','About Crown')" href="https://crownltd.career.softgarden.de">Careers</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-uk/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-uk/contact-us">Contact Us</a> </li> <li role="presentation"> <a role="menuitem" tabindex="0" onclick="addFooterGA('0800 4704667','Connect with us')" href="tel:08004704667">0800 4704667</a> </li> </ul> </div> </div> </div> </div> </li> </ul> <div class="socialicons"> <ul role="group"> <li> <a href="https://www.facebook.com/CrownLiftTrucksUK/" target="_blank" tabindex="0"> <i class="fab fa-facebook-square fa-fw"></i> </a> </li> <li> <a href="https://www.linkedin.com/company/crown-forklift-uk/" target="_blank" tabindex="0"> <i class="fab fa-linkedin fa-fw"></i> </a> </li> <li> <a href="https://www.youtube.com/user/CrownLiftTrucksLtd" target="_blank" tabindex="0"> <i class="fab fa-youtube fa-fw"></i> </a> </li> <li> <a href="https://en.wikipedia.org/wiki/Crown_Equipment_Corporation" target="_blank" tabindex="0"> <i class="fab fa-wikipedia-w fa-fw"></i> </a> </li> </ul> </div> <a class="textWhite globalSelectorText" onclick="Crown.Common.Cookies.eraseCookie('crownlocation');" tabindex="0">United Kingdom (change)</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><a title="legal information Crown Lift Trucks" href="/en-uk/legal-information.html" target="_blank" rel="noopener noreferrer">Legal Information</a> | <a title="Privacy Policy for Websites" href="/content/dam/crown/pdfs/en-uk/legal/privacy-policy-websites.pdf" target="_blank" rel="noopener noreferrer">Privacy Policy for Websites</a> | <br /> <a title="Privacy notice for customers, prospective customers, and other business partners" href="/content/dam/crown/pdfs/en-uk/legal/privacy-notice-customers-partners.pdf" target="_blank" rel="noopener noreferrer">Privacy notice for customers,</a> <a title="Privacy notice for customers, prospective customers, and other business partners" href="/content/dam/crown/pdfs/en-uk/legal/privacy-notice-customers-partners.pdf" target="_blank" rel="noopener noreferrer">prospective customers, and other business partners</a> | <br /> <a title="Modern Slavery Act Transparency Statement 2024 - Crown Lift Trucks" href="/content/dam/crown/pdfs/en-uk/legal/Modern-Slavery-Act-Statement-2024-2023.pdf" target="_blank" rel="noopener noreferrer">Modern Slavery Act Transparency Statement 2024</a> | <br /> <a title="Modern Slavery Act Transparency Statement Crown Lift Trucks" href="/content/dam/crown/pdfs/en-uk/legal/Modern-Slavery-Act-Statement-2023-2022.pdf" target="_blank" rel="noopener noreferrer">Modern Slavery Act Transparency Statement 2023</a></p> </div> </div> <div class="desktopFooterView"> </div> </div> <div class="column"> <div id="height_b52e705471b24848805cb2db20c516f0" style="height: px"> <div class="container-fluid background-light-black "> <div class="container background-light-black "> <div id="bgImage_b52e705471b24848805cb2db20c516f0" 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_b52e705471b24848805cb2db20c516f0').children('div').children('.container-inner').children('.brickscomponent').length > 0) { $('#bgImage_b52e705471b24848805cb2db20c516f0').addClass('bricksRow'); } }); </script> </div> <div class="ghost"> </div> <div class="newpar new section"> </div> <div class="par iparys_inherited"> </div> </div> </div> </footer>  <script src="/etc/clientlibs/global-web/clientlib.lc-72dc07cd12f6ade4bf25452de54ada2d-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> <script type="text/javascript"> $(window).on('load',function(){ var acceptedCookieName = "modalPolicyCookieAccepted"; var notAcceptedCookieName = "modalPolicyCookieNotAccepted"; var acceptedModalValue = "accepted"; var notAcceptedModalValue = "notaccepted"; var modalCookiePolicyAccepted = Crown.Common.Cookies.readCookie(acceptedCookieName); var modalCookiePolicyNotAccepted = Crown.Common.Cookies.readCookie(notAcceptedCookieName); if ((modalCookiePolicyAccepted != acceptedModalValue) && (modalCookiePolicyNotAccepted != notAcceptedModalValue)) { jQuery('#cookiePolicyModal').modal('show'); jQuery("#modalCookieAccept").on("click", function() { Crown.Common.Cookies.createCookie(acceptedCookieName, acceptedModalValue, Infinity); consentGranted(); }); jQuery("#modalCookieNotAccept").on("click", function() { Crown.Common.Cookies.createCookie(notAcceptedCookieName, notAcceptedModalValue, 1); }); jQuery("#modalBtnCloseCookieNotAccept").on("click", function() { Crown.Common.Cookies.createCookie(notAcceptedCookieName, notAcceptedModalValue, 1); }); } else if(modalCookiePolicyAccepted == acceptedModalValue){ consentGranted(); } }); </script> </body> </html>

CINXE.COM

Crown Lift Trucks | UK | Forklifts, Pallet Trucks and Material Handling Technologies