1<!DOCTYPE html><!-- Last Published: Mon Sep 21 2026 13:44:39 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="stage-novawinch.webflow.io" data-wf-page="66409cc95e85ade60aa9ad81" data-wf-site="663bc0455a60e5ca4d65395d" lang="en" data-wf-collection="66409cc95e85ade60aa9ad6e" data-wf-item-slug="ifor-williams-trailer-winches"><head><meta charset="utf-8"/><link href="https://cdn.prod.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>Ifor Williams Trailer Winches | Electric Winches UK</title><meta content="Shop electric winches suitable for selected Ifor Williams trailer applications. 12V options for car transporters, plant trailers and vehicle loading." name="description"/><meta content="Ifor Williams Trailer Winches | Electric Winches UK" property="og:title"/><meta content="Shop electric winches suitable for selected Ifor Williams trailer applications. 12V options for car transporters, plant trailers and vehicle loading." property="og:description"/><meta content="" property="og:image"/><meta content="Ifor Williams Trailer Winches | Electric Winches UK" name="twitter:title"/><meta content="Shop electric winches suitable for selected Ifor Williams trailer applications. 12V options for car transporters, plant trailers and vehicle loading." name="twitter:description"/><meta content="" name="twitter:image"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><meta content="r8m6i6hT6oAL4BmQN_E8vBeXocME1XIfZ_KunLZgBfI" name="google-site-verification"/><link href="https://cdn.prod.website-files.com/663bc0455a60e5ca4d65395d/css/stage-novawinch.webflow.shared.96d5727a9.min.css" rel="stylesheet" type="text/css" integrity="sha384-ltVyepKD9cavacCrBtv3E6NMtKFEeFkJPjyM6di02odSO9swGG37KkqqRQorFv7k" crossorigin="anonymous"/><link href="https://fonts.googleapis.com" rel="preconnect"/><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"/>
1<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
1<script type="text/javascript">WebFont.load({ google: { families: ["Poppins:100,200,300,400,500,600,700,800,900"] }});</script>
1<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
1<link href="https://cdn.prod.website-files.com/663bc0455a60e5ca4d65395d/664dd3cb0548bd8f3e70ed24_favicon.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/663bc0455a60e5ca4d65395d/66795df6957002042d25a921_5.png" rel="apple-touch-icon"/><link href="https://www.novawinch.uk/shop/ifor-williams-trailer-winches" rel="canonical"/><style> 2.brand-colour { 3background-color: var(--theme--brand); 4} 5 6.shopify-pc__banner__btn-manage-prefs, 7.shopify-pc__banner__btn-accept, 8.shopify-pc__banner__btn-decline { 9 display: flex !important; 10 justify-content: center !important; 11 padding: 1rem !important; 12 border: 1.5px solid var(--swatch--brand) !important; 13 color: white !important; 14} 15 16.shopify-pc__banner__btn-manage-prefs:hover, 17.shopify-pc__banner__btn-accept:hover, 18.shopify-pc__banner__btn-decline:hover { 19 color: var(--swatch--brand) !important; 20} 21 22.shopify-pc__prefs__header-actions .button { 23 display: flex !important; 24 justify-content: center !important; 25 padding: 1rem !important; 26 border: 1.5px solid var(--swatch--brand) !important; 27 color: white !important; 28} 29 30.shopify-pc__prefs__header-actions .button:hover { 31 color: var(--swatch--brand) !important; 32} 33</style> 34 35<!-- Meta Pixel Code -->
36<script>
vendor: 399 bytes, lines 36-45
36 37!function(f,b,e,v,n,t,s) 38{if(f.fbq)return;n=f.fbq=function(){n.callMethod? 39n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 40if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 41n.queue=[];t=b.createElement(e);t.async=!0; 42t.src=v;s=b.getElementsByTagName(e)[0]; 43s.parentNode.insertBefore(t,s)}(window, document,'script', 44'https://connect.facebook.net/en_US/fbevents.js'); 45fbq('init', '
451598236281714982
vendor: 30 bytes, lines 45-46
45'); 46fbq('track', 'PageView');
47</script>
47 48<noscript><img height="1" width="1" style="display:none" 49src="https://www.facebook.com/tr?id=1598236281714982&ev=PageView&noscript=1" 50/></noscript> 51<!-- End Meta Pixel Code --> 52
53<script> 54 window.SmootifyUserOptions = { 55 newCustomerAccountsPublicKey: 'shp_6ff55c6e-3198-46af-9e7d-c3bdbeb1a074', 56 newCustomerLoginRedirect: window.location.origin + "/account/my-orders", 57 invalidProductRedirectUrl: "/", 58 collectionsBase: 'department', 59 enableAutoTrack: true, 60 }; 61</script>
61 62
63<script> 64 window.SmootifySortLabels = { 65 best_selling: "Best Selling", 66 relevance: "Relevance", 67 price_asc: "Price (Low to High)", 68 price_desc: "Price (High to Low)", 69 title_asc: "Name (A - Z)", 70 title_dsc: "Name (Z - A)", 71 }; 72</script>
72 73 74<link href="https://cdn.smootify.io/assets/latest/css/index.css" rel="stylesheet" /> 75
76<script type="module" src="https://cdn.smootify.io/assets/latest/js/index.js" async defer></script>
76 77
78<script async src="https://cdn.smootify.io/assets/utils/analytics.js"></script>
78<!-- [Attributes by Finsweet] Disable scrolling -->
79<script defer src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-scrolldisable@1/scrolldisable.js"></script>
79 80 81<!-- [Attributes by Finsweet] Modal -->
82<script defer src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-modal@1/modal.js"></script>
82 83 84 85<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" /> 86 87 88 89 90<style> 91 92.preselected-filter { 93 display: none !important; 94 95} 96 97 /* changes bullet points to ticks */ 98.u-rich-text ul li::marker { 99 content: "â "; /* Use the tick emoji */ 100 color: var(--theme--brand); 101 font-size: 1rem; 102} 103 104 li a { 105 text-decoration: underline; 106} 107</style>
107<script src="https://cdn.prod.website-files.com/663bc0455a60e5ca4d65395d%2F652d31f3dc22d7b4ee708e44%2F6aa7f4c03cd0747afa8b7fc7%2Fclarity_script-8.8.5.js" type="text/javascript"></script>
107<script src="https://cdn.prod.website-files.com/663bc0455a60e5ca4d65395d%2F66ba5a08efe71070f98dd10a%2F69132041a9ee47de7681cf59%2Ft242v5sh-1.1.1.js" type="text/javascript"></script>
107<script type="text/javascript">window.__WEBFLOW_CURRENCY_SETTINGS = {"currencyCode":"USD","symbol":"$","decimal":".","fractionDigits":2,"group":",","template":"{{wf {\"path\":\"symbol\",\"type\":\"PlainText\"} }} {{wf {\"path\":\"amount\",\"type\":\"CommercePrice\"} }} {{wf {\"path\":\"currencyCode\",\"type\":\"PlainText\"} }}","hideDecimalForWholeNumbers":false};</script>
107</head><body><div class="page_wrap"><div class="page_code_wrap"><div class="page_code_base w-embed"><style> 108/* variables */ 109:root { 110 --font-weight--inherit: inherit; 111 --font-weight--100: 100; 112 --font-weight--200: 200; 113 --font-weight--300: 300; 114 --font-weight--400: 400; 115 --font-weight--500: 500; 116 --font-weight--600: 600; 117 --font-weight--700: 700; 118 --font-weight--800: 800; 119 --font-weight--900: 900; 120 --text-transform--none: none; 121 --text-transform--uppercase: uppercase; 122 --text-transform--capitalize: capitalize; 123 --text-transform--lowercase: lowercase; 124 --text-transform--inherit: inherit; 125 --max-width--none: none; 126} 127 128/* default styles */ 129body { 130 font-smoothing: antialiased; 131 -webkit-font-smoothing: antialiased; 132} 133h1, h2, h3, h4, h5, h6 { 134 font-size: inherit; 135 line-height: inherit; 136 font-weight: inherit; 137} 138h1, h2, h3, h4, h5, h6, p, label, blockquote { 139 margin-top: 0; 140 margin-bottom: 0; 141} 142button { 143 background-color: unset; 144 padding: unset; 145 text-align: inherit; 146 cursor: pointer; 147} 148img::selection { 149 background: transparent; 150} 151:is(h1, h2, h3, h4, h5, h6, p) a { 152 text-decoration: underline; 153} 154.w-richtext > *:first-child { 155 margin-top: 0; 156} 157.w-richtext > *:last-child { 158 margin-bottom: 0; 159} 160video { 161 width: 100%; 162 object-fit: cover; 163} 164video.wf-empty { 165 padding: 0; 166} 167svg { 168 display: block; 169} 170section, header, footer { 171 position: relative; 172} 173 174/* line clamp */ 175.u-line-clamp-1, .u-line-clamp-2, .u-line-clamp-3, .u-line-clamp-4 { 176 display: -webkit-box; 177 overflow: hidden; 178 -webkit-line-clamp: 1; 179 -webkit-box-orient: vertical; 180} 181.u-line-clamp-2 { -webkit-line-clamp: 2; } 182.u-line-clamp-3 { -webkit-line-clamp: 3; } 183.u-line-clamp-4 { -webkit-line-clamp: 4; } 184 185/* component attributes */ 186 187/* section padding */ 188[data-padding-top="none"] { padding-top: var(--padding-vertical--none); } 189[data-padding-bottom="none"] { padding-bottom: var(--padding-vertical--none); } 190 191[data-padding-top="xsmall"] { padding-top: 2rem; } 192[data-padding-bottom="xsmall"] { padding-bottom: 2rem; } 193 194[data-padding-top="small"] { padding-top: var(--padding-vertical--small); } 195[data-padding-bottom="small"] { padding-bottom: var(--padding-vertical--small); } 196 197[data-padding-top="main"] { padding-top: var(--padding-vertical--main); } 198[data-padding-bottom="main"] { padding-bottom: var(--padding-vertical--main); } 199 200[data-padding-top="large"] { padding-top: var(--padding-vertical--large); } 201[data-padding-bottom="large"] { padding-bottom: var(--padding-vertical--large); } 202 203 204 205</style></div><div class="page_code_responsive w-embed"><style> 206/* desktop */ 207:root { 208 /* custom */ 209} 210/* tablet */ 211@media screen and (max-width: 991px) { 212 :root { 213 /* custom */ 214 --padding-horizontal--main: 2rem; 215 /* adaptive sizes */ 216 --size--2rem: 1.75rem; 217 --size--2-5rem: 2.18rem; 218 --size--3rem: 2.52rem; 219 --size--3-5rem: 2.73rem; 220 --size--4rem: 3rem; 221 --size--4-5rem: 3.375rem; 222 --size--5rem: 3.75rem; 223 --size--5-5rem: 4.125rem; 224 --size--6rem: 4.5rem; 225 --size--6-5rem: 4.875rem; 226 --size--7rem: 5.25rem; 227 --size--7-5rem: 5.625rem; 228 --size--8rem: 6rem; 229 --size--8-5rem: 6.375rem; 230 --size--9rem: 6.75rem; 231 --size--9-5rem: 7.125rem; 232 --size--10rem: 7.5rem; 233 --size--11rem: 8.25rem; 234 --size--12rem: 9rem; 235 --size--13rem: 9.75rem; 236 --size--14rem: 10.5rem; 237 --size--15rem: 11.25rem; 238 --size--16rem: 12rem; 239 } 240} 241/* landscape */ 242@media screen and (max-width: 767px) { 243 :root { 244 /* custom */ 245 --padding-horizontal--main: 1rem; 246 /* adaptive sizes */ 247 --size--2-5rem: 2rem; 248 --size--3rem: 2.25rem; 249 --size--3-5rem: 2.375rem; 250 --size--4rem: 2.5rem; 251 --size--4-5rem: 2.75rem; 252 --size--5rem: 3rem; 253 --size--5-5rem: 3.25rem; 254 --size--6rem: 3.5rem; 255 --size--6-5rem: 3.75rem; 256 --size--7rem: 4rem; 257 --size--7-5rem: 4.25rem; 258 --size--8rem: 4.5rem; 259 --size--8-5rem: 4.75rem; 260 --size--9rem: 5rem; 261 --size--9-5rem: 5.25rem; 262 --size--10rem: 5.5rem; 263 --size--11rem: 5.75rem; 264 --size--12rem: 6rem; 265 --size--13rem: 6.5rem; 266 --size--14rem: 7rem; 267 --size--15rem: 7.5rem; 268 --size--16rem: 8rem; 269 } 270} 271/* portrait */ 272@media screen and (max-width: 479px) { 273 :root { 274 /* custom */ 275 } 276} 277</style></div><div class="page_code_custom w-embed"><style> 278 279 /* If the slider list contains an empty CMS state, hide the parent section */ 280[data-cms-check="true"]:has(.w-dyn-empty) { 281 display: none !important; 282} 283 284 285/* 1. Base Desktop Rule (applies when no media queries trigger) */ 286.slider_offset { 287 --slide-count: var(--lg); 288 --lg: 3; 289 --md: var(--lg); 290 --sm: var(--md); 291 --xs: var(--sm); 292} 293 294/* 2. Tablet / Medium Screens (under 800px) */ 295@media (max-width: 50em) { 296 .slider_offset { 297 --slide-count: var(--md); 298 } 299} 300 301/* 3. Mobile Landscape / Small Screens (under 560px) */ 302@media (max-width: 35em) { 303 .slider_offset { 304 --slide-count: var(--sm); 305 } 306} 307 308/* 4. Mobile Portrait / Extra Small Screens (under 320px) */ 309@media (max-width: 20em) { 310 .slider_offset { 311 --slide-count: var(--xs); 312 } 313} 314 315 316 317 318 319 /* 1. Define the side-to-side animation using rem */ 320@keyframes shiftLeftRight { 321 0% { 322 transform: translateX(0); 323 } 324 50% { 325 transform: translateX(0.25rem); /* Moves 4px equivalent to the right */ 326 } 327 100% { 328 transform: translateX(0); 329 } 330} 331 332/* 2. Apply it only when the parent button is hovered */ 333.button.is-icon.is-panel:hover .icon-1x1-small { 334 animation: shiftLeftRight 0.6s ease-in-out infinite; 335} 336 337 338 339.hidden { 340 display: none; 341} 342 343.hide { 344 display: none; 345} 346 347/* Remove number spinner from input */ 348input[type="number"] { 349 -moz-appearance: textfield; /* Firefox */ 350} 351 352/* Remove number spinner for webkit browsers */ 353input[type="number"]::-webkit-inner-spin-button, 354input[type="number"]::-webkit-outer-spin-button { 355 -webkit-appearance: none; 356 margin: 0; /* Optional: Remove the margin */ 357} 358 359/* Optional: If you want to keep the cursor pointer */ 360input[type="number"] { 361 cursor: text; 362} 363 364 365 366 367.w-slider-dot { 368 369background-color: #f7f7f7; 370border: 1.5px solid black; 371width: 0.7rem; 372height: 0.7rem; 373 374} 375 376.w-slider-dot.w-active { 377 378background-color: var(--theme--brand); 379 380} 381 382/* Hide navigation dots, arrows, and thumbnails when there is only one .w-slider-dot */ 383.pdp_img_contain:has(.pdp_slider_nav .w-slider-dot:only-child) .pdp_slider_nav, 384.pdp_img_contain:has(.pdp_slider_nav .w-slider-dot:only-child) .product_slide_arrow_button, 385.pdp_img_contain:has(.pdp_slider_nav .w-slider-dot:only-child) .pdp_img_thumbnails_contain { 386 display: none; 387} 388 389 390.no-scroll { 391 overflow: hidden; 392} 393 394 395 396.quanitity_input { 397 border-radius: 0; 398 -webkit-appearance: none; /* Ensures Safari doesn't apply its default styling */ 399 appearance: none; /* For wider browser compatibility */ 400 401} 402 403.product_card_thumbnails:empty { 404 display: none; 405} 406 407.select_link.w--current:last-child { 408border: solid 1.5px var(--swatch--brand); 409 border-bottom-left-radius: var(--radius--small); 410 border-bottom-right-radius: var(--radius--small); 411 412 413} 414 415[data-element="addtoCart-error"].w-form-fail { 416 417height: 0px; 418overflow: hidden; 419padding: 0px !important; 420margin-top: 0px !important; 421} 422 423 424.shopify-pc__banner__dialog button { 425 426background-color: #ffcb06 !important; 427border-radius: var(--radius--small) !important; 428 429} 430 431.shopify-pc__banner__btn-manage-prefs, .shopify-pc__banner__btn-accept, .shopify-pc__banner__btn-decline { 432 433color: #201e1c !important; 434border-radius: var(--radius--small) !important; 435border: 1px solid var(--theme--brand) !important; 436background-color: #ffcb06 !important; 437 438} 439 440 441.shopify-pc__banner__btn-manage-prefs:hover, .shopify-pc__banner__btn-accept:hover, .shopify-pc__banner__btn-decline:hover { 442 443color: var(--theme--brand) !important; 444background-color: #1f1f1f !important; 445} 446 447 448#shopify-pc__prefs__header-accept, #shopify-pc__prefs__header-decline, #shopify-pc__prefs__header-save { 449color: #201e1c !important; 450border-radius: var(--radius--small) !important; 451border: 1px solid var(--theme--brand) !important; 452background-color: var(--theme--brand) !important; 453 454} 455 456#shopify-pc__prefs__header-accept:hover, #shopify-pc__prefs__header-decline:hover, #shopify-pc__prefs__header-save:hover { 457 458color: var(--theme--brand) !important; 459background-color: #1f1f1f !important; 460 461} 462 463.omnisend-form-67879e63f381c115caaee113-field-container-66f16215d29b68e65db02f0b-description, .omnisend-form-67879e63f381c115caaee113-field-container-66f16215d29b68e65db02f0b-description p { 464color: #ffffff !important; 465} 466 467.omnisend-form-67879e63f381c115caaee113-field-container-66f16215d29b68e65db02f0b-label, .omnisend-form-67879e63f381c115caaee113-field-container-66f16215d29b68e65db02f0b-label p { 468 469color: #ffffff !important; 470} 471 472.omnisend-form-67879e63f381c115caaee113-field-container-66f16215d29b68e65db02f0b-description-link { 473fill: #ffffff !important; 474} 475 476 477.mobile_menu_drawer { 478-webkit-overflow-scrolling: touch; /* Improves scrolling behavior in Safari */ 479} 480 481.product-rating-badge {flex-wrap: wrap !important} 482 483 484 .cart-product-title { 485 display: -webkit-box; 486 -webkit-line-clamp: 2; 487 -webkit-box-orient: vertical; 488 overflow: hidden; 489} 490 491 492 493 /* ========================================= 494 INSTAGRAM STORY AVATAR & HOVER EFFECT 495 ========================================= */ 496
497/* 1. The Continuous Spin Animation */ 498@keyframes spin { 499 from { 500 transform: rotate(0deg); 501 } 502 to { 503 transform: rotate(360deg); 504 } 505} 506 507/* 2. The Main Wrapper */ 508.insta-stories_img_wrap { 509 display: inline-block !important; 510 position: relative; 511 padding: 4px; /* Adjust this to make the gradient border thicker/thinner */ 512 border-radius: var(--radius--round); 513 z-index: 1; /* Keeps the wrapper above the background layer */ 514 transition: transform 0.3s ease; /* Smooth pop-up effect on hover */ 515} 516 517/* 3. The Gradient Background Layer */ 518.insta-stories_img_wrap::before { 519 content: ""; 520 position: absolute; 521 inset: 0; /* Stretches the gradient to perfectly fill the wrapper */ 522 border-radius: var(--radius--round); 523 z-index: -1; /* Puts the gradient layer behind your image */ 524 525 /* Standard Instagram Colors */ 526 background: linear-gradient( 527 45deg, 528 #f09433 0%, 529 #e6683c 25%, 530 #dc2743 50%, 531 #cc2366 75%, 532 #bc1888 100% 533 ); 534} 535 536/* 4. The Animated Glow Layer */ 537.insta-stories_img_wrap::after { 538 content: ""; 539 position: absolute; 540 inset: -4px; /* CHANGED: Pulled closer to the border (was -10px) */ 541 border-radius: var(--radius--round); 542 z-index: -2; 543 544 background: linear-gradient( 545 45deg, 546 #f09433 0%, 547 #e6683c 25%, 548 #dc2743 50%, 549 #cc2366 75%, 550 #bc1888 100% 551 ); 552 553 filter: blur(6px); /* CHANGED: Tighter blur so it doesn't spread as far */ 554 opacity: 0; 555 transition: opacity 0.3s ease; 556} 557 558/* Fade in and spin the glow layer continuously */ 559.insta-stories_collection_item:hover .insta-stories_img_wrap::after { 560 opacity: 0.4; /* CHANGED: Lowered opacity so it is more of a whisper of light */ 561 animation: spin 2s linear infinite; 562} 563 564/* 5. The Hover Interactions */ 565 566/* Pop up the whole wrapper when hovering the parent item */ 567.insta-stories_collection_item:hover .insta-stories_img_wrap { 568 transform: scale(1.05) !important; 569} 570 571/* Spin the main gradient layer continuously */ 572.insta-stories_collection_item:hover .insta-stories_img_wrap::before { 573 animation: spin 2s linear infinite; 574} 575 576/* Fade in and spin the glow layer continuously (NEW) */ 577.insta-stories_collection_item:hover .insta-stories_img_wrap::after { 578 opacity: 0.8; /* Adjust between 0.1 and 1 to make the glow softer or harsher */ 579 animation: spin 2s linear infinite; 580} 581 582 583/* Hide the parent if it does NOT contain any dynamic items */ 584 .mega_menu_vehicle-type:not(:has(.w-dyn-item)) { 585 display: none !important; 586 } 587 588</style></div><div class="page_code_color w-embed"><style> 589/* theme light */ 590:root, 591[data-theme="light"], 592[data-theme="dark"] [data-theme="invert"] { 593 --theme--primary-background: var(--light-mode--primary-background); 594 --theme--secondary-background: var(--light-mode--secondary-background); 595 --theme--text: var(--light-mode--text); 596 --theme--border: var(--light-mode--border); 597 --theme--tertiary: var(--light-mode--tertiary); 598 599 /* button primary */ 600 --button--background: var(--theme--brand); 601 --button--text: var(--theme--brand-text); 602 --button--border: var(--theme--brand); 603 --button--background-hover: var(--theme--brand-hover); 604 --button--text-hover: #ffffff; 605 --button--border-hover: var(--theme--brand-hover); 606 607 /* button secondary */ 608 --button-secondary--background: var(--theme--transparent); 609 --button-secondary--text: var(--theme--brand-text); 610 --button-secondary--border: var(--theme--brand-hover); 611 --button-secondary--background-hover: var(--theme--brand-hover); 612 --button-secondary--text-hover: #ffffff; 613 --button-secondary--border-hover: var(--theme--brand-hover); 614} 615/* theme dark */ 616[data-theme="dark"], 617[data-theme="invert"], 618[data-theme="light"] [data-theme="invert"] { 619 --theme--primary-background: var(--dark-mode--primary-background); 620 --theme--secondary-background: var(--dark-mode--secondary-background); 621 --theme--text: var(--dark-mode--text); 622 --theme--border: var(--dark-mode--border); 623 --theme--tertiary: var(--dark-mode--tertiary); 624 625 /* button primary */ 626 --button--background: var(--theme--brand); 627 --button--text: var(--theme--brand-text); 628 --button--border: var(--theme--brand); 629 --button--background-hover: var(--theme--brand-hover); 630 --button--text-hover: #ffffff; 631 --button--border-hover: var(--theme--brand-hover); 632 633 /* button secondary */ 634 --button-secondary--background: var(--theme--transparent); 635 --button-secondary--text: var(--theme--text); 636 --button-secondary--border: var(--theme--border); 637 --button-secondary--background-hover: var(--theme--brand); 638 --button-secondary--text-hover: var(--theme--brand-text); 639 --button-secondary--border-hover: var(--theme--brand); 640} 641 642 643/* theme dark */ 644[data-theme="brand"] { 645--theme--primary-background: var(--theme--brand); 646--theme--text: var(--theme--brand-text); 647} 648 649/* button secondary */ 650[data-button-style="secondary"] { 651 --button--background: var(--button-secondary--background); 652 --button--text: var(--button-secondary--text); 653 --button--border: var(--button-secondary--border); 654 --button--background-hover: var(--button-secondary--background-hover); 655 --button--text-hover: var(--button-secondary--text-hover); 656 --button--border-hover: var(--button-secondary--border-hover); 657} 658/* apply colors */ 659:is( 660 c, 661 :where( 662 [data-theme]:not([data-theme="inherit"]):not( 663 :is( 664 #product-reviews-root, 665 .product-reviews-root, 666 .reviews-root, 667 .review-rating-badge, 668 .product-rating-badge 669 ) 670 ) 671 ) 672) { 673 background-color: var(--theme--primary-background); 674 color: var(--theme--text); 675} 676 677 678 679/* notification bar - error */ 680[data-style="error"] { 681 --theme--success: var(--theme--error); 682 --theme--success-content: var(--theme--error-content); 683 } 684 685 /* notification bar - warning */ 686[data-style="warning"] { 687 --theme--success: var(--theme--warning); 688 --theme--success-content: var(--theme--warning-content); 689 } 690 691 /* notification bar - info */ 692[data-style="info"] { 693 --theme--success: var(--theme--info); 694 --theme--success-content: var(--theme--info-content); 695 } 696</style></div><div class="scrollbar-css w-embed"><style> 697 698 /* Apply to all elements EXCEPT the main browser window */ 699*:not(html):not(body)::-webkit-scrollbar {
700 width: 8px; /* Width of the vertical scrollbar */ 701 height: 8px; /* Height of the horizontal scrollbar */ 702} 703 704/* The background track of the scrollbar */ 705*:not(html):not(body)::-webkit-scrollbar-track { 706 background: #121212; /* Matches dark theme background */ 707 border-radius: 10px; 708} 709 710/* The draggable scroll handle */ 711*:not(html):not(body)::-webkit-scrollbar-thumb { 712 background: #333333; /* Subtle dark grey thumb */ 713 border-radius: 10px; 714 border: 2px solid #121212; /* Creates a clean "padding" effect around the thumb */ 715 transition: background 0.2s ease; /* Note: transitions on scrollbars don't work in all WebKit browsers */ 716} 717 718/* Scroll handle on hover */ 719*:not(html):not(body)::-webkit-scrollbar-thumb:hover { 720 background: #4f4f4f; /* Slightly brighter on hover for feedback */ 721} 722 723 /* For Firefox */ 724*:not(html):not(body) { 725 scrollbar-width: thin; /* Makes the scrollbar thinner, similar to your 8px rule */ 726 scrollbar-color: #444 #1e1e1e; /* thumb color | track color */ 727} 728</style></div></div><nav class="nav_component"><div class="desktop_nav"><div class="desktop_nav_middle_wrap"><div class="desktop_nav_middle_contain u-container"><ul role="list" class="nav_actions_wrap w-list-unstyled"><li class="nav_buttons_item is-main"><a aria-label="Open navigation menu" data-menu="open" href="#" class="button is-icon is-nav w-inline-block"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" app="ikonik" class="nav_middle_icon"><defs app="ikonik"><clipPath app="ikonik"><rect width="24" height="24" fill="currentColor" transform="translate(0 0.000976562)" app="ikonik" class="rect-m0dcm secondary-26"></rect></clipPath></defs><g clip-path="url(#clip0)" app="ikonik"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.5 5C2.94772 5 2.5 5.44772 2.5 6C2.5 6.55228 2.94772 7 3.5 7H20.5C21.0523 7 21.5 6.55228 21.5 6C21.5 5.44772 21.0523 5 20.5 5H3.5ZM2.5 12C2.5 11.4477 2.94772 11 3.5 11H20.5C21.0523 11 21.5 11.4477 21.5 12C21.5 12.5523 21.0523 13 20.5 13H3.5C2.94772 13 2.5 12.5523 2.5 12ZM2.5 18.001C2.5 17.4487 2.94772 17.001 3.5 17.001H20.5C21.0523 17.001 21.5 17.4487 21.5 18.001C21.5 18.5533 21.0523 19.001 20.5 19.001H3.5C2.94772 19.001 2.5 18.5533 2.5 18.001Z" fill="currentColor" app="ikonik" class="path-315jg secondary-27"></path></g></svg><div class="hide-mobile-landscape">Shop Winches</div></a></li><li class="nav_buttons_item is-main"><div class="form_main_wrap is-search w-form"><form method="get" name="wf-form-" data-name="" class="form_main_list" data-wf-page-id="66409cc95e85ade60aa9ad81" data-wf-element-id="b84c514e-1974-5272-4094-313d28af96f2" data-turnstile-sitekey="0x4AAAAAAAQTptj2So4dx43e"><div class="form_main_field_wrap is-search"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="64" height="64" fill="currentColor" app="ikonik" aria-hidden="true" class="nav_middle_icon is-search"><g app="ikonik"><g data-name="search" app="ikonik"><path d="M20.71 19.29l-3.4-3.39A7.92 7.92 0 0 0 19 11a8 8 0 1 0-8 8 7.92 7.92 0 0 0 4.9-1.69l3.39 3.4a1 1 0 0 0 1.42 0 1 1 0 0 0 0-1.42zM5 11a6 6 0 1 1 6 6 6 6 0 0 1-6-6z" app="ikonik"></path><rect width="24" height="24" fill="currentColor" opacity="0" app="ikonik" class="rect-6b989"></rect></g></g></svg><input class="form_main_field_input is-search w-input" maxlength="256" name="Search" data-name="Search" placeholder="Search..." data-element="search-input" type="text" id="Search"/><a data-element="search-close" href="#" class="search-close w-inline-block"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" class="nav_middle_icon"><path d="M480-424 364-308q-11 11-28 11t-28-11q-11-11-11-28t11-28l116-116-116-115q-11-11-11-28t11-28q11-11 28-11t28 11l116 116 115-116q11-11 28-11t28 11q12 12 12 28.5T651-595L535-480l116 116q11 11 11 28t-11 28q-12 12-28.5 12T595-308L480-424Z" fill="currentColor"></path></svg></a></div></form><div class="w-form-done"><div>Thank you! Your submission has been received!</div></div><div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div><div class="custom-code w-embed w-script">
728<script> 729window.addEventListener("DOMContentLoaded", () => { 730 function initSearchAnimation() { 731 if (typeof gsap === "undefined") { 732 setTimeout(initSearchAnimation, 100); 733 return; 734 } 735 736 function debounce(func, wait) { 737 let timeout; 738 return function (...args) { 739 const context = this; 740 clearTimeout(timeout); 741 timeout = setTimeout(() => func.apply(context, args), wait); 742 }; 743 } 744 745 function toggleChatVisibility(shouldHide) { 746 const chatEls = document.querySelectorAll("#ShopifyChat, #shopify-chat"); 747 for (let i = 0; i < chatEls.length; i++) { 748 if (chatEls[i]) chatEls[i].style.display = shouldHide ? "none" : ""; 749 } 750 } 751 752 const searchInput = document.getElementById("Search"); 753 const closeButton = document.querySelector('[data-element="search-close"]'); 754 const searchWrapper = document.querySelector(".form_main_field_wrap.is-search"); 755 const searchDrawer = document.querySelector(".search_drawer_component"); 756 const searchDrawerContent = document.querySelector(".search_drawer"); 757 758 if (!searchInput || !closeButton) return; 759 760 gsap.set(closeButton, { autoAlpha: 0, display: "none" }); 761 if (searchDrawer) { 762 gsap.set(searchDrawer, { autoAlpha: 0, display: "none" }); 763 } 764 765 const tl = gsap.timeline({ 766 paused: true, 767 onStart: () => { 768 document.body.style.overflow = "hidden"; 769 }, 770 onReverseComplete: () => { 771 gsap.set(searchWrapper, { clearProps: "width,maxWidth" }); 772 document.body.style.overflow = ""; 773 } 774 }); 775 776 const isDesktopQuery = window.matchMedia("(min-width: 992px)"); 777 778 if (isDesktopQuery.matches) { 779 tl.to(searchWrapper, { 780 width: "100%", 781 duration: 0.4, 782 ease: "power2.out", 783 overwrite: "auto", 784 onStart: () => { 785 gsap.set(searchWrapper, { transition: "none" }); 786 } 787 }).to( 788 closeButton, 789 { 790 autoAlpha: 1, 791 duration: 0.4, 792 display: "flex", 793 }, 794 "<" 795 ); 796 } 797 798 if (searchDrawer) { 799 tl.to(searchDrawer, { 800 autoAlpha: 1, 801 display: "block", 802 duration: 0.4 803 }, "<"); 804 } 805 806 const smootifyInput = document.querySelector('[data-element="smootify-search"]'); 807 const departmentItems = document.querySelectorAll('[data-element="departments-list"] .w-dyn-item'); 808 const targetListWrapper = document.querySelector('[data-element="results-list"]'); 809 810 // Pre-cache item text content for maximum filtering speed 811 const cachedDepartmentItems = Array.from(departmentItems).map(item => ({ 812 node: item, 813 text: (item.textContent || item.innerText).toLowerCase() 814 })); 815 816 let originalListContent = targetListWrapper ? targetListWrapper.innerHTML : ""; 817 818 function stopSubmission(e) { 819 e.preventDefault(); 820 e.stopPropagation(); 821 return false; 822 } 823 824 const form = searchInput.closest('form'); 825 if (form) { 826 form.addEventListener('submit', stopSubmission); 827 } 828 829 searchInput.addEventListener('keydown', (e) => { 830 if (e.key === 'Enter') { 831 stopSubmission(e); 832 } 833 }); 834 835 function projectResults(value, rawValue) { 836 if (cachedDepartmentItems.length > 0 && targetListWrapper) { 837 if (value.length === 0) { 838 targetListWrapper.innerHTML = originalListContent; 839 return; 840 } 841 842 const safeValue = rawValue.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); 843 const regex = new RegExp(`(${safeValue})`, "gi"); 844 845 const fragment = document.createDocumentFragment(); 846 let matchCount = 0; 847 const MAX_ITEMS = 8; 848 849 for (let i = 0; i < cachedDepartmentItems.length; i++) { 850 if (matchCount >= MAX_ITEMS) break;
851 const cached = cachedDepartmentItems[i]; 852 853 if (cached.text.includes(value)) { 854 matchCount++; 855 const clone = cached.node.cloneNode(true); 856 clone.style.display = "block"; 857 const link = clone.querySelector('a'); 858 if (link) { 859 const originalText = cached.node.querySelector('a') ? (cached.node.querySelector('a').textContent || cached.node.querySelector('a').innerText) : cached.text; 860 link.innerHTML = originalText.replace(regex, "<b style='color: var(--theme--brand);'>$1</b>"); 861 } 862 fragment.appendChild(clone); 863 } 864 } 865 866 targetListWrapper.innerHTML = ""; 867 if (matchCount > 0) { 868 targetListWrapper.appendChild(fragment); 869 } else { 870 const noResults = document.createElement("div"); 871 noResults.className = "search_empty_text"; 872 noResults.style.padding = "1rem 0"; 873 noResults.style.opacity = "0.7"; 874 noResults.textContent = "No matching collections"; 875 targetListWrapper.appendChild(noResults); 876 } 877 } 878 } 879 880 const debouncedProjection = debounce(projectResults, 120); 881 882 function onInput(e) { 883 const value = e.target.value.toLowerCase(); 884 const rawValue = e.target.value; 885 const isDesktop = isDesktopQuery.matches; 886 887 const searchValueElements = document.querySelectorAll('[data-element="search-value"]'); 888 for (let i = 0; i < searchValueElements.length; i++) { 889 searchValueElements[i].textContent = rawValue; 890 } 891 892 if (e.target === searchInput && smootifyInput && isDesktop) { 893 smootifyInput.value = rawValue; 894 smootifyInput.dispatchEvent(new Event('input', { bubbles: true })); 895 smootifyInput.dispatchEvent(new Event('change', { bubbles: true })); 896 } else if (e.target === smootifyInput && searchInput) { 897 searchInput.value = rawValue; 898 } 899 900 debouncedProjection(value, rawValue); 901 } 902 903 searchInput.addEventListener("input", onInput); 904 if (smootifyInput) { 905 smootifyInput.addEventListener("input", onInput); 906 } 907 908 searchInput.addEventListener("focus", () => { 909 tl.timeScale(1).play(); 910 toggleChatVisibility(true); 911 }); 912 913 function closeSearch(e) { 914 if (e && e.preventDefault) e.preventDefault(); 915 916 const searchValueElements = document.querySelectorAll('[data-element="search-value"]'); 917 for (let i = 0; i < searchValueElements.length; i++) { 918 searchValueElements[i].textContent = ""; 919 } 920 921 searchInput.value = ""; 922 if (smootifyInput) { 923 smootifyInput.value = ""; 924 smootifyInput.dispatchEvent(new Event('input', { bubbles: true })); 925 smootifyInput.dispatchEvent(new Event('change', { bubbles: true })); 926 } 927 928 toggleChatVisibility(false); 929 930 if (targetListWrapper) { 931 targetListWrapper.innerHTML = originalListContent; 932 } 933 934 searchInput.blur(); 935 936 if (isDesktopQuery.matches) { 937 tl.timeScale(1.5).reverse(); 938 } else { 939 if (searchDrawerContent) { 940 gsap.to(searchDrawerContent, { 941 y: "110%", 942 duration: 0.5, 943 ease: "power3.in" 944 }); 945 } 946 if (searchDrawer) { 947 gsap.to(searchDrawer, { 948 autoAlpha: 0, 949 duration: 0.4, 950 onComplete: () => { 951 document.body.style.overflow = ""; 952 } 953 }); 954 } 955 } 956 } 957 958 closeButton.addEventListener("click", closeSearch); 959 960 document.addEventListener("click", (e) => { 961 const openSearchBtn = document.querySelector('[data-element="open-search"]'); 962 const isClickInside =
963 (searchWrapper && searchWrapper.contains(e.target)) || 964 (searchDrawerContent && searchDrawerContent.contains(e.target)) || 965 (openSearchBtn && openSearchBtn.contains(e.target)) || 966 (closeButton && closeButton.contains(e.target)); 967 968 if (!isClickInside) { 969 const isDesktop = isDesktopQuery.matches; 970 const isMobileOpen = searchDrawer && gsap.getProperty(searchDrawer, "autoAlpha") > 0; 971 const isDesktopOpen = tl.progress() > 0 && !tl.reversed(); 972 973 if ((isDesktop && isDesktopOpen) || (!isDesktop && isMobileOpen)) { 974 closeSearch(e); 975 } 976 } 977 }); 978 979 const openSearchBtn = document.querySelector('[data-element="open-search"]'); 980 if (openSearchBtn && searchDrawer) { 981 openSearchBtn.addEventListener("click", (e) => { 982 e.preventDefault(); 983 document.body.style.overflow = "hidden"; 984 985 toggleChatVisibility(true); 986 987 if (searchInput) { 988 setTimeout(() => searchInput.focus(), 100); 989 } 990 991 gsap.fromTo(searchDrawer, 992 { autoAlpha: 0, display: "block" }, 993 { autoAlpha: 1, duration: 0.4 } 994 ); 995 996 if (searchDrawerContent) { 997 gsap.fromTo(searchDrawerContent, 998 { y: "110%" }, 999 { y: "0%", duration: 0.5, ease: "power3.out" } 1000 ); 1001 } 1002 }); 1003 } 1004 } 1005 1006 initSearchAnimation(); 1007}); 1008</script>
1008</div><a data-element="open-search" href="#" class="button is-icon is-nav desktop-hide w-inline-block"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="64" height="64" fill="currentColor" app="ikonik" aria-hidden="true" class="nav_middle_icon"><g app="ikonik"><g data-name="search" app="ikonik"><path d="M20.71 19.29l-3.4-3.39A7.92 7.92 0 0 0 19 11a8 8 0 1 0-8 8 7.92 7.92 0 0 0 4.9-1.69l3.39 3.4a1 1 0 0 0 1.42 0 1 1 0 0 0 0-1.42zM5 11a6 6 0 1 1 6 6 6 6 0 0 1-6-6z" app="ikonik"></path><rect width="24" height="24" fill="currentColor" opacity="0" app="ikonik" class="rect-6b989"></rect></g></g></svg><div class="hide-mobile-landscape">Shop Winches</div></a></li></ul><a href="/" class="site-logo w-inline-block"><img width="288" height="48" alt="Novawinch UK" src="https://cdn.prod.website-files.com/663bc0455a60e5ca4d65395d/664dd341bad60dd87644e83b_Novawinch%2BR%2Blogo%2Bblack.avif" loading="eager" class="desktop_nav_logo"/></a><div class="nav_actions_wrap flex-right"><ul role="list" class="nav_actions_wrap flex-right hide-mobile-landscape w-list-unstyled"><li class="nav_buttons_item is-main"><a href="/blog" class="button is-icon is-nav w-inline-block"><div>News</div></a></li><li class="nav_buttons_item is-main"><a href="/contact-us" class="button is-icon is-nav w-inline-block"><div>Support</div></a></li></ul><smootify-cart data-open="on-add"><div data-delay="0" data-hover="false" class="cart-panel_dropdown w-dropdown"><div id="cart-panel_button" class="button is-icon is-nav w-dropdown-toggle"><div class="cart-icon-contain"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="nav_middle_icon"><path d="M17 18C15.89 18 15 18.89 15 20C15 20.5304 15.2107 21.0391 15.5858 21.4142C15.9609 21.7893 16.4696 22 17 22C17.5304 22 18.0391 21.7893 18.4142 21.4142C18.7893 21.0391 19 20.5304 19 20C19 18.89 18.1 18 17 18ZM1 2V4H3L6.6 11.59L5.24 14.04C5.09 14.32 5 14.65 5 15C5 15.5304 5.21071 16.0391 5.58579 16.4142C5.96086 16.7893 6.46957 17 7 17H19V15H7.42C7.3537 15 7.29011 14.9737 7.24322 14.9268C7.19634 14.8799 7.17 14.8163 7.17 14.75C7.17 14.7 7.18 14.66 7.2 14.63L8.1 13H15.55C16.3 13 16.96 12.58 17.3 11.97L20.88 5.5C20.95 5.34 21 5.17 21 5C21 4.73478 20.8946 4.48043 20.7071 4.29289C20.5196 4.10536 20.2652 4 20 4H5.21L4.27 2H1ZM7 18C5.89 18 5 18.89 5 20C5 20.5304 5.21071 21.0391 5.58579 21.4142C5.96086 21.7893 6.46957 22 7 22C7.53043 22 8.03914 21.7893 8.41421 21.4142C8.78929 21.0391 9 20.5304 9 20C9 18.89 8.1 18 7 18Z" fill="currentColor"></path></svg></div><div class="hide-mobile-landscape">My Cart</div><div cart="count" class="cart_count">0</div></div><nav class="cart_panel-overlay w-dropdown-list"><div class="cart_panel-panel w-form"><div data-element="header" class="mega-menu-top is-cart"><div class="mega_menu_title-wrap"><h2 class="panel_heading">Cart Summary</h2><button type="button" data-close-cart="" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><form id="wf-form-cart" name="wf-form-cart" data-name="cart" method="get" class="cart-panel_form" data-wf-page-id="66409cc95e85ade60aa9ad81" data-wf-element-id="a4d94827-a737-205a-d53f-ab969973d25c" data-turnstile-sitekey="0x4AAAAAAAQTptj2So4dx43e"><div class="cart-panel_items custom-scrollbar"><cart-item><div class="cart_item-wrapper u-text-small"><div product="url" class="cart_image-wrapper"><img cart-item="image" loading="lazy" alt="" src="https://cdn.prod.website-files.com/plugins/Basic/assets/placeholder.60f9b1840c.svg" class="cart_item-image"/></div><div class="mini-cart_item-data"><div product="url" cart-item="title" class="cart-product-title">Cart Item Title</div><div cart-item="options" class="cart_variant u-hflex-left-center u-gap-xxsmall"><div><span option="name">Name</span>:</div><div option="value">value</div></div><div class="cart_qty-contain"><div class="cart-panel_item-total u-weight-semibold u-text-main">
1008<span cart-item="total">£0.00</span></div><quantity-input><div class="quantity_input_wrap is-cart"><button data-action="minus" class="quantity_button-2 is-minus is-cart"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="svg-icon-qt"><path d="M0 0h24v24H0z" fill="none"></path><path d="M19 13H5v-2h14v2z" fill="currentColor"></path></svg></button><input class="quanitity_input-2 is-cart w-input" maxlength="256" name="field-4" data-name="Field 4" placeholder="1" type="number" id="field-4" required=""/><button data-action="plus" class="quantity_button-2 is-plus is-cart"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="svg-icon-qt"><path d="M0 0h24v24H0z" fill="none"></path><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z" fill="currentColor"></path></svg></button></div></quantity-input><button data-action="remove" class="cart_delete_btn"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" fill="none" viewBox="0 0 18 20" aria-label="Remove item from cart" class="cart-panel_item_remove"><path fill="currentColor" d="M17 4h-4V2a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2v2H1a1 1 0 0 0 0 2h1v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V6h1a1 1 0 1 0 0-2ZM7 2h4v2H7V2Zm1 14a1 1 0 1 1-2 0V8a1 1 0 0 1 2 0v8Zm4 0a1 1 0 0 1-2 0V8a1 1 0 0 1 2 0v8Z" app="ikonik" class="path-euw24"></path></svg></button></div></div></div></cart-item></div><div class="cart-panel_footer"><div class="display-flex space-between"><div>Subtotal:</div><div cart="total" class="cart-fotter_subtotal u-text-large u-weight-semibold">£300</div></div><div class="display-flex space-between"><div class="text-size-small">Shipping & Tax calculated at checkout.</div></div><div class="cart-panel_button-wrapper"><input type="submit" data-wait="Please wait..." class="button is-xlarge w-button" value="Go to checkout"/></div></div></form><div class="mini-cart_success w-form-done"><div class="spacer-6"></div><div class="empty-cart-label">Your cart is empty. Let's change that!</div><div class="spacer-6"></div><a href="#" data-close-cart="" class="button is-secondary u-max-width-full w-button">Continue Shopping</a></div><div class="mini-cart_error-message w-form-fail"><div class="mini-cart_error-label">Oops! Something went wrong while submitting the form.</div></div></div></nav></div></smootify-cart></div></div></div></div><div class="search_drawer_component"><div class="search_drawer"><div class="search_container u-container"><smootify-search class="smootify_search"><form action="/search" class="predictive-search_search desktop-hide w-form"><input class="predictive-search_input w-input" autofocus="true" maxlength="256" name="query" placeholder="Search a productâ¦" data-element="smootify-search" type="search" required=""/><input type="submit" class="predictive-search_button w-button" value=""/></form><div class="search-grid u-hflex-left-top u-gap-custom"><div class="u-vflex-left-top u-gap-custom is-search-collection"><p class="search__label u-text-h5 u-weight-semibold">Collections</p><div class="w-dyn-list"><div data-element="results-list" role="list" class="search-collection-list w-dyn-items"><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/ifor-williams-trailer-winches" aria-current="page" class="search-collection-link w--current">Electric Winches for Ifor Williams Trailers</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/electric-recovery-winches" class="search-collection-link">All Electric Winches - Recovery</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/lodar-wireless-remotes" class="search-collection-link">Lodar Wireless Remotes</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/ratchet-straps" class="search-collection-link">Ratchet Straps</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/load-binders" class="search-collection-link">Load Binders</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/snatch-block" class="search-collection-link">Winch Snatch Blocks</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/lifting-slings" class="search-collection-link">Lifting Slings</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/winch-accessories" class="search-collection-link">Winch Accessories & Spares</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/electric-winches" class="search-collection-link">12V & 24V Electric Winches</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/hydraulic-winches" class="search-collection-link">Hydraulic Winches</a></div></div></div><div class="hide w-dyn-list"><div data-element="departments-list" role="list" class="search-collection-list w-dyn-items"><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/safety-straps" class="search-collection-link">Heavy-Duty Recovery Safety Straps</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/electric-forestry-timber-winches" class="search-collection-link">Electric Forestry & Timber Winches</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/electric-winches-for-faymonville-trailers" class="search-collection-link">Electric Winches for Faymonville Trailers</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/electric-heavy-haulage-low-loader-winches" class="search-collection-link">
1008Electric Low Loader & Heavy Haulage Winches</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/electric-car-transporter-flatbed-winches" class="search-collection-link">Electric Car Transporter & Flatbed Winches</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/electric-winches-for-plant-agriculture" class="search-collection-link">Electric Plant & Agricultural Winches â 12V & 24V</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/electric-winches-for-recovery-trucks" class="search-collection-link">Electric Recovery Truck Winches â 12V & 24V</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/electric-winches-for-brian-james-trailers" class="search-collection-link">Electric Winches for Brian James Trailers</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/ifor-williams-trailer-winches" aria-current="page" class="search-collection-link w--current">Electric Winches for Ifor Williams Trailers</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/super-b-series" class="search-collection-link">Super B Series</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/commercial-recovery-trucks" class="search-collection-link">Recovery Trucks</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/forestry-timber-winches" class="search-collection-link">Forestry & Timber</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/heavy-haulage-low-loader-winches" class="search-collection-link">Heavy Haulage & Low Loader</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/car-transporter-flatbed-winches" class="search-collection-link">Car Transporter & Trailer Winches</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/plant-agricultural-winches" class="search-collection-link">Plant & Agricultural</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/electric-recovery-winches" class="search-collection-link">All Electric Winches - Recovery</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/atv-utv-winches" class="search-collection-link">ATV, UTV & Quad Bike Electric Winches</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/4x4-electric-winches" class="search-collection-link">4x4 Electric Winches & Off-Road Recovery Winches</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/great-yorkshire-show-sale" class="search-collection-link">Great Yorkshire Show Sale</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/novawinch-remotes" class="search-collection-link">Novawinch Remotes</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/lodar-wireless-remotes" class="search-collection-link">Lodar Wireless Remotes</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/ratchet-straps" class="search-collection-link">Ratchet Straps</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/winch-covers" class="search-collection-link">Winch Covers</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/mini-movers-electric-jockey-wheels" class="search-collection-link">12V Electric Jockey Wheels & Trailer Mini Movers</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/d-shackles" class="search-collection-link">Heavy-Duty Galvanised D-Shackles</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/bow-shackles" class="search-collection-link">Heavy-Duty Galvanised Bow Shackles</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/rope-dampener" class="search-collection-link">Rope Dampener</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/synthetic-rope" class="search-collection-link">Synthetic Rope</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/flat-duplex-slings" class="search-collection-link">Heavy-Duty Flat Duplex Webbing Slings</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/round-endless-slings" class="search-collection-link">Heavy-Duty Round Endless Lifting Slings</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/winch-hooks" class="search-collection-link">Winch Hooks</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/shackles" class="search-collection-link">Recovery Shackles</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/en-rated-electric-winches" class="search-collection-link">EN Rated Electric Winches</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/en-hydraulic-trailer-winches" class="search-collection-link">EN Hydraulic Trailer Winches</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/winch-control-box-cover" class="search-collection-link">Winch Control Box Cover</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/mounts-plates" class="search-collection-link">Mounts & Plates</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/duplex-slings" class="search-collection-link">Duplex Slings</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/winch-fairleads" class="search-collection-link">Winch Fairleads</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/winch-replacement-parts" class="search-collection-link">Winch Replacement Parts</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/electric-and-hydraulic-winches" class="search-collection-link">Electric and Hydraulic Winches</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/load-binders" class="search-collection-link">Load Binders</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/winch-ropes-cables" class="search-collection-link">Winch Ropes & Cables</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/snatch-block" class="search-collection-link">Winch Snatch Blocks</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/lifting-slings" class="search-collection-link">Lifting Slings</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/winch-remotes" class="search-collection-link">Winch Remotes</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/12v-electric-winch-with-synthetic-rope" class="search-collection-link">
100812V Electric Winch With Synthetic Rope</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/hydraulic-recovery-winches" class="search-collection-link">Hydraulic Recovery Winches</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/jeep-suv-winch-with-synthetic-rope" class="search-collection-link">Jeep & SUV Winch With Synthetic Rope</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/jeep-suv-winch-with-steel-rope" class="search-collection-link">Jeep & SUV Winch With Steel Rope</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/electric-recovery-winch-with-synthetic-rope" class="search-collection-link">Electric Recovery Winch With Synthetic Rope</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/electric-recovery-winch-with-steel-rope" class="search-collection-link">Electric Recovery Winch With Steel Rope</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/atv-quad-winch-with-synthetic-rope" class="search-collection-link">ATV/Quad Winch With Synthetic Rope</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/atv-quad-winch-with-steel-rope" class="search-collection-link">ATV/Quad Winch With Steel Rope</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/24v-electric-winch-with-steel-rope" class="search-collection-link">24V Electric Winch With Steel Rope</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/24v-electric-winch-with-synthetic-rope" class="search-collection-link">24V Electric Winch With Synthetic Rope</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/12v-electric-winch-with-steel-rope" class="search-collection-link">12V Electric Winch With Steel Rope</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/24v-electric-winches" class="search-collection-link">24V Electric Winches</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/12v-electric-winches" class="search-collection-link">12V Electric Winches</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/military-hydraulic-winches" class="search-collection-link">Military Hydraulic Winches</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/recovery-winches" class="search-collection-link">Recovery Truck Winches</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/atv-winches" class="search-collection-link">ATV Winches</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/sale" class="search-collection-link">SALE</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/hydraulic-toro-series" class="search-collection-link">TORO Series</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/kx-worm-gear-series" class="search-collection-link">KX Worm Gear Series</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/winch-accessories" class="search-collection-link">Winch Accessories & Spares</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/electric-t-series" class="search-collection-link">T Series</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/electric-stinger-series" class="search-collection-link">STINGER Series</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/electric-en-series" class="search-collection-link">EN Series</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/distinctive-products" class="search-collection-link">Distinctive Products</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/electric-pro-plus-series" class="search-collection-link">PRO PLUS Series</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/electric-pro-max-series" class="search-collection-link">PRO MAX Series</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/hw-series" class="search-collection-link">HW Series</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/hydraulic-hen-series" class="search-collection-link">HEN Series</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/hydraulic-hen-max-series" class="search-collection-link">HEN MAX Series</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/electric-winches" class="search-collection-link">12V & 24V Electric Winches</a></div><div role="listitem" class="search-collection-item w-dyn-item"><a href="/shop/hydraulic-winches" class="search-collection-link">Hydraulic Winches</a></div></div></div></div><div class="u-vflex-left-top u-gap-custom u-flex-grow is-search-products"><div class="search-labels-wrap"><p class="search__label u-text-h5 u-weight-semibold">Products</p></div><search-no-query class="search-column flex-grow"><div class="u-grid-global cc-3-2-2-2"><smootify-product data-id="best-seller" limit="12" class="product"><div class="display-contents"><article class="product-card-v1"><div class="product-card__top-wrapper"><a skeleton="block" product="url" href="#" class="product-card__image-wrapper w-inline-block"><img class="product-card__image" src="https://cdn.prod.website-files.com/67f3a4d4defc364bc7ae42b2/67f7816791f36c865d90554b_placeholder-image.svg" variant="image" alt="" skeleton="image" loading="lazy" max-width="720"/><div condition="on-sale" class="product-card_slither u-text-small u-weight-semibold"><div>Save <span variant="discounted-amount">£0.00</span></div></div></a></div><div class="product-card__info-wrapper"><div class="w-embed"><div skeleton="text" class="product-card__title"><a product="url"><h3><span product="vendor">Brand</span><span> </span><span product="title">Product name</span></h3></a></div></div><div class="product-card__title hide">Brand Product name</div><div class="card-stock-rating-wrap"><div class="product_starrating w-embed"><!-- Rating Badge --> 1009<div skeleton="text" class="review-rating-badge" data-star-color="#ffcb06" data-product-id="" data-size="medium"></div> 1010 1011<style> 1012.review-rating-badge span { 1013 color: #9EA0A8 !important; /* Replace with your preferred color */ 1014} 1015 1016</style></div></div><div class="div-block-3"><div skeleton="button" class="product-card__price-wrapper"><smootify-price skeleton="text" class="smootify-price-2"><div class="sm-price-container card-9"><span data-prop="price" class="sm-price card-21">£15.99</span>
1016<div class="sm-price card-21 vat-snippet">ex.VAT</div></div><div condition="on-sale" class="sm-price-container is-compare"><div class="sm-price card-21 is-compare">was</div><span data-prop="compareAtPrice" class="sm-price card-21 is-compare">£15.99</span></div></smootify-price></div><div skeleton="block" class="product-card__buttons-wrapper"><smootify-add-to-cart condition="is-not-variable"><div class="form-block w-form"><form method="get" name="email-form" data-name="Email Form" class="product-form" data-wf-page-id="66409cc95e85ade60aa9ad81" data-wf-element-id="18868de6-9259-0cd1-80ac-48b5b7e36d58" data-turnstile-sitekey="0x4AAAAAAAQTptj2So4dx43e"><button type="submit" skeleton="button" class="button text-capitalise is-disabled"><div data-state="default" class="default-state sm-buy-button__state"><div condition="in-stock">Add to cart</div><div condition="out-of-stock">Out of stock</div></div><div data-state="loading" class="loading-state sm-buy-button__state is-hidden"><svg version="1.1" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 0 0" class="sm-buy-button__icon"><path fill="currentColor" d="M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50"><animateTransform attributeName="transform" attributeType="XML" type="rotate" dur="1s" from="0 50 50" to="360 50 50" repeatCount="indefinite"></animateTransform></path></svg><div>Please wait</div></div></button></form><div class="w-form-done"><div>Thank you! Your submission has been received!</div></div><div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div></smootify-add-to-cart><a product="url" skeleton="button" condition="is-variable" href="#" class="button w-inline-block"><div data-state="default" class="default-state sm-buy-button__state"><div>View now</div></div><div data-state="loading" class="loading-state sm-buy-button__state is-hidden"><svg version="1.1" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 0 0" class="sm-buy-button__icon"><path fill="currentColor" d="M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50"><animateTransform attributeName="transform" attributeType="XML" type="rotate" dur="1s" from="0 50 50" to="360 50 50" repeatCount="indefinite"></animateTransform></path></svg><div>Please wait</div></div></a></div></div></div></article></div></smootify-product></div></search-no-query><search-with-query class="search-column flex-grow"><search-empty class="search_empty u-text-large u-vflex-left-top u-gap-xsmall"><div class="search_empty_text u-weight-semibold">Hmmmm...</div><div class="search_empty_text">We couldn't find any matches for "<span data-element="search-value">value</span>".</div><p class="search_empty_text u-text-main">Double check your search for any typos or spelling errors - or try a different search term.</p></search-empty><div class="u-grid-global cc-3-2-2-2"><search-result><div class="display-contents"><article class="product-card-v1"><div class="product-card__top-wrapper"><a search="url" href="#" class="product-card__image-wrapper w-inline-block"><img max-width="720" search="image" alt="" src="https://cdn.prod.website-files.com/67f3a4d4defc364bc7ae42b2/67f7816791f36c865d90554b_placeholder-image.svg" loading="lazy" class="product-card__image"/></a></div><div class="product-card__info-wrapper"><div class="w-embed"><div class="product-card__title"><a search="url"><span search="vendor">Brand</span><span> </span><span search="title">Product name</span></a></div></div></div></article></div></search-result></div></search-with-query></div></div></smootify-search></div></div></div></nav><div role="navigation" data-menu="component" aria-label="Navigation menu" class="mega_menu-component"><div data-menu="backdrop" class="mega_menu-backdrop"></div><div data-menu="main-panel" class="mega_menu-panel"><div data-menu="content-to-slide" class="div-block-2"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><h2 aria-label="Main navigation menu" class="panel_heading">Shop</h2><button type="button" data-menu="close" aria-label="Close navigation menu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper"><div class="mega_menu-banner"><img src="https://cdn.prod.website-files.com/663bc0455a60e5ca4d65395d/6a71b139febb52fe8cebf48b_Novawinch%20-%20illustrationimage%20(3)%20(1).jpg" loading="eager" alt="" sizes="(max-width: 340px) 100v
1016w, 340px" srcset="https://cdn.prod.website-files.com/663bc0455a60e5ca4d65395d/6a71b139febb52fe8cebf48b_Novawinch%20-%20illustrationimage%20(3)%20(1)-p-500.jpg 500w, https://cdn.prod.website-files.com/663bc0455a60e5ca4d65395d/6a71b139febb52fe8cebf48b_Novawinch%20-%20illustrationimage%20(3)%20(1)-p-800.jpg 800w, https://cdn.prod.website-files.com/663bc0455a60e5ca4d65395d/6a71b139febb52fe8cebf48b_Novawinch%20-%20illustrationimage%20(3)%20(1)-p-1080.jpg 1080w, https://cdn.prod.website-files.com/663bc0455a60e5ca4d65395d/6a71b139febb52fe8cebf48b_Novawinch%20-%20illustrationimage%20(3)%20(1)-p-1600.jpg 1600w, https://cdn.prod.website-files.com/663bc0455a60e5ca4d65395d/6a71b139febb52fe8cebf48b_Novawinch%20-%20illustrationimage%20(3)%20(1)-p-2000.jpg 2000w, https://cdn.prod.website-files.com/663bc0455a60e5ca4d65395d/6a71b139febb52fe8cebf48b_Novawinch%20-%20illustrationimage%20(3)%20(1).jpg 2400w" class="mega_menu-banner-img"/><a href="https://www.novawinch.uk/product/pro18500-18500lb-24v-commercial-recovery-winch" class="mega-menu-banner-link w-inline-block"></a></div><div data-menu="link-wrapper" class="main-menu-nav-wrapper w-dyn-list"><div aria-label="Main navigation items" role="list" class="mega_menu_collection-list w-dyn-items"><div role="listitem" class="w-dyn-item"><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon is-panel w-inline-block"><div>All Electric Winches</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/electric-winches" class="button u-max-width-full is-panel w-condition-invisible w-button">All Electric Winches</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading">All Electric Winches</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/electric-winches" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div class="mega_menu-banner"><img src="https://cdn.prod.website-files.com/664086274bef808fb60fb3af/6a71b2077fc1a507e6c7b642_Novawinch%20-%20illustrationImage%20(1).jpg" loading="eager" alt="" sizes="(max-width: 340px) 100vw, 340px" srcset="https://cdn.prod.website-files.com/664086274bef808fb60fb3af/6a71b2077fc1a507e6c7b642_Novawinch%20-%20illustrationImage%20(1)-p-500.jpg 500w, https://cdn.prod.website-files.com/664086274bef808fb60fb3af/6a71b2077fc1a507e6c7b642_Novawinch%20-%20illustrationImage%20(1)-p-800.jpg 800w, https://cdn.prod.website-files.com/664086274bef808fb60fb3af/6a71b2077fc1a507e6c7b642_Novawinch%20-%20illustrationImage%20(1)-p-1080.jpg 1080w, https://cdn.prod.website-files.com/664086274bef808fb60fb3af/6a71b2077fc1a507e6c7b642_Novawinch%20-%20illustrationImage%20(1)-p-1600.jpg 1600w, https://cdn.prod.website-files.com/664086274bef808fb60fb3af/6a71b2077fc1a507e6c7b642_Novawinch%20-%20illustrationImage%20(1)-p-2000.jpg 2000w, https://cdn.prod.website-files.com/664086274bef808fb60fb3af/6a71b2077fc1a507e6c7b642_Novawinch%20-%20illustrationImage%20(1).jpg 2400w" class="mega_menu-banner-img"/><a href="/product/stinger-12000lb-12v-4x4-winch-synthetic-rope" class="mega-menu-banner-link w-inline-block"></a></div><div class="swiper-component is-nav-menu"><div class="insta-stories is-nav-menu w-dyn-list"><div role="list" class="swiper-wrapper is-nav-menu w-dyn-items"><div role="listitem" class="insta-stories-cms-item is-nav-menu w-dyn-item"><a href="/shop/electric-pro-max-series" class="insta-stories_collection_item is-nav-menu w-inline-block"><div class="insta-stories_img_wrap"><img alt="PRO MAX Series" loading="lazy" src="https://cdn.prod.website-files.com/664086274bef808fb60fb3af/6a61c368fee8bcc4e8b26481_Electric_PRO_MAX_Series_-_Novawinch-2252022.jpeg" class="insta-stories_img"/></div><h4 class="insta-stories_label u-text-small">PRO MAX Series</h4></a></div><div role="listitem" class="insta-stories-cms-item is-nav-menu w-dyn-item"><a href="/shop/electric-pro-plus-series" class="insta-stories_collection_item is-nav-menu w-inline-block"><div class="insta-stories_img_wrap"><img alt="PRO PLUS Series" loading="lazy" src="https://cdn.prod.website-files.com/664086274bef808fb60fb3af/6a61c368fee8bcc4e8b26475_Ele
1016ctric_PRO_PLUS_Series_-_Novawinch-2252023.jpeg" class="insta-stories_img"/></div><h4 class="insta-stories_label u-text-small">PRO PLUS Series</h4></a></div><div role="listitem" class="insta-stories-cms-item is-nav-menu w-dyn-item"><a href="/shop/electric-stinger-series" class="insta-stories_collection_item is-nav-menu w-inline-block"><div class="insta-stories_img_wrap"><img alt="STINGER Series" loading="lazy" src="https://cdn.prod.website-files.com/664086274bef808fb60fb3af/66be1dada3cd05b621699949_Electric_STINGER_Series_-_Novawinch-2252024.jpeg" class="insta-stories_img"/></div><h4 class="insta-stories_label u-text-small">STINGER Series</h4></a></div><div role="listitem" class="insta-stories-cms-item is-nav-menu w-dyn-item"><a href="/shop/electric-en-series" class="insta-stories_collection_item is-nav-menu w-inline-block"><div class="insta-stories_img_wrap"><img alt="EN Series" loading="lazy" src="https://cdn.prod.website-files.com/664086274bef808fb60fb3af/6a61c368fee8bcc4e8b26484_Electric_En_Series_-_Novawinch-2252017.jpeg" class="insta-stories_img"/></div><h4 class="insta-stories_label u-text-small">EN Series</h4></a></div><div role="listitem" class="insta-stories-cms-item is-nav-menu w-dyn-item"><a href="/shop/electric-t-series" class="insta-stories_collection_item is-nav-menu w-inline-block"><div class="insta-stories_img_wrap"><img alt="T Series" loading="lazy" src="https://cdn.prod.website-files.com/664086274bef808fb60fb3af/6a61c368fee8bcc4e8b26472_Electric_T_Series_-_Novawinch-2252027.jpeg" class="insta-stories_img"/></div><h4 class="insta-stories_label u-text-small">T Series</h4></a></div><div role="listitem" class="insta-stories-cms-item is-nav-menu w-dyn-item"><a href="/shop/super-b-series" class="insta-stories_collection_item is-nav-menu w-inline-block"><div class="insta-stories_img_wrap"><img alt="Super B Series" loading="lazy" src="https://cdn.prod.website-files.com/664086274bef808fb60fb3af/6a830c2f82a389a7486e4242_Document_7f6a9a3a-4393-4b2c-a9b1-75d3a1e97a1c.jpeg" class="insta-stories_img"/></div><h4 class="insta-stories_label u-text-small">Super B Series</h4></a></div></div></div><div class="custom-js w-embed w-script">
1016<script> 1017 document.addEventListener('DOMContentLoaded', function () { 1018 // 1. Ensure swiper-slide class is on all CMS items 1019 document.querySelectorAll('.insta-stories-cms-item.is-nav-menu').forEach(function (item) { 1020 item.classList.add('swiper-slide'); 1021 }); 1022 1023 // 2. Initialize Swiper with Keyboard Accessibility 1024 const storySwiper = new Swiper('.insta-stories.is-nav-menu', { 1025 slidesPerView: 3.5, 1026 spaceBetween: 16, 1027 grabCursor: true, 1028 freeMode: false, 1029 1030 // --- KEYBOARD ACCESSIBILITY --- 1031 keyboard: { 1032 enabled: true, // Enables Arrow Left / Arrow Right navigation 1033 onlyInViewport: true, // Only responds when slider is visible on screen 1034 }, 1035 1036 // --- SCREEN READER / A11Y HELPERS --- 1037 a11y: { 1038 enabled: true, 1039 }, 1040 1041 breakpoints: { 1042 320: { slidesPerView: 4, spaceBetween: 12 }, 1043 768: { slidesPerView: 4, spaceBetween: 16 }, 1044 1024: { slidesPerView: 3.5, spaceBetween: 16 } 1045 } 1046 }); 1047 }); 1048</script>
1048</div></div><div class="w-dyn-list"><div role="list" class="mega_menu_collection-list w-dyn-items"><div data-cms-nest="item" role="listitem" class="w-dyn-item"><a data-cms-nest="link" href="/shop/12v-electric-winches" class="hide w-inline-block"><div>This is some text inside of a div block.</div></a><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon is-panel w-inline-block"><div>12V Electric Winches</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/12v-electric-winches" class="button u-max-width-full is-panel w-condition-invisible w-button">12V Electric Winches</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading u-text-h5">12V Electric Winches</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/12v-electric-winches" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div data-cms-nest="dropzone-1" class="mega_menu_collection-list"></div></div></div></div><div data-cms-nest="item" role="listitem" class="w-dyn-item"><a data-cms-nest="link" href="/shop/24v-electric-winches" class="hide w-inline-block"><div>This is some text inside of a div block.</div></a><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon is-panel w-inline-block"><div>24V Electric Winches</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/24v-electric-winches" class="button u-max-width-full is-panel w-condition-invisible w-button">24V Electric Winches</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading u-text-h5">24V Electric Winches</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/24v-electric-winches" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div data-cms-nest="dropzone-1" class="mega_menu_collection-list"></div></div></div></div></div></div><div class="mega_menu_vehicle-type"><h4 class="mega_menu_vehicle-type-heading">Shop by Application</h4><div class="w-dyn-list"><div role="list" class="mega_menu_collection-list w-dyn-items"><div data-cms-nest="item" role="listitem" class="w-dyn-item"><a data-cms-nest="link" href="/shop/electric-winches-for-recovery-trucks" class="hide w-inline-block"><div>This is some text inside of a div block.</div></a><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon
1048is-panel w-inline-block w-condition-invisible"><div>Recovery Trucks</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/electric-winches-for-recovery-trucks" class="button u-max-width-full is-panel w-button">Recovery Trucks</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading u-text-h5">Recovery Trucks</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/electric-winches-for-recovery-trucks" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div data-cms-nest="dropzone-1" class="mega_menu_collection-list"></div></div></div></div><div data-cms-nest="item" role="listitem" class="w-dyn-item"><a data-cms-nest="link" href="/shop/4x4-electric-winches" class="hide w-inline-block"><div>This is some text inside of a div block.</div></a><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon is-panel w-inline-block w-condition-invisible"><div>4x4 & Off-Road</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/4x4-electric-winches" class="button u-max-width-full is-panel w-button">4x4 & Off-Road</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading u-text-h5">4x4 & Off-Road</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/4x4-electric-winches" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div data-cms-nest="dropzone-1" class="mega_menu_collection-list"></div></div></div></div><div data-cms-nest="item" role="listitem" class="w-dyn-item"><a data-cms-nest="link" href="/shop/atv-utv-winches" class="hide w-inline-block"><div>This is some text inside of a div block.</div></a><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon
1048is-panel w-inline-block w-condition-invisible"><div>ATVs & UTVs</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/atv-utv-winches" class="button u-max-width-full is-panel w-button">ATVs & UTVs</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading u-text-h5">ATVs & UTVs</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/atv-utv-winches" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div data-cms-nest="dropzone-1" class="mega_menu_collection-list"></div></div></div></div><div data-cms-nest="item" role="listitem" class="w-dyn-item"><a data-cms-nest="link" href="/shop/electric-winches-for-plant-agriculture" class="hide w-inline-block"><div>This is some text inside of a div block.</div></a><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon is-panel w-inline-block w-condition-invisible"><div>Plant & Agriculture</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/electric-winches-for-plant-agriculture" class="button u-max-width-full is-panel w-button">Plant & Agriculture</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading u-text-h5">Plant & Agriculture</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/electric-winches-for-plant-agriculture" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div data-cms-nest="dropzone-1" class="mega_menu_collection-list"></div></div></div></div><div data-cms-nest="item" role="listitem" class="w-dyn-item"><a data-cms-nest="link" href="/shop/electric-car-transporter-flatbed-winches" class="hide w-inline-block"><div>This is some text inside of a div block.</div></a><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon
1048is-panel w-inline-block"><div>Car Transporters & Flatbeds</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/electric-car-transporter-flatbed-winches" class="button u-max-width-full is-panel w-condition-invisible w-button">Car Transporters & Flatbeds</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading u-text-h5">Car Transporters & Flatbeds</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/electric-car-transporter-flatbed-winches" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div data-cms-nest="dropzone-1" class="mega_menu_collection-list"></div></div></div></div><div data-cms-nest="item" role="listitem" class="w-dyn-item"><a data-cms-nest="link" href="/shop/electric-heavy-haulage-low-loader-winches" class="hide w-inline-block"><div>This is some text inside of a div block.</div></a><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon is-panel w-inline-block"><div>Heavy Haulage & Low Loaders</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/electric-heavy-haulage-low-loader-winches" class="button u-max-width-full is-panel w-condition-invisible w-button">Heavy Haulage & Low Loaders</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading u-text-h5">Heavy Haulage & Low Loaders</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/electric-heavy-haulage-low-loader-winches" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div data-cms-nest="dropzone-1" class="mega_menu_collection-list"></div></div></div></div><div data-cms-nest="item" role="listitem" class="w-dyn-item"><a data-cms-nest="link" href="/shop/electric-forestry-timber-winches" class="hide w-inline-block"><div>This is some text inside of a div block.</div></a><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon
1048is-panel w-inline-block w-condition-invisible"><div>Forestry & Timber</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/electric-forestry-timber-winches" class="button u-max-width-full is-panel w-button">Forestry & Timber</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading u-text-h5">Forestry & Timber</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/electric-forestry-timber-winches" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div data-cms-nest="dropzone-1" class="mega_menu_collection-list"></div></div></div></div></div></div></div></div></div></div><div role="listitem" class="w-dyn-item"><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon is-panel w-inline-block"><div>All Hydraulic Winches</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/hydraulic-winches" class="button u-max-width-full is-panel w-condition-invisible w-button">All Hydraulic Winches</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading">All Hydraulic Winches</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/hydraulic-winches" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div class="swiper-component is-nav-menu"><div class="insta-stories is-nav-menu w-dyn-list"><div role="list" class="swiper-wrapper is-nav-menu w-dyn-items"><div role="listitem" class="insta-stories-cms-item is-nav-menu w-dyn-item"><a href="/shop/hydraulic-toro-series" class="insta-stories_collection_item is-nav-menu w-inline-block"><div class="insta-stories_img_wrap"><img alt="TORO Series" loading="lazy" src="https://cdn.prod.website-files.com/664086274bef808fb60fb3af/6a61c368fee8bcc4e8b26487_Hydraulic_TORO_Series_
1048-_Novawinch-2252035.jpeg" class="insta-stories_img"/></div><h4 class="insta-stories_label u-text-small">TORO Series</h4></a></div><div role="listitem" class="insta-stories-cms-item is-nav-menu w-dyn-item"><a href="/shop/hw-series" class="insta-stories_collection_item is-nav-menu w-inline-block"><div class="insta-stories_img_wrap"><img alt="HW Series" loading="lazy" src="https://cdn.prod.website-files.com/664086274bef808fb60fb3af/6a61c368fee8bcc4e8b2646f_Hydraulic_HW_Series_-_Novawinch-2252033.jpeg" class="insta-stories_img"/></div><h4 class="insta-stories_label u-text-small">HW Series</h4></a></div><div role="listitem" class="insta-stories-cms-item is-nav-menu w-dyn-item"><a href="/shop/hydraulic-hen-series" class="insta-stories_collection_item is-nav-menu w-inline-block"><div class="insta-stories_img_wrap"><img alt="HEN Series" loading="lazy" src="https://cdn.prod.website-files.com/664086274bef808fb60fb3af/6a61c368fee8bcc4e8b26478_Hydraulic_HEN_Standard_Series_-_Novawinch-2252030.jpeg" class="insta-stories_img"/></div><h4 class="insta-stories_label u-text-small">HEN Series</h4></a></div><div role="listitem" class="insta-stories-cms-item is-nav-menu w-dyn-item"><a href="/shop/hydraulic-hen-max-series" class="insta-stories_collection_item is-nav-menu w-inline-block"><div class="insta-stories_img_wrap"><img alt="HEN MAX Series" loading="lazy" src="https://cdn.prod.website-files.com/664086274bef808fb60fb3af/6a61c368fee8bcc4e8b2647e_Hydraulic_HEN_MAX_Series_-_Novawinch-2252028.jpeg" class="insta-stories_img"/></div><h4 class="insta-stories_label u-text-small">HEN MAX Series</h4></a></div><div role="listitem" class="insta-stories-cms-item is-nav-menu w-dyn-item"><a href="/shop/kx-worm-gear-series" class="insta-stories_collection_item is-nav-menu w-inline-block"><div class="insta-stories_img_wrap"><img alt="KX Worm Gear Series" loading="lazy" src="https://cdn.prod.website-files.com/664086274bef808fb60fb3af/6a61c368fee8bcc4e8b2647b_KX_Worm_Gear_Series_-_Novawinch-2252037.jpeg" class="insta-stories_img"/></div><h4 class="insta-stories_label u-text-small">KX Worm Gear Series</h4></a></div></div></div><div class="custom-js w-embed w-script">
1048<script> 1049 document.addEventListener('DOMContentLoaded', function () { 1050 // 1. Ensure swiper-slide class is on all CMS items 1051 document.querySelectorAll('.insta-stories-cms-item.is-nav-menu').forEach(function (item) { 1052 item.classList.add('swiper-slide'); 1053 }); 1054 1055 // 2. Initialize Swiper with Keyboard Accessibility 1056 const storySwiper = new Swiper('.insta-stories.is-nav-menu', { 1057 slidesPerView: 3.5, 1058 spaceBetween: 16, 1059 grabCursor: true, 1060 freeMode: false, 1061 1062 // --- KEYBOARD ACCESSIBILITY --- 1063 keyboard: { 1064 enabled: true, // Enables Arrow Left / Arrow Right navigation 1065 onlyInViewport: true, // Only responds when slider is visible on screen 1066 }, 1067 1068 // --- SCREEN READER / A11Y HELPERS --- 1069 a11y: { 1070 enabled: true, 1071 }, 1072 1073 breakpoints: { 1074 320: { slidesPerView: 4, spaceBetween: 12 }, 1075 768: { slidesPerView: 4, spaceBetween: 16 }, 1076 1024: { slidesPerView: 3.5, spaceBetween: 16 } 1077 } 1078 }); 1079 }); 1080</script>
1080</div></div><div class="w-dyn-list"><div role="list" class="mega_menu_collection-list w-dyn-items"><div data-cms-nest="item" role="listitem" class="w-dyn-item"><a data-cms-nest="link" href="/shop/military-hydraulic-winches" class="hide w-inline-block"><div>This is some text inside of a div block.</div></a><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon is-panel w-inline-block w-condition-invisible"><div>Military Rated Hydraulic Winches</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/military-hydraulic-winches" class="button u-max-width-full is-panel w-button">Military Rated Hydraulic Winches</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading u-text-h5">Military Rated Hydraulic Winches</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/military-hydraulic-winches" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div data-cms-nest="dropzone-1" class="mega_menu_collection-list"></div></div></div></div></div></div><div class="mega_menu_vehicle-type"><h4 class="mega_menu_vehicle-type-heading">Shop by Application</h4><div class="w-dyn-list"><div role="list" class="mega_menu_collection-list w-dyn-items"></div></div></div></div></div></div><div role="listitem" class="w-dyn-item"><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon is-panel w-inline-block"><div>Winch Ropes & Cables</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/winch-ropes-cables" class="button u-max-width-full is-panel w-condition-invisible w-button">Winch Ropes & Cables</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading">Winch Ropes & Cables</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/winch-ropes-cables" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div class="w-dyn-list"><div role="list" class="mega_menu_collection-list w-dyn-items"><div data-cms-nest="item" role="listitem" class="w-dyn-item"><a data-cms-nest="link" href="/shop/synthetic-rope" class="hide w-inline-block"><div>This is some text inside of a div block.</div></a><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon
1080is-panel w-inline-block w-condition-invisible"><div>Synthetic Rope</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/synthetic-rope" class="button u-max-width-full is-panel w-button">Synthetic Rope</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading u-text-h5">Synthetic Rope</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/synthetic-rope" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div data-cms-nest="dropzone-1" class="mega_menu_collection-list"></div></div></div></div><div data-cms-nest="item" role="listitem" class="w-dyn-item"><a data-cms-nest="link" href="/shop/rope-dampener" class="hide w-inline-block"><div>This is some text inside of a div block.</div></a><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon is-panel w-inline-block w-condition-invisible"><div>Rope Dampener</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/rope-dampener" class="button u-max-width-full is-panel w-button">Rope Dampener</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading u-text-h5">Rope Dampener</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/rope-dampener" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div data-cms-nest="dropzone-1" class="mega_menu_collection-list"></div></div></div></div></div></div><div class="mega_menu_vehicle-type"><h4 class="mega_menu_vehicle-type-heading">Shop by Application</h4><div class="w-dyn-list"><div role="list" class="mega_menu_collection-list w-dyn-items"></div></div></div></div></div></div><div role="listitem" class="w-dyn-item"><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon
1080is-panel w-inline-block w-condition-invisible"><div>Electric Jockey Wheels</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/mini-movers-electric-jockey-wheels" class="button u-max-width-full is-panel w-button">Electric Jockey Wheels</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading">Electric Jockey Wheels</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/mini-movers-electric-jockey-wheels" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div class="w-dyn-list"><div class="w-dyn-empty"><div>No items found.</div></div></div><div class="mega_menu_vehicle-type"><h4 class="mega_menu_vehicle-type-heading">Shop by Application</h4><div class="w-dyn-list"><div class="w-dyn-empty"><div>No items found.</div></div></div></div></div></div></div><div role="listitem" class="w-dyn-item"><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon is-panel w-inline-block"><div>Winch Accessories & Spares</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/winch-accessories" class="button u-max-width-full is-panel w-condition-invisible w-button">Winch Accessories & Spares</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading">Winch Accessories & Spares</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/winch-accessories" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div class="w-dyn-list"><div role="list" class="mega_menu_collection-list w-dyn-items"><div data-cms-nest="item" role="listitem" class="w-dyn-item"><a data-cms-nest="link" href="/shop/mounts-plates" class="hide w-inline-block"><div>This is some text inside of a div block.</div></a><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon
1080is-panel w-inline-block w-condition-invisible"><div>Mounts & Plates</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/mounts-plates" class="button u-max-width-full is-panel w-button">Mounts & Plates</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading u-text-h5">Mounts & Plates</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/mounts-plates" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div data-cms-nest="dropzone-1" class="mega_menu_collection-list"></div></div></div></div><div data-cms-nest="item" role="listitem" class="w-dyn-item"><a data-cms-nest="link" href="/shop/winch-remotes" class="hide w-inline-block"><div>This is some text inside of a div block.</div></a><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon is-panel w-inline-block"><div>Winch Remotes</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/winch-remotes" class="button u-max-width-full is-panel w-condition-invisible w-button">Winch Remotes</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading u-text-h5">Winch Remotes</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/winch-remotes" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div data-cms-nest="dropzone-1" class="mega_menu_collection-list"></div></div></div></div><div data-cms-nest="item" role="listitem" class="w-dyn-item"><a data-cms-nest="link" href="/shop/winch-fairleads" class="hide w-inline-block"><div>This is some text inside of a div block.</div></a><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon
1080is-panel w-inline-block w-condition-invisible"><div>Winch Fairleads</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/winch-fairleads" class="button u-max-width-full is-panel w-button">Winch Fairleads</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading u-text-h5">Winch Fairleads</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/winch-fairleads" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div data-cms-nest="dropzone-1" class="mega_menu_collection-list"></div></div></div></div><div data-cms-nest="item" role="listitem" class="w-dyn-item"><a data-cms-nest="link" href="/shop/winch-covers" class="hide w-inline-block"><div>This is some text inside of a div block.</div></a><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon is-panel w-inline-block w-condition-invisible"><div>Winch Covers</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/winch-covers" class="button u-max-width-full is-panel w-button">Winch Covers</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading u-text-h5">Winch Covers</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/winch-covers" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div data-cms-nest="dropzone-1" class="mega_menu_collection-list"></div></div></div></div><div data-cms-nest="item" role="listitem" class="w-dyn-item"><a data-cms-nest="link" href="/shop/winch-replacement-parts" class="hide w-inline-block"><div>This is some text inside of a div block.</div></a><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon
1080is-panel w-inline-block w-condition-invisible"><div>Winch Replacement Parts</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/winch-replacement-parts" class="button u-max-width-full is-panel w-button">Winch Replacement Parts</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading u-text-h5">Winch Replacement Parts</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/winch-replacement-parts" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div data-cms-nest="dropzone-1" class="mega_menu_collection-list"></div></div></div></div></div></div><div class="mega_menu_vehicle-type"><h4 class="mega_menu_vehicle-type-heading">Shop by Application</h4><div class="w-dyn-list"><div role="list" class="mega_menu_collection-list w-dyn-items"></div></div></div></div></div></div><div role="listitem" class="w-dyn-item"><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon is-panel w-inline-block"><div>Lifting Slings</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/lifting-slings" class="button u-max-width-full is-panel w-condition-invisible w-button">Lifting Slings</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading">Lifting Slings</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/lifting-slings" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div class="mega_menu-banner"><img src="https://cdn.prod.website-files.com/664086274bef808fb60fb3af/6942a53cdcc31874da98d3b5_1st%20Level.jpg" loading="eager" alt="" class="mega_menu-banner-img"/>
1080<a href="/product/12-tonne-webbing-sling-flat-duplex-12000kg" class="mega-menu-banner-link w-inline-block"></a></div><div class="w-dyn-list"><div role="list" class="mega_menu_collection-list w-dyn-items"><div data-cms-nest="item" role="listitem" class="w-dyn-item"><a data-cms-nest="link" href="/shop/round-endless-slings" class="hide w-inline-block"><div>This is some text inside of a div block.</div></a><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon is-panel w-inline-block w-condition-invisible"><div>Round Endless Slings</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/round-endless-slings" class="button u-max-width-full is-panel w-button">Round Endless Slings</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading u-text-h5">Round Endless Slings</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/round-endless-slings" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div data-cms-nest="dropzone-1" class="mega_menu_collection-list"></div></div></div></div><div data-cms-nest="item" role="listitem" class="w-dyn-item"><a data-cms-nest="link" href="/shop/flat-duplex-slings" class="hide w-inline-block"><div>This is some text inside of a div block.</div></a><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon is-panel w-inline-block w-condition-invisible"><div>Flat Duplex Slings</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/flat-duplex-slings" class="button u-max-width-full is-panel w-button">Flat Duplex Slings</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading u-text-h5">Flat Duplex Slings</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/flat-duplex-slings" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div data-cms-nest="dropzone-1" class="mega_menu_collection-list"></div></div></div></div></div></div><div class="mega_menu_vehicle-type"><h4 class="mega_menu_vehicle-type-heading">Shop by Application</h4><div class="w-dyn-list"><div role="list" class="mega_menu_collection-list w-dyn-items"></div></div></div></div></div></div><div role="listitem" class="w-dyn-item"><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon
1080is-panel w-inline-block w-condition-invisible"><div>Ratchet Straps</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/ratchet-straps" class="button u-max-width-full is-panel w-button">Ratchet Straps</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading">Ratchet Straps</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/ratchet-straps" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div class="w-dyn-list"><div class="w-dyn-empty"><div>No items found.</div></div></div><div class="mega_menu_vehicle-type"><h4 class="mega_menu_vehicle-type-heading">Shop by Application</h4><div class="w-dyn-list"><div class="w-dyn-empty"><div>No items found.</div></div></div></div></div></div></div><div role="listitem" class="w-dyn-item"><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon is-panel w-inline-block w-condition-invisible"><div>Snatch Blocks</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/snatch-block" class="button u-max-width-full is-panel w-button">Snatch Blocks</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading">Snatch Blocks</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/snatch-block" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div class="w-dyn-list"><div class="w-dyn-empty"><div>No items found.</div></div></div><div class="mega_menu_vehicle-type"><h4 class="mega_menu_vehicle-type-heading">Shop by Application</h4><div class="w-dyn-list"><div class="w-dyn-empty"><div>No items found.</div></div></div></div></div></div></div><div role="listitem" class="w-dyn-item"><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon
1080is-panel w-inline-block w-condition-invisible"><div>Load Binders</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/load-binders" class="button u-max-width-full is-panel w-button">Load Binders</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading">Load Binders</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/load-binders" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div class="w-dyn-list"><div class="w-dyn-empty"><div>No items found.</div></div></div><div class="mega_menu_vehicle-type"><h4 class="mega_menu_vehicle-type-heading">Shop by Application</h4><div class="w-dyn-list"><div class="w-dyn-empty"><div>No items found.</div></div></div></div></div></div></div><div role="listitem" class="w-dyn-item"><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon is-panel w-inline-block"><div>Shackles</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/shackles" class="button u-max-width-full is-panel w-condition-invisible w-button">Shackles</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading">Shackles</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/shackles" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div class="w-dyn-list"><div role="list" class="mega_menu_collection-list w-dyn-items"><div data-cms-nest="item" role="listitem" class="w-dyn-item"><a data-cms-nest="link" href="/shop/d-shackles" class="hide w-inline-block"><div>This is some text inside of a div block.</div></a><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon
1080is-panel w-inline-block w-condition-invisible"><div>D-Shackles</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/d-shackles" class="button u-max-width-full is-panel w-button">D-Shackles</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading u-text-h5">D-Shackles</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/d-shackles" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div data-cms-nest="dropzone-1" class="mega_menu_collection-list"></div></div></div></div><div data-cms-nest="item" role="listitem" class="w-dyn-item"><a data-cms-nest="link" href="/shop/bow-shackles" class="hide w-inline-block"><div>This is some text inside of a div block.</div></a><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon is-panel w-inline-block w-condition-invisible"><div>Bow Shackles</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/bow-shackles" class="button u-max-width-full is-panel w-button">Bow Shackles</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading u-text-h5">Bow Shackles</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/bow-shackles" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div data-cms-nest="dropzone-1" class="mega_menu_collection-list"></div></div></div></div></div></div><div class="mega_menu_vehicle-type"><h4 class="mega_menu_vehicle-type-heading">Shop by Application</h4><div class="w-dyn-list"><div role="list" class="mega_menu_collection-list w-dyn-items"></div></div></div></div></div></div><div role="listitem" class="w-dyn-item"><a menu="nav-links" data-menu="open-sub" aria-label="Open submenu" href="#" class="button is-icon
1080is-panel w-inline-block w-condition-invisible"><div>Safety Straps</div><div class="icon-1x1-small w-embed"><svg aria-hidden="true" fill='currentColor' role="img" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><title>Arrow Right</title><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg></div></a><a menu="nav-links" aria-label="Navigate to product category" href="/shop/safety-straps" class="button u-max-width-full is-panel w-button">Safety Straps</a><div data-menu="sub-panel" class="mega_menu-panel-2 is-sub-nav"><div data-element="header" class="mega-menu-top"><div class="mega_menu_title-wrap"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" data-menu="back" aria-label="Go back to main menu" class="close-button for-submenu"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z" fill="currentColor"></path></svg><h3 class="panel_heading">Safety Straps</h3><button type="button" data-menu="close" aria-label="Close submenu" class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="close_icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z" fill="currentColor"></path></svg></button></div></div><div class="mega_menu_content-wrapper padding-small is-sub-panel"><a href="/shop/safety-straps" class="button u-max-width-full is-shop-all w-inline-block"><div>Shop All</div></a><div class="w-dyn-list"><div class="w-dyn-empty"><div>No items found.</div></div></div><div class="mega_menu_vehicle-type"><h4 class="mega_menu_vehicle-type-heading">Shop by Application</h4><div class="w-dyn-list"><div class="w-dyn-empty"><div>No items found.</div></div></div></div></div></div></div></div></div></div></div><div class="mega_menu-footer"><div class="mega_menu_footer-content"><a href="/contact-us" class="mega_menu_footer_item w-inline-block"><div class="footer-item-icon-contain"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="button-icon"><path d="M0 0h24v24H0z" fill="none"></path><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z" fill="currentColor"></path></svg></div><div class="text-size-tiny">Contact</div></a><a href="https://www.facebook.com/novawinch" target="_blank" class="mega_menu_footer_item w-inline-block"><div class="footer-item-icon-contain"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="100%" id="Layer_1" viewBox="-337 273 123.5 256" class="button-icon"><path d="M-260.9,327.8c0-10.3,9.2-14,19.5-14c10.3,0,21.3,3.2,21.3,3.2l6.6-39.2c0,0-14-4.8-47.4-4.8c-20.5,0-32.4,7.8-41.1,19.3 c-8.2,10.9-8.5,28.4-8.5,39.7v25.7H-337V396h26.5v133h49.6V396h39.3l2.9-38.3h-42.2V327.8z"></path></svg></div><div class="text-size-tiny">Facebook</div></a><a href="https://www.instagram.com/novawinch.uk/" target="_blank" class="mega_menu_footer_item w-inline-block"><div class="footer-item-icon-contain"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="100%" id="Layer_1" viewBox="-271 273 256 256" class="button-icon"><path d="M-64.5,273h-157c-27.3,0-49.5,22.2-49.5,49.5v52.3v104.8c0,27.3,22.2,49.5,49.5,49.5h157c27.3,0,49.5-22.2,49.5-49.5V374.7 v-52.3C-15.1,295.2-37.3,273-64.5,273z M-50.3,302.5h5.7v5.6v37.8l-43.3,0.1l-0.1-43.4L-50.3,302.5z M-179.6,374.7 c8.2-11.3,21.5-18.8,36.5-18.8s28.3,7.4,36.5,18.8c5.4,7.4,8.5,16.5,8.5,26.3c0,24.8-20.2,45.1-45.1,45.1s-44.9-20.3-44.9-45.1 C-188.1,391.2-184.9,382.1-179.6,374.7z M-40,479.5C-40,493-51,504-64.5,504h-157c-13.5,0-24.5-11-24.5-24.5V374.7h38.2 c-3.3,8.1-5.2,17-5.2,26.3c0,38.6,31.4,70,70,70c38.6,0,70-31.4,70-70c0-9.3-1.9-18.2-5.2-26.3H-40V479.5z"></path></svg></div><div class="text-size-tiny">Instagram</div></a><div class="w-embed"><style> 1081.mega_menu_footer_item:hover .footer-item-icon-contain { 1082 background-color: #ffcb06; 1083} 1084 1085.mega_menu_footer_item:hover .button-icon { 1086 color: #000000; 1087} 1088 1089 1090</style></div></div></div></div><div class="u-embed-js w-embed w-script">
1090<script> 1091 1092/** 1093 * Mega Menu Functionality 1094 * Handles the logic for the responsive mega menu, including: 1095 * - Slide-in animations (GSAP) 1096 * - Infinite nesting/stacking for desktop 1097 * - Mobile navigation behavior 1098 * - Accessibility (Focus trapping, keyboard nav) 1099 * 1100 * Dependencies: GSAP (TweenMax/TimelineMax) 1101 */ 1102(function () { 1103 'use strict'; 1104 1105 // Check if already initialized to prevent duplicate execution 1106 if (window.megaMenuInitialized) return; 1107 1108 // ============================================================================ 1109 // CONFIGURATION 1110 // ============================================================================ 1111 const CONFIG = { 1112 // CSS Selectors - Update these to match your HTML structure 1113 selectors: { 1114 component: '[data-menu="component"]', 1115 backdrop: '[data-menu="backdrop"]', 1116 mainPanel: '[data-menu="main-panel"]', 1117 contentToSlide: '[data-menu="content-to-slide"]', 1118 open: '[data-menu="open"]', 1119 close: '[data-menu="close"]', 1120 openSub: '[data-menu="open-sub"]', 1121 back: '[data-menu="back"]', 1122 subPanel: '[data-menu="sub-panel"]', 1123 navLinks: '[menu="nav-links"]', 1124 shopifyChat: '#shopify-chat, inbox-online-store-chat, #ShopifyChat' 1125 }, 1126 // Animation settings 1127 animation: { 1128 duration: 0.4, 1129 ease: 'power2.out', 1130 closeEase: 'power2.in', 1131 stagger: 0.05, 1132 navLinkDelay: 0.2 1133 }, 1134 // BREAKPOINTS 1135 breakpoints: { 1136 // Mobile behavior applies for window.innerWidth < 992 (i.e., 991px and below) 1137 mobile: 992 1138 }, 1139 // Performance settings 1140 performance: { 1141 debounceDelay: 150, 1142 maxInitAttempts: 10, 1143 initRetryInterval: 500, 1144 flashPreventionDelay: 100 1145 }, 1146 // Customization options 1147 accessibility: { 1148 focusTrap: true, 1149 announceChanges: true, 1150 keyboardNavigation: true 1151 }, 1152 animations: { 1153 reducedMotion: window.matchMedia('(prefers-reduced-motion: reduce)').matches 1154 } 1155 }; 1156 1157 // ============================================================================ 1158 // PERFORMANCE OPTIMIZATIONS 1159 // ============================================================================ 1160 1161 // Cache DOM queries 1162 const domCache = { 1163 elements: new Map(), 1164 get: function (selector) { 1165 if (!this.elements.has(selector)) { 1166 this.elements.set(selector, document.querySelector(selector)); 1167 } 1168 return this.elements.get(selector); 1169 }, 1170 getAll: function (selector) { 1171 const cacheKey = selector + '_all'; 1172 if (!this.elements.has(cacheKey)) { 1173 this.elements.set(cacheKey, document.querySelectorAll(selector)); 1174 } 1175 return this.elements.get(cacheKey); 1176 }, 1177 clear: function () { 1178 this.elements.clear(); 1179 } 1180 }; 1181 1182 // Debounced function utility 1183 const debounce = (func, wait) => { 1184 let timeout; 1185 return function executedFunction(...args) { 1186 const later = () => { 1187 clearTimeout(timeout); 1188 func(...args); 1189 }; 1190 clearTimeout(timeout); 1191 timeout = setTimeout(later, wait); 1192 }; 1193 }; 1194 1195 // Throttled function utility 1196 const throttle = (func, limit) => { 1197 let inThrottle; 1198 return function () { 1199 const args = arguments; 1200 const context = this; 1201 if (!inThrottle) { 1202 func.apply(context, args); 1203 inThrottle = true; 1204 setTimeout(() => inThrottle = false, limit); 1205 } 1206 }; 1207 }; 1208 1209 // ============================================================================ 1210 // IMMEDIATE FLASH PREVENTION 1211 // ============================================================================ 1212 1213 // Immediately hide any open menu using inline styles to prevent flash 1214 (function () { 1215 const style = document.createElement('style'); 1216 style.textContent = ` 1217 ${CONFIG.selectors.component} { pointer-events: none !important; } 1218 ${CONFIG.selectors.mainPanel} { transform: translateX(-100%) !important; } 1219 ${CONFIG.selectors.backdrop} { opacity: 0 !important; } 1220 ${CONFIG.selectors.subPanel} { visibility: hidden !important; display: none !important; } 1221 `; 1222 document.head.appendChild(style); 1223 1224 // Remove the style after a short delay to allow normal operation 1225 setTimeout(() => { 1226 if (style.parentNode) { 1227 style.parentNode.removeChild(style); 1228 } 1229 }, CONFIG.performance.flashPreventionDelay); 1230 })(); 1231 1232 // ============================================================================ 1233 // GLOBAL STATE MANAGEMENT 1234 // ============================================================================ 1235 let isInitialized = false;
1236 let eventListenersAttached = false; 1237 let sidebarComponent, backdrop, mainSidebar, contentToSlide, primaryNavLinks; 1238 let cachedScrollbarWidth = null; 1239 let resizeTimeout; 1240 let currentTimeline = null; 1241 let panelStack = []; 1242 let originalParents = new Map(); 1243 let isAnimating = false; 1244 1245 // ============================================================================ 1246 // UTILITY FUNCTIONS 1247 // ============================================================================ 1248 1249 const checkIsMobile = () => window.innerWidth < CONFIG.breakpoints.mobile; 1250 1251 const getBodyScrollbarWidth = () => { 1252 if (cachedScrollbarWidth === null) { 1253 cachedScrollbarWidth = window.innerWidth - document.documentElement.clientWidth; 1254 } 1255 return cachedScrollbarWidth; 1256 }; 1257 1258 const handleResize = debounce(() => { 1259 cachedScrollbarWidth = null; 1260 domCache.clear(); 1261 1262 // Conditional overflow setting based on breakpoint 1263 if (mainSidebar) { 1264 gsap.set(mainSidebar, { 1265 // Mobile needs 'hidden' for slide-out effect, Desktop needs 'visible' for flyout 1266 overflow: checkIsMobile() ? 'hidden' : 'visible' 1267 }); 1268 } 1269 }, CONFIG.performance.debounceDelay); 1270 1271 const killCurrentTimeline = () => { 1272 if (currentTimeline) { 1273 currentTimeline.kill(); 1274 currentTimeline = null; 1275 } 1276 }; 1277 1278 // ============================================================================ 1279 // ANIMATION AND CONTROL FUNCTIONS 1280 // ============================================================================ 1281 1282 const resetSubNavs = () => { 1283 requestAnimationFrame(() => { 1284 // Reset all sub-panels to their original positions and parents 1285 originalParents.forEach((parent, child) => { 1286 if (parent && child) { 1287 parent.appendChild(child); 1288 } 1289 }); 1290 originalParents.clear(); 1291 1292 // Reset ALL sub-panels in the DOM 1293 const subPanels = domCache.getAll(CONFIG.selectors.subPanel); 1294 subPanels.forEach(panel => { 1295 gsap.set(panel, { 1296 x: '100%', // Desktop panels start off-screen right 1297 visibility: 'hidden', 1298 display: 'none', 1299 pointerEvents: 'none' 1300 }); 1301 }); 1302 1303 // CRITICAL FIX: Ensure the main content panel is visible and ready 1304 if (contentToSlide) { 1305 gsap.set(contentToSlide, { 1306 x: '0%', 1307 visibility: 'visible', 1308 display: 'block', 1309 pointerEvents: 'auto', 1310 zIndex: 50 1311 }); 1312 } 1313 1314 panelStack.length = 0; 1315 panelStack.push(contentToSlide); // Re-stack the initial panel 1316 }); 1317 }; 1318 1319 // AUTO-ADD PANEL NAMES FROM CMS HEADINGS (for logic/debug references) 1320 const addPanelNamesFromHeadings = () => { 1321 // Add name to main content panel 1322 if (contentToSlide) { 1323 contentToSlide.setAttribute('data-panel-name', 'Main'); 1324 } 1325 1326 // Find all sub-panels and name them from their headings 1327 const subPanels = document.querySelectorAll(CONFIG.selectors.subPanel); 1328 1329 subPanels.forEach((panel, index) => { 1330 // Look for the heading (h2 or h3) within this panel 1331 const heading = panel.querySelector('.panel_heading'); 1332 1333 if (heading && heading.textContent) { 1334 // Clean up the text (remove extra spaces, keep alphanumeric and spaces) 1335 const panelName = heading.textContent.trim().replace(/\s+/g, ' '); 1336 panel.setAttribute('data-panel-name', panelName); 1337 } else { 1338 // Fallback if no heading found 1339 panel.setAttribute('data-panel-name', `Panel-${index + 1}`); 1340 } 1341 }); 1342 }; 1343 1344 const openMenu = () => { 1345 if (isAnimating) { 1346 killCurrentTimeline(); 1347 isAnimating = false;
1348 } 1349 1350 gsap.set(sidebarComponent, { pointerEvents: 'auto' }); 1351 gsap.set(mainSidebar, { x: '-100%' }); 1352 gsap.set(backdrop, { opacity: 0 }); 1353 gsap.set(primaryNavLinks, { opacity: 0, y: 20 }); 1354 1355 // Hide Shopify Chat when menu opens 1356 const shopifyChat = document.querySelector(CONFIG.selectors.shopifyChat); 1357 if (shopifyChat) { 1358 gsap.set(shopifyChat, { zIndex: -1, visibility: 'hidden', opacity: 0 }); 1359 } 1360 1361 isAnimating = true; 1362 killCurrentTimeline(); 1363 1364 // Reset sub navs and push main panel onto stack 1365 resetSubNavs(); 1366 1367 const scrollbarWidth = getBodyScrollbarWidth(); 1368 const bodyStyle = document.body.style; 1369 bodyStyle.paddingRight = `${scrollbarWidth}px`; 1370 bodyStyle.overflow = 'hidden'; 1371 1372 // Set correct overflow setting based on current size 1373 gsap.set(mainSidebar, { 1374 overflow: checkIsMobile() ? 'hidden' : 'visible' 1375 }); 1376 1377 currentTimeline = gsap.timeline({ 1378 onComplete: () => { 1379 isAnimating = false; 1380 currentTimeline = null; 1381 } 1382 }); 1383 1384 currentTimeline 1385 .set(sidebarComponent, { pointerEvents: 'auto' }) 1386 .to(backdrop, { opacity: 1, duration: CONFIG.animation.duration }, "<") 1387 .to(mainSidebar, { x: '0%', duration: CONFIG.animation.duration, ease: CONFIG.animation.ease }, "<") 1388 .to(primaryNavLinks, { 1389 duration: CONFIG.animation.duration * 0.75, 1390 opacity: 1, 1391 y: 0, 1392 stagger: CONFIG.animation.stagger, 1393 ease: 'power1.out' 1394 }, `-=${CONFIG.animation.navLinkDelay}`); 1395 }; 1396 1397 const closeMenu = (instant = false) => { 1398 killCurrentTimeline(); 1399 isAnimating = true; 1400 1401 const cleanup = () => { 1402 resetSubNavs(); 1403 gsap.set(sidebarComponent, { pointerEvents: 'none' }); 1404 gsap.set(mainSidebar, { x: '-100%' }); 1405 gsap.set(backdrop, { opacity: 0 }); 1406 gsap.set(primaryNavLinks, { opacity: 0, y: 20 }); 1407 1408 // Restore Shopify Chat 1409 const shopifyChat = document.querySelector(CONFIG.selectors.shopifyChat); 1410 if (shopifyChat) { 1411 gsap.set(shopifyChat, { clearProps: 'zIndex,visibility,opacity' }); 1412 } 1413 1414 const bodyStyle = document.body.style; 1415 bodyStyle.paddingRight = ''; 1416 bodyStyle.overflow = ''; 1417 isAnimating = false; 1418 currentTimeline = null; 1419 }; 1420 1421 if (instant) { 1422 cleanup(); 1423 } else { 1424 currentTimeline = gsap.timeline({ onComplete: cleanup }); 1425 currentTimeline 1426 .to(backdrop, { opacity: 0, duration: CONFIG.animation.duration, ease: CONFIG.animation.closeEase }) 1427 .to(mainSidebar, { x: '-100%', duration: CONFIG.animation.duration, ease: CONFIG.animation.closeEase }, "<"); 1428 } 1429 }; 1430 1431 // ============================================================================ 1432 // CONDITIONAL NAVIGATION HANDLERS (Fixed Desktop Logic) 1433 // ============================================================================ 1434 1435 const navigateBack = () => { 1436 if (panelStack.length <= 1 || isAnimating) { 1437 return; 1438 } 1439 1440 isAnimating = true; 1441 killCurrentTimeline(); 1442 1443 const panelToClose = panelStack.pop(); 1444 const panelToReveal = panelStack[panelStack.length - 1]; 1445 const originalParent = originalParents.get(panelToClose); 1446 const isMobile = checkIsMobile(); 1447 1448 currentTimeline = gsap.timeline({ 1449 onComplete: () => { 1450 if (originalParent) { 1451 originalParent.appendChild(panelToClose); 1452 originalParents.delete(panelToClose); 1453 } 1454 1455 // Hide the panel that was closed 1456 gsap.set(panelToClose, { 1457 x: '100%', // Desktop panels end off-screen right 1458 visibility: 'hidden', 1459 display: 'none', 1460 pointerEvents: 'none' 1461 }); 1462 1463 isAnimating = false;
1464 currentTimeline = null; 1465 1466 // Ensure the revealed panel has pointer events active 1467 gsap.set(panelToReveal, { pointerEvents: 'auto' }); 1468 } 1469 }); 1470 1471 if (isMobile) { 1472 // MOBILE LOGIC: Slide-in-to-view (Confirmed to be working) 1473 // Ensure panelToReveal is visible and positioned to slide in 1474 gsap.set(panelToReveal, { 1475 x: '-100%', 1476 visibility: 'visible', 1477 display: 'block' 1478 }); 1479 1480 currentTimeline 1481 .to(panelToReveal, { 1482 x: '0%', 1483 duration: CONFIG.animation.duration, 1484 ease: CONFIG.animation.ease 1485 }, 0) 1486 .to(panelToClose, { 1487 x: '100%', 1488 pointerEvents: 'none', 1489 duration: CONFIG.animation.duration, 1490 ease: CONFIG.animation.ease 1491 }, 0); 1492 } else { 1493 // DESKTOP LOGIC: Infinite Stacking Back 1494 // Animate the closing panel away by sliding it left. 1495 const wasAtDepth = panelStack.length; 1496 const currentX = wasAtDepth * 100; 1497 1498 currentTimeline.to(panelToClose, { 1499 x: `${currentX - 50}%`, 1500 opacity: 0, 1501 pointerEvents: 'none', 1502 duration: CONFIG.animation.duration, 1503 ease: CONFIG.animation.ease 1504 }, 0); 1505 } 1506 }; 1507 1508 const handlePanelNavigation = (event) => { 1509 const target = event.target; 1510 const openLink = target.closest(CONFIG.selectors.openSub); 1511 const backButton = target.closest(CONFIG.selectors.back); 1512 const isMobile = checkIsMobile(); 1513 1514 // --- OPEN SUB-MENU --- 1515 if (openLink) { 1516 event.preventDefault(); 1517 const parentItem = openLink.closest('.w-dyn-item') || openLink.parentElement; 1518 if (!parentItem) return; 1519 1520 const nextPanel = parentItem.querySelector(CONFIG.selectors.subPanel); 1521 if (!nextPanel) return; 1522 1523 // Allow interruption of current animation for fast switching 1524 if (isAnimating) { 1525 killCurrentTimeline(); 1526 } 1527 1528 isAnimating = true; 1529 1530 const currentPanel = panelStack[panelStack.length - 1]; 1531 1532 // LOGIC TO HANDLE SIBLING NAVIGATION: 1533 // Check if we are clicking from a panel that is NOT the last one in the stack. 1534 // If so, we need to close all panels that came *after* the source panel. 1535 const sourcePanel = openLink.closest(CONFIG.selectors.subPanel) || contentToSlide; // Use contentToSlide for root 1536 const sourceIndex = panelStack.indexOf(sourcePanel); 1537 1538 if (sourceIndex > -1 && sourceIndex < panelStack.length - 1) { 1539 while (panelStack.length > sourceIndex + 1) { 1540 const panelToClose = panelStack.pop(); 1541 const originalParent = originalParents.get(panelToClose); 1542 1543 if (originalParent) { 1544 originalParent.appendChild(panelToClose); 1545 originalParents.delete(panelToClose); 1546 } 1547 1548 // Instant hide for the closed panel 1549 gsap.set(panelToClose, { 1550 x: '100%', 1551 visibility: 'hidden', 1552 display: 'none', 1553 pointerEvents: 'none' 1554 }); 1555 } 1556 } 1557 1558 originalParents.set(nextPanel, nextPanel.parentElement); 1559 mainSidebar.appendChild(nextPanel); 1560 panelStack.push(nextPanel); 1561 1562 // 1. Prepare Next Panel 1563 gsap.set(nextPanel, { 1564 display: 'block', 1565 visibility: 'visible', 1566 pointerEvents: 'none' 1567 }); 1568 1569 currentTimeline = gsap.timeline({ 1570 onComplete: () => { 1571 isAnimating = false; 1572 currentTimeline = null; 1573 gsap.set(nextPanel, { pointerEvents: 'auto' }); 1574 1575 if (isMobile) { 1576 // On mobile, hide the panel that slid out of view 1577 gsap.set(currentPanel, { visibility: 'hidden', display: 'none' }); 1578 } 1579 } 1580 }); 1581 1582 if (isMobile) { 1583 // MOBILE LOGIC: Slide-out-of-view (Confirmed to be working) 1584 gsap.set(nextPanel, { x: '100%' }); 1585 1586 currentTimeline 1587 .to(currentPanel, { 1588 x: '-100%', 1589 duration: CONFIG.animation.duration, 1590 ease: CONFIG.animation.ease 1591 }, 0) 1592 .to(nextPanel, { 1593 x: '0%', 1594 duration: CONFIG.animation.duration, 1595 ease: CONFIG.animation.ease 1596 }, 0); 1597 } else { 1598 // DESKTOP LOGIC: Infinite Stacking 1599 // Panels stack at 0%, 100%, 200%, etc. 1600 const stackDepth = panelStack.length - 1; // Subtract 1 because panel is already pushed 1601 const targetX = stackDepth * 100; 1602 1603 // Initialize new panel 1604 // Slide from left: targetX - 50% 1605 // Z-index reversed: earlier panels on top, later panels behind 1606 gsap.set(nextPanel, { x: `${targetX - 50}%`, opacity: 0, zIndex: 50 - stackDepth }); 1607 1608 currentTimeline.to(nextPanel, { 1609 x: `${targetX}%`, 1610 opacity: 1, 1611 duration: CONFIG.animation.duration, 1612 ease: CONFIG.animation.ease 1613 }); 1614 } 1615 } 1616 1617 // --- GO BACK --- 1618 if (backButton) { 1619 event.preventDefault(); 1620 navigateBack(); 1621 } 1622 }; 1623 1624 // ============================================================================ 1625 // INITIALIZATION FUNCTIONS 1626 // ============================================================================ 1627 1628 const handleGlobalClick = (event) => { 1629 const target = event.target; 1630 1631 if (target.closest(CONFIG.selectors.open)) { 1632 event.preventDefault(); 1633 openMenu(); 1634 return; 1635 } 1636 1637 if (target.closest(CONFIG.selectors.close)) { 1638 event.preventDefault(); 1639 1640 // Check if this close button is inside a subpanel 1641 const closeBtn = target.closest(CONFIG.selectors.close); 1642 const clickedPanel = closeBtn.closest(CONFIG.selectors.subPanel); 1643 1644 // On mobile, the close button should always close the whole menu (User Request) 1645 if (checkIsMobile()) { 1646 closeMenu(false); 1647 return; 1648 } 1649 1650 // If not in a subpanel, close the entire menu (main panel close button) 1651 if (!clickedPanel) { 1652 closeMenu(false); 1653 return; 1654 } 1655 1656 // Desktop: Close the clicked panel and all panels after it 1657 const clickedPanelIndex = panelStack.indexOf(clickedPanel); 1658 1659 if (clickedPanelIndex === -1 || clickedPanelIndex === 0) { 1660 // Panel not found in stack or is main panel - close entire menu 1661 closeMenu(false); 1662 return; 1663 } 1664 1665 // Animate and close all panels from clickedPanelIndex to the end 1666 const panelsToClose = panelStack.slice(clickedPanelIndex); 1667 1668 if (isAnimating) { 1669 killCurrentTimeline(); 1670 } 1671 1672 isAnimating = true; 1673 currentTimeline = gsap.timeline({ 1674 onComplete: () => { 1675 isAnimating = false;
1676 currentTimeline = null; 1677 1678 // Ensure the revealed panel has pointer events 1679 const revealedPanel = panelStack[panelStack.length - 1]; 1680 if (revealedPanel) { 1681 gsap.set(revealedPanel, { pointerEvents: 'auto' }); 1682 } 1683 } 1684 }); 1685 1686 // Animate each panel closing 1687 panelsToClose.forEach((panel, index) => { 1688 const panelDepth = clickedPanelIndex + index; 1689 const currentX = panelDepth * 100; 1690 1691 // Animate panel away 1692 currentTimeline.to(panel, { 1693 x: `${currentX - 50}%`, 1694 opacity: 0, 1695 pointerEvents: 'none', 1696 duration: CONFIG.animation.duration, 1697 ease: CONFIG.animation.ease 1698 }, 0); // All panels close simultaneously 1699 }); 1700 1701 // Remove panels from stack after animation starts 1702 panelStack.splice(clickedPanelIndex); 1703 1704 // Return panels to original parents 1705 panelsToClose.forEach(panel => { 1706 const originalParent = originalParents.get(panel); 1707 if (originalParent) { 1708 setTimeout(() => { 1709 originalParent.appendChild(panel); 1710 originalParents.delete(panel); 1711 1712 // Hide the panel 1713 gsap.set(panel, { 1714 x: '100%', 1715 visibility: 'hidden', 1716 display: 'none', 1717 pointerEvents: 'none' 1718 }); 1719 }, CONFIG.animation.duration * 1000); 1720 } 1721 }); 1722 1723 return; 1724 } 1725 1726 // Close menu when clicking on external navigation links (not sub-menu items) 1727 if (target.closest('a[href]') && 1728 !target.closest(CONFIG.selectors.open) && 1729 !target.closest(CONFIG.selectors.close) && 1730 !target.closest(CONFIG.selectors.openSub) && 1731 !target.closest(CONFIG.selectors.back)) { 1732 1733 event.preventDefault(); 1734 closeMenu(true); 1735 1736 const link = target.closest('a[href]'); 1737 const href = link.getAttribute('href'); 1738 window.location.href = href; 1739 } 1740 }; 1741 1742 const handlePopState = () => { 1743 killCurrentTimeline(); 1744 detachEventListeners(); 1745 isInitialized = false; 1746 1747 if (sidebarComponent && mainSidebar) { 1748 gsap.set(sidebarComponent, { pointerEvents: 'none' }); 1749 gsap.set(mainSidebar, { x: '-100%' }); 1750 if (backdrop) gsap.set(backdrop, { opacity: 0 }); 1751 if (primaryNavLinks) gsap.set(primaryNavLinks, { opacity: 0, y: 20 }); 1752 1753 // Restore Shopify Chat 1754 const shopifyChat = document.querySelector(CONFIG.selectors.shopifyChat); 1755 if (shopifyChat) { 1756 gsap.set(shopifyChat, { clearProps: 'zIndex,visibility,opacity' }); 1757 } 1758 1759 resetSubNavs(); 1760 1761 const bodyStyle = document.body.style; 1762 bodyStyle.paddingRight = ''; 1763 bodyStyle.overflow = ''; 1764 } 1765 1766 isAnimating = false; 1767 panelStack.length = 0; 1768 originalParents.clear(); 1769 currentTimeline = null; 1770 1771 setTimeout(() => { 1772 initializeMenu(); 1773 attachEventListeners(); 1774 }, CONFIG.performance.flashPreventionDelay); 1775 }; 1776 1777 const initializeMenuState = () => { 1778 gsap.set(sidebarComponent, { pointerEvents: 'none' }); 1779 gsap.set(mainSidebar, { x: '-100%' }); 1780 gsap.set(backdrop, { opacity: 0 }); 1781 gsap.set(primaryNavLinks, { opacity: 0, y: 20 }); 1782 1783 // Restore Shopify Chat 1784 const shopifyChat = document.querySelector(CONFIG.selectors.shopifyChat); 1785 if (shopifyChat) { 1786 gsap.set(shopifyChat, { clearProps: 'zIndex,visibility,opacity' }); 1787 } 1788 1789 killCurrentTimeline(); 1790 isAnimating = false;
1791 1792 panelStack.length = 0; 1793 originalParents.clear(); 1794 1795 resetSubNavs(); 1796 1797 const bodyStyle = document.body.style; 1798 bodyStyle.paddingRight = ''; 1799 bodyStyle.overflow = ''; 1800 }; 1801 1802 const initializeMenu = () => { 1803 if (typeof gsap === 'undefined') { 1804 return false; 1805 } 1806 1807 sidebarComponent = domCache.get(CONFIG.selectors.component); 1808 backdrop = domCache.get(CONFIG.selectors.backdrop); 1809 mainSidebar = domCache.get(CONFIG.selectors.mainPanel); 1810 contentToSlide = domCache.get(CONFIG.selectors.contentToSlide); 1811 1812 if (!sidebarComponent || !mainSidebar || !contentToSlide) { 1813 return false; 1814 } 1815 1816 const allNavLinks = contentToSlide.querySelectorAll(CONFIG.selectors.navLinks); 1817 primaryNavLinks = Array.from(allNavLinks).filter(link => !link.closest(CONFIG.selectors.subPanel)); 1818 1819 if (primaryNavLinks.length === 0) { 1820 return false; 1821 } 1822 1823 gsap.set(primaryNavLinks, { opacity: 0, y: 20 }); 1824 1825 initializeMenuState(); 1826 1827 gsap.set(sidebarComponent, { pointerEvents: 'none' }); 1828 gsap.set(mainSidebar, { x: '-100%' }); 1829 gsap.set(backdrop, { opacity: 0 }); 1830 gsap.set(primaryNavLinks, { opacity: 0, y: 20 }); 1831 1832 // AUTO-ADD PANEL NAMES FOR DEBUGGING (from CMS headings) 1833 addPanelNamesFromHeadings(); 1834 1835 handleResize(); 1836 1837 isInitialized = true; 1838 return true; 1839 }; 1840 1841 const attachEventListeners = () => { 1842 detachEventListeners(); 1843 1844 if (!mainSidebar || !backdrop) { 1845 return; 1846 } 1847 1848 document.addEventListener('click', handleGlobalClick, { passive: false }); 1849 mainSidebar.addEventListener('click', handlePanelNavigation, { passive: false }); 1850 backdrop.addEventListener('click', () => closeMenu(false), { passive: true }); 1851 window.addEventListener('resize', handleResize, { passive: true }); 1852 window.addEventListener('popstate', handlePopState); 1853 1854 eventListenersAttached = true; 1855 }; 1856 1857 const detachEventListeners = () => { 1858 document.removeEventListener('click', handleGlobalClick); 1859 if (mainSidebar) { 1860 mainSidebar.removeEventListener('click', handlePanelNavigation); 1861 } 1862 if (backdrop) { 1863 backdrop.removeEventListener('click', closeMenu); 1864 } 1865 1866 window.removeEventListener('resize', handleResize); 1867 window.removeEventListener('popstate', handlePopState); 1868 1869 eventListenersAttached = false; 1870 }; 1871 1872 const attemptInitialization = () => { 1873 if (initializeMenu()) { 1874 attachEventListeners(); 1875 return true; 1876 } 1877 return false; 1878 }; 1879 1880 const hideMenuImmediately = () => { 1881 const sidebarComponent = domCache.get(CONFIG.selectors.component); 1882 const mainSidebar = domCache.get(CONFIG.selectors.mainPanel); 1883 const backdrop = domCache.get(CONFIG.selectors.backdrop); 1884 1885 if (sidebarComponent) { 1886 sidebarComponent.style.pointerEvents = 'none'; 1887 } 1888 if (mainSidebar) { 1889 mainSidebar.style.transform = 'translateX(-100%)'; 1890 } 1891 if (backdrop) { 1892 backdrop.style.opacity = '0'; 1893 } 1894 1895 document.body.style.paddingRight = ''; 1896 document.body.style.overflow = ''; 1897 }; 1898 1899 hideMenuImmediately(); 1900 1901 document.addEventListener("DOMContentLoaded", () => { 1902 attemptInitialization(); 1903 }); 1904 1905 if (document.readyState === 'loading') { 1906 1907 } else { 1908 attemptInitialization(); 1909 } 1910 1911 document.addEventListener('visibilitychange', () => { 1912 if (!document.hidden && !isInitialized) { 1913 setTimeout(() => { 1914 attemptInitialization(); 1915 }, CONFIG.performance.flashPreventionDelay); 1916 } 1917 }); 1918 1919 window.addEventListener('pageshow', (event) => { 1920 if (event.persisted) { 1921 setTimeout(() => { 1922 if (sidebarComponent && mainSidebar) { 1923 gsap.set(sidebarComponent, { pointerEvents: 'none' }); 1924 gsap.set(mainSidebar, { x: '-100%' }); 1925 if (backdrop) gsap.set(backdrop, { opacity: 0 }); 1926 if (primaryNavLinks) gsap.set(primaryNavLinks, { opacity: 0, y: 20 }); 1927 1928 const bodyStyle = document.body.style; 1929 bodyStyle.paddingRight = ''; 1930 bodyStyle.overflow = ''; 1931 } 1932 1933 detachEventListeners(); 1934 isInitialized = false;
1935 attemptInitialization(); 1936 }, CONFIG.performance.flashPreventionDelay); 1937 } 1938 }); 1939 1940 let initAttempts = 0; 1941 const initInterval = setInterval(() => { 1942 if (isInitialized || initAttempts >= CONFIG.performance.maxInitAttempts) { 1943 clearInterval(initInterval); 1944 return; 1945 } 1946 1947 if (attemptInitialization()) { 1948 clearInterval(initInterval); 1949 } 1950 initAttempts++; 1951 }, CONFIG.performance.initRetryInterval); 1952 1953 window.addEventListener('beforeunload', () => { 1954 clearTimeout(resizeTimeout); 1955 killCurrentTimeline(); 1956 detachEventListeners(); 1957 }); 1958 1959 window.megaMenuInitialized = true; 1960})(); 1961 1962 1963</script>
1963</div></div><main class="page_main"><div class="breadcrumb-component"><div class="breadcrumb_contain u-container"><a href="/" class="breadcrumbs__link">Home</a><div class="breadcrumbs__separator">/</div><div class="breadcrumb-dynamic w-dyn-list"><div role="list" class="w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="/shop/electric-car-transporter-flatbed-winches" class="breadcrumbs__link">Electric Car Transporter & Flatbed Winches</a></div></div></div><div class="breadcrumbs__separator">/</div><div class="breadcrumbs__link is-current">Electric Winches for Ifor Williams Trailers</div></div></div><section class="section_border is-lighter"><div class="cateogry_banner_wrap"><div class="cateogry_banner_contain u-container"><div class="category_banner-text u-text-h4"><div><h1 class="category_title">Electric Winches for Ifor Williams Trailers</h1></div><div class="brand-divider"></div><div class="category_short_desc u-text-small w-richtext"><p>Electric winches for selected Ifor Williams trailer applications, including car transporters, plant trailers and vehicle-loading setups. Choose from 12V models with synthetic or steel rope in a range of pulling capacities. Check mounting and electrical compatibility before installation, or contact our UK team for help selecting a suitable winch.</p></div></div><div style="background-image:url("https://cdn.prod.website-files.com/664086274bef808fb60fb3af/6a998b2b443652f27fdb2650_imgi_31_DvkQOOaTZtESMS76U0oLR9HbXAUyJ9HlE3facVaC-1__PadWzkyMCw1NTYsIkZGRkZGRiIsMF0.jpg")" class="category_banner is-cms"><div class="category-banner-shape"></div></div></div></div></section><section data-padding-top="small" data-padding-bottom="small" class="section_border is-lighter"><smootify-search-discovery limit="12" duration="0.3" easing="ease-in" animation="slide" sync-query-params="true" stagger="0.1" hide-if-single="true" disable-scroll-on-load-more="true" disable-scroll="true"><div class="product_feed_wrap"><div class="product_grid_contain u-container"><div class="product_feed_component"><div skeleton="block" class="filter_ui-wrap"><div class="filter_ui-label u-text-large">Filter By:</div><div class="filter_ui"><filter-list label="Collection" selected-value="Electric Winches for Ifor Williams Trailers" class="hide"><div class="filter_category u-weight-medium accordian_tab"><div>Connection</div><div class="filter_category_icon_wrap"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" app="ikonik" class="filter_category_icon is-plus hide"><path d="M12 20L12 12M12 12L12 4M12 12L20 12M12 12L4 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" app="ikonik" class="path-b7g6m"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" app="ikonik" class="filter_category_icon is-minus"><path d="M20 12H12H4" stroke="currentColor" stroke-width="2" stroke-linecap="round" app="ikonik" class="path-f2muj"></path></svg></div></div><div class="filter_selections"><div class="filter_scroll"><div class="w-form"><form method="get" name="email-form-5" data-name="Email Form 5" data-wf-page-id="66409cc95e85ade60aa9ad81" data-wf-element-id="f18ac99d-c035-4a01-a8e6-885a14f20521" data-turnstile-sitekey="0x4AAAAAAAQTptj2So4dx43e"><div class="form_main_option_wrap"><div class="form_main_option_list u-gap-small u-vflex-left-top"><label class="form_main_option_item-2 w-radio"><div class="w-form-formradioinput w-form-formradioinput--inputType-custom form_main_option_link radio is-filter w-radio-input"></div><input type="radio" name="Group-2" data-name="Group 2" style="opacity:0;position:absolute;z-index:-1" value="Radio 4"/><span class="form_main_label-2 w-form-label">Checkbox</span></label></div></div></form><div class="w-form-done"><div>Thank you! Your submission has been received!</div></div><div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div></div></div></filter-list><filter-dropdown label="Product Type"><div class="form-block w-form"><form method="get" name="email-form-3" data-name="Email Form 3" data-wf-page-id="66409cc95e85ade60aa9ad81" data-wf-element-id="f18ac99d-c035-4a01-a8e6-885a14f20530" data-turnstile-sitekey="0x4AAAAAAAQTptj2So4dx43e"><div data-delay="0" data-hover="false" class="filter_dropdown w-dropdown"><div class="filter-dropdown-toggle w-dropdown-toggle"><div class="filter-dropdown-label">Product Type</div><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sm-icon"><path d="m6 9 6 6 6-6"></path></svg></div><nav class="filter-dropdown-list w-dropdown-list"><a href="#" class="filter-dropdown-list_link w-dropdown-link">Type 1</a></nav></div></form><div class="w-form-done"><div>Thank you! Your submission has been received!</div></div><div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div></filter-dropdown><filter-dropdown label="Vehicle Type"><div class="form-block w-form"><form method="get" name="email-form-3" data-name="Email Form 3" data-wf-page-id="66409cc95e85ade60aa9ad81" data-wf-element-id="c037cc1b-ba2f-f82e-c116-883010618332" data-turnstile-sitekey="0x4AAAAAAAQTptj2So4dx43e"><div data-delay="0" data-hover="false" class="filter_dropdown w-dropdown"><div class="filter-dropdown-toggle w-dropdown-toggle"><div class="filter-dropdown-label">Vehicle Type</div><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sm-icon"><path d="m6 9 6 6 6-6"></path></svg></div><nav class="filter-dropdown-list w-dropdown-list"><a href="#" class="filter-dropdown-list_link w-dropdown-link">Type 1</a></nav></div></form><div class="w-form-done"><div>Thank you! Your submission has been received!</div></div><div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div></filter-dropdown><filter-dropdown label="Rope Type"><div class="form-block w-form"><form method="get" name="email-form-3" data-name="Email Form 3" data-wf-page-id="66409cc95e85ade60aa9ad81" data-wf-element-id="f18ac99d-c035-4a01-a8e6-885a14f20542" data-turnstile-sitekey="0x4AAAAAAAQTptj2So4dx43e"><div data-delay="0" data-hover="false" class="filter_dropdown w-dropdown"><div class="filter-dropdown-toggle w-dropdown-toggle"><div class="filter-dropdown-label">Rope Type</div><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sm-icon"><path d="m6 9 6 6 6-6"></path></svg></div><nav class="filter-dropdown-list w-dropdown-list"><a href="#" class="filter-dropdown-list_link w-dropdown-link">Type 1</a></nav></div></form><div class="w-form-done"><div>Thank you! Your submission has been received!</div></div><div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div></filter-dropdown><filter-dropdown label="Voltage"><div class="form-block w-form"><form method="get" name="email-form-3" data-name="Email Form 3" data-wf-page-id="66409cc95e85ade60aa9ad81" data-wf-element-id="f18ac99d-c035-4a01-a8e6-885a14f20554" data-turnstile-sitekey="0x4AAAAAAAQTptj2So4dx43e"><div data-delay="0" data-hover="false" class="filter_dropdown w-dropdown"><div class="filter-dropdown-toggle w-dropdown-toggle"><div class="filter-dropdown-label">Voltage</div><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sm-icon"><path d="m6 9 6 6 6-6"></path></svg></div><nav class="filter-dropdown-list w-dropdown-list"><a href="#" class="filter-dropdown-list_link w-dropdown-link">Type 1</a></nav></div></form><div class="w-form-done"><div>Thank you! Your submission has been received!</div></div><div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div></filter-dropdown><filter-dropdown label="Size"><div class="form-block w-form"><form method="get" name="email-form-3" data-name="Email Form 3" data-wf-page-id="66409cc95e85ade60aa9ad81" data-wf-element-id="f18ac99d-c035-4a01-a8e6-885a14f20566" data-turnstile-sitekey="0x4AAAAAAAQTptj2So4dx43e"><div data-delay="0" data-hover="false" class="filter_dropdown w-dropdown"><div class="filter-dropdown-toggle w-dropdown-toggle"><div class="filter-dropdown-label">Length (EWL)</div><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sm-icon"><path d="m6 9 6 6 6-6"></path></svg></div><nav class="filter-dropdown-list w-dropdown-list"><a href="#" class="filter-dropdown-list_link w-dropdown-link">Type 1</a></nav></div></form><div class="w-form-done"><div>Thank you! Your submission has been received!</div></div><div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div></filter-dropdown><filter-dropdown label="Load Limit"><div class="form-block w-form"><form method="get" name="email-form-3" data-name="Email Form 3" data-wf-page-id="66409cc95e85ade60aa9ad81" data-wf-element-id="f18ac99d-c035-4a01-a8e6-885a14f20578" data-turnstile-sitekey="0x4AAAAAAAQTptj2So4dx43e"><div data-delay="0" data-hover="false" class="filter_dropdown w-dropdown"><div class="filter-dropdown-toggle w-dropdown-toggle"><div class="filter-dropdown-label">WLL (Tonnage)</div><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sm-icon"><path d="m6 9 6 6 6-6"></path></svg></div><nav class="filter-dropdown-list w-dropdown-list"><a href="#" class="filter-dropdown-list_link w-dropdown-link">Type 1</a></nav></div></form><div class="w-form-done"><div>Thank you! Your submission has been received!</div></div><div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div></filter-dropdown><filter-dropdown label="Pulling Power"><div class="form-block w-form"><form method="get" name="email-form-3" data-name="Email Form 3" data-wf-page-id="66409cc95e85ade60aa9ad81" data-wf-element-id="f18ac99d-c035-4a01-a8e6-885a14f2058a" data-turnstile-sitekey="0x4AAAAAAAQTptj2So4dx43e"><div data-delay="0" data-hover="false" class="filter_dropdown w-dropdown"><div class="filter-dropdown-toggle w-dropdown-toggle"><div class="filter-dropdown-label">Pulling Power</div><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sm-icon"><path d="m6 9 6 6 6-6"></path></svg></div><nav class="filter-dropdown-list w-dropdown-list"><a href="#" class="filter-dropdown-list_link w-dropdown-link">Type 1</a></nav></div></form><div class="w-form-done"><div>Thank you! Your submission has been received!</div></div><div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div></filter-dropdown><filter-dropdown label="Sling Type"><div class="form-block w-form"><form method="get" name="email-form-3" data-name="Email Form 3" data-wf-page-id="66409cc95e85ade60aa9ad81" data-wf-element-id="f18ac99d-c035-4a01-a8e6-885a14f2059c" data-turnstile-sitekey="0x4AAAAAAAQTptj2So4dx43e"><div data-delay="0" data-hover="false" class="filter_dropdown w-dropdown"><div class="filter-dropdown-toggle w-dropdown-toggle"><div class="filter-dropdown-label">Sling Type</div><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sm-icon"><path d="m6 9 6 6 6-6"></path></svg></div><nav class="filter-dropdown-list w-dropdown-list"><a href="#" class="filter-dropdown-list_link w-dropdown-link">Type 1</a></nav></div></form><div class="w-form-done"><div>Thank you! Your submission has been received!</div></div><div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div></filter-dropdown></div></div><div class="active_filter_pill_wrap u-hflex-left-center u-gap-xsmall u-hflex-wrap"><div class="sm-active-filters-wrapper"><button filter="active" class="sm-search_filter-item"><div filter="active-label"><span class="filter-active-label">Is available</span><span class="filter-active-separator">:</span> <span class="filter-active-value">Yes</span></div><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="filter-active-icon"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.46967 5.46967C5.76256 5.17678 6.23744 5.17678 6.53033 5.46967L12 10.9393L17.4697 5.46967C17.7626 5.17678 18.2374 5.17678 18.5303 5.46967C18.8232 5.76256 18.8232 6.23744 18.5303 6.53033L13.0607 12L18.5303 17.4697C18.8232 17.7626 18.8232 18.2374 18.5303 18.5303C18.2374 18.8232 17.7626 18.8232 17.4697 18.5303L12 13.0607L6.53033 18.5303C6.23744 18.8232 5.76256 18.8232 5.46967 18.5303C5.17678 18.2374 5.17678 17.7626 5.46967 17.4697L10.9393 12L5.46967 6.53033C5.17678 6.23744 5.17678 5.76256 5.46967 5.46967Z" fill="currentColor"></path></svg></button></div></div><div class="product_grid u-grid-column-4"><smootify-product data-id="filter" class="product"><div class="display-contents"><article class="product-card-v1"><div class="product-card__top-wrapper"><a skeleton="block" product="url" href="#" class="product-card__image-wrapper w-inline-block"><img class="product-card__image" src="https://cdn.prod.website-files.com/67f3a4d4defc364bc7ae42b2/67f7816791f36c865d90554b_placeholder-image.svg" variant="image" alt="" skeleton="image" loading="lazy" max-width="720"/><div condition="on-sale" class="product-card_slither u-text-small u-weight-semibold"><div>Save <span variant="discounted-amount">£0.00</span></div></div></a></div><div class="product-card__info-wrapper"><div class="w-embed"><div skeleton="text" class="product-card__title"><a product="url"><h3><span product="vendor">Brand</span><span> </span><span product="title">Product name</span></h3></a></div></div><div class="product-card__title hide">Brand Product name</div><div class="card-stock-rating-wrap"><div class="product_starrating w-embed"><!-- Rating Badge --> 1964<div skeleton="text" class="review-rating-badge" data-star-color="#ffcb06" data-product-id="" data-size="medium"></div> 1965 1966<style> 1967.review-rating-badge span { 1968 color: #9EA0A8 !important; /* Replace with your preferred color */ 1969} 1970 1971</style></div></div><div class="div-block-3"><div skeleton="button" class="product-card__price-wrapper"><smootify-price skeleton="text" class="smootify-price-2"><div class="sm-price-container card-9"><span data-prop="price" class="sm-price card-21">£15.99</span>
1971<div class="sm-price card-21 vat-snippet">ex.VAT</div></div><div condition="on-sale" class="sm-price-container is-compare"><div class="sm-price card-21 is-compare">was</div><span data-prop="compareAtPrice" class="sm-price card-21 is-compare">£15.99</span></div></smootify-price></div><div skeleton="block" class="product-card__buttons-wrapper"><smootify-add-to-cart condition="is-not-variable"><div class="form-block w-form"><form id="email-form" name="email-form" data-name="Email Form" method="get" class="product-form" data-wf-page-id="66409cc95e85ade60aa9ad81" data-wf-element-id="f18ac99d-c035-4a01-a8e6-885a14f205db" data-turnstile-sitekey="0x4AAAAAAAQTptj2So4dx43e"><button type="submit" skeleton="button" class="button text-capitalise is-disabled"><div data-state="default" class="default-state sm-buy-button__state"><div condition="in-stock">Add to cart</div><div condition="out-of-stock">Out of stock</div></div><div data-state="loading" class="loading-state sm-buy-button__state is-hidden"><svg version="1.1" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 0 0" class="sm-buy-button__icon"><path fill="currentColor" d="M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50"><animateTransform attributeName="transform" attributeType="XML" type="rotate" dur="1s" from="0 50 50" to="360 50 50" repeatCount="indefinite"></animateTransform></path></svg><div>Please wait</div></div></button></form><div class="w-form-done"><div>Thank you! Your submission has been received!</div></div><div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div></smootify-add-to-cart><a product="url" skeleton="button" condition="is-variable" href="#" class="button w-inline-block"><div data-state="default" class="default-state sm-buy-button__state"><div>View now</div></div><div data-state="loading" class="loading-state sm-buy-button__state is-hidden"><svg version="1.1" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 0 0" class="sm-buy-button__icon"><path fill="currentColor" d="M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50"><animateTransform attributeName="transform" attributeType="XML" type="rotate" dur="1s" from="0 50 50" to="360 50 50" repeatCount="indefinite"></animateTransform></path></svg><div>Please wait</div></div></a></div></div></div></article></div></smootify-product></div><div class="filter_pagination"><button data-action="load-in-view" class="button is-secondary">Load More</button></div></div></div></div></smootify-search-discovery></section><section data-slider="component" data-padding-top="small" data-padding-bottom="small" class="section_border"><div class="u-container"><div class="swiper-controls"><h1 class="section-h2 is-smaller">Ifor Williams Trailer Winch Accessories</h1><div class="u-button-wrapper tablet-hide"><div class="u-display-contents"><button data-slider="previous" class="button_arrow_wrap swiper-button-disabled"><div class="button_arrow_element"><div aria-hidden="true" class="button_arrow_icon"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 33 26" fill="none" aria-hidden="true" class="u-svg left"><path d="M18 24.8437L31 12.8438L18 0.843749" class="u-path"></path><path d="M30.5 13L0 13" class="u-path"></path></svg></div></div></button><button data-slider="next" class="button_arrow_wrap"><div class="button_arrow_element"><div aria-hidden="true" class="button_arrow_icon"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 33 26" fill="none" aria-hidden="true" class="u-svg"><path d="M18 24.8437L31 12.8438L18 0.843749" class="u-path"></path><path d="M30.5 13L0 13" class="u-path"></path></svg></div></div></button></div></div></div><div data-slider="component" class="slider_wrap"><div STYLE="--lg: 4.5; --md: 3; --sm: 1.5; --xs: 1.2;" class="slider_offset"><div data-mousewheel="True" data-follow-finger="True" data-speed="600" data-autoplay-delay="3000" class="slider_element swiper"><div class="slider_list swiper-wrapper"><div class="w-dyn-list"><div role="list" class="swiper-wrapper is-product-card-slider w-dyn-items"><div role="listitem" class="product-card-slide w-dyn-item"><smootify-product data-id="gid://shopify/Product/15288998953335" class="product for-swiper"><div class="display-contents"><article class="product-card-v1"><div class="product-card__top-wrapper"><a skeleton="block" product="url" href="#" class="product-card__image-wrapper w-inline-block"><img class="product-card__image" src="https://cdn.prod.website-files.com/664086274bef808fb60fb3af/6a61c3ab663201d95a625b66_4_07307f6f-fe18-406a-8a36-af84d2c1a0a7.jpeg" variant="image" alt="LC2500daN 50mm x 4m Ratchet Strap Kit with Soft Eye Choker" skeleton="image" loading="lazy" max-width="720"/><div condition="on-sale" class="product-card_slither u-text-small u-weight-semibold"><div>Save <span variant="discounted-amount">£0.00</span></div></div></a></div><div class="product-card__info-wrapper"><div class="w-embed"><div skeleton="text" class="product-card__title"><a product="url"><h3><span product="vendor">Rydam Lifting and Lashing</span><span> </span><span product="title">LC2500daN 50mm x 4m Ratchet Strap Kit with Soft Eye Choker</span></h3></a></div></div><div class="product-card__title hide">Brand Product name</div><div class="card-stock-rating-wrap"><div class="product_starrating w-embed"><!-- Rating Badge --> 1972<div skeleton="text" class="review-rating-badge" data-star-color="#ffcb06" data-product-id="" data-size="medium"></div> 1973 1974<style> 1975.review-rating-badge span { 1976 color: #9EA0A8 !important; /* Replace with your preferred color */ 1977} 1978 1979</style></div></div><div class="div-block-3"><div skeleton="button" class="product-card__price-wrapper"><smootify-price skeleton="text" class="smootify-price-2"><div class="sm-price-container card-9"><span data-prop="price" class="sm-price card-21">$10.00</span>
1979<div class="sm-price card-21 vat-snippet">ex.VAT</div></div><div condition="on-sale" class="sm-price-container is-compare"><div class="sm-price card-21 is-compare">was</div><span data-prop="compareAtPrice" class="sm-price card-21 is-compare">£15.99</span></div></smootify-price></div><div skeleton="block" class="product-card__buttons-wrapper"><smootify-add-to-cart condition="is-not-variable"><div class="form-block w-form"><form method="get" name="email-form" data-name="Email Form" class="product-form" data-wf-page-id="66409cc95e85ade60aa9ad81" data-wf-element-id="b981f6eb-c3d9-c946-b5b6-f21cfeee5b28" data-turnstile-sitekey="0x4AAAAAAAQTptj2So4dx43e"><button type="submit" skeleton="button" class="button text-capitalise is-disabled"><div data-state="default" class="default-state sm-buy-button__state"><div condition="in-stock">Add to cart</div><div condition="out-of-stock">Out of stock</div></div><div data-state="loading" class="loading-state sm-buy-button__state is-hidden"><svg version="1.1" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 0 0" class="sm-buy-button__icon"><path fill="currentColor" d="M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50"><animateTransform attributeName="transform" attributeType="XML" type="rotate" dur="1s" from="0 50 50" to="360 50 50" repeatCount="indefinite"></animateTransform></path></svg><div>Please wait</div></div></button></form><div class="w-form-done"><div>Thank you! Your submission has been received!</div></div><div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div></smootify-add-to-cart><a product="url" skeleton="button" condition="is-variable" href="#" class="button w-inline-block"><div data-state="default" class="default-state sm-buy-button__state"><div>View now</div></div><div data-state="loading" class="loading-state sm-buy-button__state is-hidden"><svg version="1.1" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 0 0" class="sm-buy-button__icon"><path fill="currentColor" d="M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50"><animateTransform attributeName="transform" attributeType="XML" type="rotate" dur="1s" from="0 50 50" to="360 50 50" repeatCount="indefinite"></animateTransform></path></svg><div>Please wait</div></div></a></div></div></div></article></div></smootify-product></div><div role="listitem" class="product-card-slide w-dyn-item"><smootify-product data-id="gid://shopify/Product/9501737025828" class="product for-swiper"><div class="display-contents"><article class="product-card-v1"><div class="product-card__top-wrapper"><a skeleton="block" product="url" href="#" class="product-card__image-wrapper w-inline-block"><img class="product-card__image" src="https://cdn.prod.website-files.com/664086274bef808fb60fb3af/6a7f00c0400bf800e4f05afb_Document_41ad472a-177b-4882-8eb8-35aabb02c66e.jpeg" variant="image" alt="Zinc Plated Swing Away Pulley Snatch Block" skeleton="image" loading="lazy" max-width="720"/><div condition="on-sale" class="product-card_slither u-text-small u-weight-semibold"><div>Save <span variant="discounted-amount">£0.00</span></div></div></a></div><div class="product-card__info-wrapper"><div class="w-embed"><div skeleton="text" class="product-card__title"><a product="url"><h3><span product="vendor">Rydam Universal</span><span> </span><span product="title">Zinc Plated Swing Away Pulley Snatch Block</span></h3></a></div></div><div class="product-card__title hide">Brand Product name</div><div class="card-stock-rating-wrap"><div class="product_starrating w-embed"><!-- Rating Badge --> 1980<div skeleton="text" class="review-rating-badge" data-star-color="#ffcb06" data-product-id="" data-size="medium"></div> 1981 1982<style> 1983.review-rating-badge span { 1984 color: #9EA0A8 !important; /* Replace with your preferred color */ 1985} 1986 1987</style></div></div><div class="div-block-3"><div skeleton="button" class="product-card__price-wrapper"><smootify-price skeleton="text" class="smootify-price-2"><div class="sm-price-container card-9"><span data-prop="price" class="sm-price card-21">$20.00</span>
1987<div class="sm-price card-21 vat-snippet">ex.VAT</div></div><div condition="on-sale" class="sm-price-container is-compare"><div class="sm-price card-21 is-compare">was</div><span data-prop="compareAtPrice" class="sm-price card-21 is-compare">£15.99</span></div></smootify-price></div><div skeleton="block" class="product-card__buttons-wrapper"><smootify-add-to-cart condition="is-not-variable"><div class="form-block w-form"><form method="get" name="email-form" data-name="Email Form" class="product-form" data-wf-page-id="66409cc95e85ade60aa9ad81" data-wf-element-id="b981f6eb-c3d9-c946-b5b6-f21cfeee5b28" data-turnstile-sitekey="0x4AAAAAAAQTptj2So4dx43e"><button type="submit" skeleton="button" class="button text-capitalise is-disabled"><div data-state="default" class="default-state sm-buy-button__state"><div condition="in-stock">Add to cart</div><div condition="out-of-stock">Out of stock</div></div><div data-state="loading" class="loading-state sm-buy-button__state is-hidden"><svg version="1.1" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 0 0" class="sm-buy-button__icon"><path fill="currentColor" d="M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50"><animateTransform attributeName="transform" attributeType="XML" type="rotate" dur="1s" from="0 50 50" to="360 50 50" repeatCount="indefinite"></animateTransform></path></svg><div>Please wait</div></div></button></form><div class="w-form-done"><div>Thank you! Your submission has been received!</div></div><div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div></smootify-add-to-cart><a product="url" skeleton="button" condition="is-variable" href="#" class="button w-inline-block"><div data-state="default" class="default-state sm-buy-button__state"><div>View now</div></div><div data-state="loading" class="loading-state sm-buy-button__state is-hidden"><svg version="1.1" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 0 0" class="sm-buy-button__icon"><path fill="currentColor" d="M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50"><animateTransform attributeName="transform" attributeType="XML" type="rotate" dur="1s" from="0 50 50" to="360 50 50" repeatCount="indefinite"></animateTransform></path></svg><div>Please wait</div></div></a></div></div></div></article></div></smootify-product></div><div role="listitem" class="product-card-slide w-dyn-item"><smootify-product data-id="gid://shopify/Product/9619229802788" class="product for-swiper"><div class="display-contents"><article class="product-card-v1"><div class="product-card__top-wrapper"><a skeleton="block" product="url" href="#" class="product-card__image-wrapper w-inline-block"><img class="product-card__image" src="https://cdn.prod.website-files.com/664086274bef808fb60fb3af/6a96941ad78e5d2128ad5e68_Electric-Winch-2-Function-Wireless-Radio-Remote-Control-Kit-Novawinch-UK-9595_5b2e3521-ce88-428f-9e0d-52c64af163f4.png" variant="image" alt="Electric Winch 2 Function Wireless Radio Remote Control Kit" skeleton="image" loading="lazy" max-width="720"/><div condition="on-sale" class="product-card_slither u-text-small u-weight-semibold"><div>Save <span variant="discounted-amount">£0.00</span></div></div></a></div><div class="product-card__info-wrapper"><div class="w-embed"><div skeleton="text" class="product-card__title"><a product="url"><h3><span product="vendor">Lodar</span><span> </span><span product="title">Electric Winch 2 Function Wireless Radio Remote Control Kit</span></h3></a></div></div><div class="product-card__title hide">Brand Product name</div><div class="card-stock-rating-wrap"><div class="product_starrating w-embed"><!-- Rating Badge --> 1988<div skeleton="text" class="review-rating-badge" data-star-color="#ffcb06" data-product-id="" data-size="medium"></div> 1989 1990<style> 1991.review-rating-badge span { 1992 color: #9EA0A8 !important; /* Replace with your preferred color */ 1993} 1994 1995</style></div></div><div class="div-block-3"><div skeleton="button" class="product-card__price-wrapper"><smootify-price skeleton="text" class="smootify-price-2"><div class="sm-price-container card-9"><span data-prop="price" class="sm-price card-21">$218.00</span>
1995<div class="sm-price card-21 vat-snippet">ex.VAT</div></div><div condition="on-sale" class="sm-price-container is-compare"><div class="sm-price card-21 is-compare">was</div><span data-prop="compareAtPrice" class="sm-price card-21 is-compare">£15.99</span></div></smootify-price></div><div skeleton="block" class="product-card__buttons-wrapper"><smootify-add-to-cart condition="is-not-variable"><div class="form-block w-form"><form method="get" name="email-form" data-name="Email Form" class="product-form" data-wf-page-id="66409cc95e85ade60aa9ad81" data-wf-element-id="b981f6eb-c3d9-c946-b5b6-f21cfeee5b28" data-turnstile-sitekey="0x4AAAAAAAQTptj2So4dx43e"><button type="submit" skeleton="button" class="button text-capitalise is-disabled"><div data-state="default" class="default-state sm-buy-button__state"><div condition="in-stock">Add to cart</div><div condition="out-of-stock">Out of stock</div></div><div data-state="loading" class="loading-state sm-buy-button__state is-hidden"><svg version="1.1" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 0 0" class="sm-buy-button__icon"><path fill="currentColor" d="M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50"><animateTransform attributeName="transform" attributeType="XML" type="rotate" dur="1s" from="0 50 50" to="360 50 50" repeatCount="indefinite"></animateTransform></path></svg><div>Please wait</div></div></button></form><div class="w-form-done"><div>Thank you! Your submission has been received!</div></div><div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div></smootify-add-to-cart><a product="url" skeleton="button" condition="is-variable" href="#" class="button w-inline-block"><div data-state="default" class="default-state sm-buy-button__state"><div>View now</div></div><div data-state="loading" class="loading-state sm-buy-button__state is-hidden"><svg version="1.1" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 0 0" class="sm-buy-button__icon"><path fill="currentColor" d="M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50"><animateTransform attributeName="transform" attributeType="XML" type="rotate" dur="1s" from="0 50 50" to="360 50 50" repeatCount="indefinite"></animateTransform></path></svg><div>Please wait</div></div></a></div></div></div></article></div></smootify-product></div><div role="listitem" class="product-card-slide w-dyn-item"><smootify-product data-id="gid://shopify/Product/9503545098532" class="product for-swiper"><div class="display-contents"><article class="product-card-v1"><div class="product-card__top-wrapper"><a skeleton="block" product="url" href="#" class="product-card__image-wrapper w-inline-block"><img class="product-card__image" src="https://cdn.prod.website-files.com/664086274bef808fb60fb3af/6a68c3c757979fc67496d12c_UntitledProject-illustrationimage_4_df811670-26b8-454e-8abc-74eafd754ec8.jpeg" variant="image" alt="Wireless & Wired Dual Function Radio Remote Control For 12-24V Winches" skeleton="image" loading="lazy" max-width="720"/><div condition="on-sale" class="product-card_slither u-text-small u-weight-semibold"><div>Save <span variant="discounted-amount">£0.00</span></div></div></a></div><div class="product-card__info-wrapper"><div class="w-embed"><div skeleton="text" class="product-card__title"><a product="url"><h3><span product="vendor">Novawinch</span><span> </span><span product="title">Wireless & Wired Dual Function Radio Remote Control For 12-24V Winches</span></h3></a></div></div><div class="product-card__title hide">Brand Product name</div><div class="card-stock-rating-wrap"><div class="product_starrating w-embed"><!-- Rating Badge --> 1996<div skeleton="text" class="review-rating-badge" data-star-color="#ffcb06" data-product-id="" data-size="medium"></div> 1997 1998<style> 1999.review-rating-badge span { 2000 color: #9EA0A8 !important; /* Replace with your preferred color */ 2001} 2002 2003</style></div></div><div class="div-block-3"><div skeleton="button" class="product-card__price-wrapper"><smootify-price skeleton="text" class="smootify-price-2"><div class="sm-price-container card-9"><span data-prop="price" class="sm-price card-21">$88.36</span>
2003<div class="sm-price card-21 vat-snippet">ex.VAT</div></div><div condition="on-sale" class="sm-price-container is-compare"><div class="sm-price card-21 is-compare">was</div><span data-prop="compareAtPrice" class="sm-price card-21 is-compare">£15.99</span></div></smootify-price></div><div skeleton="block" class="product-card__buttons-wrapper"><smootify-add-to-cart condition="is-not-variable"><div class="form-block w-form"><form method="get" name="email-form" data-name="Email Form" class="product-form" data-wf-page-id="66409cc95e85ade60aa9ad81" data-wf-element-id="b981f6eb-c3d9-c946-b5b6-f21cfeee5b28" data-turnstile-sitekey="0x4AAAAAAAQTptj2So4dx43e"><button type="submit" skeleton="button" class="button text-capitalise is-disabled"><div data-state="default" class="default-state sm-buy-button__state"><div condition="in-stock">Add to cart</div><div condition="out-of-stock">Out of stock</div></div><div data-state="loading" class="loading-state sm-buy-button__state is-hidden"><svg version="1.1" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 0 0" class="sm-buy-button__icon"><path fill="currentColor" d="M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50"><animateTransform attributeName="transform" attributeType="XML" type="rotate" dur="1s" from="0 50 50" to="360 50 50" repeatCount="indefinite"></animateTransform></path></svg><div>Please wait</div></div></button></form><div class="w-form-done"><div>Thank you! Your submission has been received!</div></div><div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div></smootify-add-to-cart><a product="url" skeleton="button" condition="is-variable" href="#" class="button w-inline-block"><div data-state="default" class="default-state sm-buy-button__state"><div>View now</div></div><div data-state="loading" class="loading-state sm-buy-button__state is-hidden"><svg version="1.1" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 0 0" class="sm-buy-button__icon"><path fill="currentColor" d="M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50"><animateTransform attributeName="transform" attributeType="XML" type="rotate" dur="1s" from="0 50 50" to="360 50 50" repeatCount="indefinite"></animateTransform></path></svg><div>Please wait</div></div></a></div></div></div></article></div></smootify-product></div></div></div></div></div></div></div></div></section><section data-padding-top="small" data-padding-bottom="small" class="section_border is-lighter"><div class="category-desc_contain u-container"><div class="u-rich-text w-richtext"><h2>Electric Winches for Ifor Williams Trailers</h2> 2004<p>Ifor Williams trailers are widely used across vehicle transport, plant, agricultural and commercial applications. An electric winch can provide controlled loading assistance for suitable trailers, particularly when moving cars, plant and other freely rolling equipment.</p> 2005<p>Novawinch offers a range of electric winches that may be suitable for selected Ifor Williams trailer installations, depending on the trailer model, mounting arrangement, electrical supply and intended load.</p> 2006<p>Compatibility should always be checked before replacing or modifying an existing trailer winch installation.</p> 2007<h3>Choosing a Winch for an Ifor Williams Trailer</h3> 2008<p>Winch selection should be based on the specific trailer and the load being moved rather than vehicle weight alone.</p> 2009<p>Important factors include:</p> 2010<div><ul> 2011<li>trailer model and maximum gross weight</li> 2012<li>loading-ramp or tilt-bed angle</li> 2013<li>maximum expected rolling load</li> 2014<li>winch mounting arrangement</li> 2015<li>rope length required</li> 2016<li>available electrical supply</li> 2017<li>frequency of use</li> 2018<li>condition of the vehicle or machinery being loaded</li> 2019</ul></div> 2020<p>Ifor Williams' own guidance calculates winch suitability around the maximum rolling load that can be pulled onto a particular trailer and ramp combination. Their documentation also specifies that their winch brackets and winches are intended for <strong>rolling loads</strong>, rather than vehicles whose wheels cannot rotate freely.</p> 2021<h3>
202112V Electric Trailer Winches</h3> 2022<p>A 12V electric winch can be practical for many trailer applications, particularly where the trailer has a dedicated battery or suitable connection to the towing vehicle.</p> 2023<p>The complete electrical installation matters as much as the winch itself. Battery capacity, cable size, connections, isolation and charging arrangements should all be suitable for the current required under load.</p> 2024<p>Regular commercial use may require a more substantial electrical setup than occasional loading.</p> 2025<h3>Car Transporter Winches</h3> 2026<p>Ifor Williams has offered both manual and electric winch options for car transporter applications, including electric winches with power leads or dedicated battery arrangements.</p> 2027<p>For vehicle transport, consider:</p> 2028<div><ul> 2029<li>vehicle rolling resistance</li> 2030<li>ramp angle</li> 2031<li>rope alignment</li> 2032<li>required cable or rope length</li> 2033<li>operator visibility</li> 2034<li>mounting strength</li> 2035</ul></div> 2036<p>A freely rolling vehicle generally places much less load on the winch than one with damaged tyres, locked brakes or accident damage.</p> 2037<h3>Plant Trailer Winches</h3> 2038<p>Plant-loading applications can be more demanding because of machinery weight and loading conditions.</p> 2039<p>When using a winch to load suitable wheeled plant, consider the equipment's actual rolling resistance as well as its weight. Mud, flat tyres, damaged running gear or steep loading angles can substantially increase the required pulling force.</p> 2040<p>The trailer, winch bracket and mounting structure must all be appropriate for the loads involved.</p> 2041<h3>Synthetic Rope or Steel Wire?</h3> 2042<p>Both options have advantages.</p> 2043<p><strong>Synthetic rope</strong> is light and easier to handle, making it useful where operators frequently pull the line out manually.</p> 2044<p><strong>Steel wire rope</strong> offers excellent abrasion resistance and remains common in commercial and plant environments.</p> 2045<p>Whichever option is used, it should be correctly matched to the winch and regularly inspected for wear or damage.</p> 2046<h3>Check Mounting Compatibility Before Ordering</h3> 2047<p>This section is particularly important on this page.</p> 2048<p>Ifor Williams states that its supplied winches are specified to work with its winch brackets and warns that other makes may not be compatible.</p> 2049<p>Before fitting an alternative electric winch, check:</p> 2050<div><ul> 2051<li>trailer model</li> 2052<li>existing winch bracket</li> 2053<li>mounting bolt pattern</li> 2054<li>winch dimensions</li> 2055<li>fairlead position</li> 2056<li>rope path</li> 2057<li>electrical supply</li> 2058<li>any effect on manufacturer warranty</li> 2059</ul></div> 2060<p>If you are unsure, contact our team with the trailer model and details of the existing installation before ordering.</p> 2061<h3>Choosing the Right Trailer Winch</h3> 2062<p>There is no single electric winch suitable for every Ifor Williams trailer.</p> 2063<p>The correct setup depends on the trailer, mounting system, load, ramp angle and electrical arrangement.</p> 2064<p>Browse our range of <strong>electric winches for trailer applications</strong> above, or contact the Novawinch UK team for help identifying a suitable option for your setup.</p></div></div></section><section data-padding-top="small" data-padding-bottom="small" data-cms-check="true" class="section_border"><div class="faq_contain u-container"><div class="faq-heading-wrap u-text-h4"><div class="section_title_wrap"><h2 class="section_large_title">Frequently Asked Questions</h2></div></div><div fs-accordion-single="true" fs-accordion-element="group" fs-accordion-initial="none" class="faq_component"><div class="accordion_script_embed w-embed w-script"><!-- [Finsweet Attributes] Accordion -->
2065<script>(()=>{var t="https://cdn.jsdelivr.net/npm/@finsweet/attributes-accordion@1/accordion.js",e=document.querySelector(`script[src="${t}"]`);e||(e=document.createElement("script"),e.async=!0,e.src=t,document.head.append(e));})();</script>
2065</div><div class="w-dyn-list"><div data-faq-schema="" role="list" class="w-dyn-items"><div data-faq-item="" role="listitem" class="faq-collection-item w-dyn-item"><div fs-accordion-element="accordion" class="accordion_item"><div id="accordion-2-header-2" tabindex="0" role="button" aria-controls="accordion-2-content-2" aria-expanded="false" fs-accordion-element="trigger" class="accordion_header is-faq"><div class="accordion_labal-wrapper"><h3 data-faq-question="" class="accordion_label is-faqs">Can I fit a Novawinch electric winch to an Ifor Williams trailer?</h3></div><div fs-accordion-element="arrow" class="accordion_arrow-wrapper"><div class="fs_accordion-2_icon w-icon-dropdown-toggle"></div></div></div><div id="accordion-2-content-2" aria-labelledby="accordion-2-header-2" fs-accordion-element="content" class="accordion_content"><div class="accordion_body"><div data-faq-answer="" class="u-rich-text w-richtext"><p>Potentially, but compatibility depends on the specific trailer, winch bracket, bolt pattern and electrical setup. Ifor Williams recommends using winches specified for its brackets and warns that incompatible alternatives may affect warranty, so fitment should be checked before installation.</p></div></div></div></div></div><div data-faq-item="" role="listitem" class="faq-collection-item w-dyn-item"><div fs-accordion-element="accordion" class="accordion_item"><div id="accordion-2-header-2" tabindex="0" role="button" aria-controls="accordion-2-content-2" aria-expanded="false" fs-accordion-element="trigger" class="accordion_header is-faq"><div class="accordion_labal-wrapper"><h3 data-faq-question="" class="accordion_label is-faqs">What size winch do I need for an Ifor Williams trailer?</h3></div><div fs-accordion-element="arrow" class="accordion_arrow-wrapper"><div class="fs_accordion-2_icon w-icon-dropdown-toggle"></div></div></div><div id="accordion-2-content-2" aria-labelledby="accordion-2-header-2" fs-accordion-element="content" class="accordion_content"><div class="accordion_body"><div data-faq-answer="" class="u-rich-text w-richtext"><p>The correct size depends on the trailer, ramp angle and maximum rolling load. Ifor Williams determines winch capacity based partly on the maximum rolling load that can be winched onto each trailer and ramp combination, so trailer-specific requirements should be checked rather than relying on a single vehicle-weight rule.</p></div></div></div></div></div><div data-faq-item="" role="listitem" class="faq-collection-item w-dyn-item"><div fs-accordion-element="accordion" class="accordion_item"><div id="accordion-2-header-2" tabindex="0" role="button" aria-controls="accordion-2-content-2" aria-expanded="false" fs-accordion-element="trigger" class="accordion_header is-faq"><div class="accordion_labal-wrapper"><h3 data-faq-question="" class="accordion_label is-faqs">Can I use an electric winch on an Ifor Williams car transporter?</h3></div><div fs-accordion-element="arrow" class="accordion_arrow-wrapper"><div class="fs_accordion-2_icon w-icon-dropdown-toggle"></div></div></div><div id="accordion-2-content-2" aria-labelledby="accordion-2-header-2" fs-accordion-element="content" class="accordion_content"><div class="accordion_body"><div data-faq-answer="" class="u-rich-text w-richtext"><p>Yes, suitable electric winch systems are used on car transporter applications, and Ifor Williams has offered electric winch options with either power leads or dedicated battery arrangements. Compatibility with the individual trailer still needs to be confirmed.</p></div></div></div></div></div><div data-faq-item="" role="listitem" class="faq-collection-item w-dyn-item"><div fs-accordion-element="accordion" class="accordion_item"><div id="accordion-2-header-2" tabindex="0" role="button" aria-controls="accordion-2-content-2" aria-expanded="false" fs-accordion-element="trigger" class="accordion_header is-faq"><div class="accordion_labal-wrapper"><h3 data-faq-question="" class="accordion_label is-faqs">Can I winch a vehicle with locked wheels onto the trailer?</h3></div><div fs-accordion-element="arrow" class="accordion_arrow-wrapper"><div class="fs_accordion-2_icon w-icon-dropdown-toggle"></div></div></div><div id="accordion-2-content-2" aria-labelledby="accordion-2-header-2" fs-accordion-element="content"
2065class="accordion_content"><div class="accordion_body"><div data-faq-answer="" class="u-rich-text w-richtext"><p>You should be cautious. Ifor Williams' own winch guidance says its winch systems and brackets are rated for <strong>rolling loads</strong> and are not intended for vehicles whose wheels do not rotate freely.</p></div></div></div></div></div><div data-faq-item="" role="listitem" class="faq-collection-item w-dyn-item"><div fs-accordion-element="accordion" class="accordion_item"><div id="accordion-2-header-2" tabindex="0" role="button" aria-controls="accordion-2-content-2" aria-expanded="false" fs-accordion-element="trigger" class="accordion_header is-faq"><div class="accordion_labal-wrapper"><h3 data-faq-question="" class="accordion_label is-faqs">Should I use synthetic rope or steel wire?</h3></div><div fs-accordion-element="arrow" class="accordion_arrow-wrapper"><div class="fs_accordion-2_icon w-icon-dropdown-toggle"></div></div></div><div id="accordion-2-content-2" aria-labelledby="accordion-2-header-2" fs-accordion-element="content" class="accordion_content"><div class="accordion_body"><div data-faq-answer="" class="u-rich-text w-richtext"><p>Synthetic rope is lighter and easier to handle, while steel wire offers excellent abrasion resistance. The best option depends on the operating environment and the specification of the winch.</p></div></div></div></div></div><div data-faq-item="" role="listitem" class="faq-collection-item w-dyn-item"><div fs-accordion-element="accordion" class="accordion_item"><div id="accordion-2-header-2" tabindex="0" role="button" aria-controls="accordion-2-content-2" aria-expanded="false" fs-accordion-element="trigger" class="accordion_header is-faq"><div class="accordion_labal-wrapper"><h3 data-faq-question="" class="accordion_label is-faqs">Do I need a separate battery for an electric trailer winch?</h3></div><div fs-accordion-element="arrow" class="accordion_arrow-wrapper"><div class="fs_accordion-2_icon w-icon-dropdown-toggle"></div></div></div><div id="accordion-2-content-2" aria-labelledby="accordion-2-header-2" fs-accordion-element="content" class="accordion_content"><div class="accordion_body"><div data-faq-answer="" class="u-rich-text w-richtext"><p>Not always. Some trailer installations use power leads from the towing vehicle, while others use a dedicated trailer-mounted battery. The electrical system should be capable of supplying the winch under load and should be installed appropriately for the intended use.</p></div></div></div></div></div></div></div></div></div></section><footer class="footer_component"><div class="tyre_image"></div><div class="footer_top_wrap"><div class="footer_contain u-container"><div class="footer_grid u-grid-custom"><div class="footer_links_wrap u-vflex-left-top u-gap-custom"><div class="footer_title u-weight-medium">Novawinch</div><a href="/about-us" class="footer_link">About Us</a><a href="/gallery" class="footer_link">Gallery</a><a href="/blog" class="footer_link">Blog</a></div><div class="footer_links_wrap u-vflex-left-top u-gap-custom"><div class="footer_title u-weight-medium">Customer Info</div><a href="/contact-us" class="footer_link">Contact Us</a><a href="/returns" class="footer_link">Returns</a><a href="/delivery" class="footer_link">Delivery</a><a href="/warranty" class="footer_link">Warranty</a></div><div class="footer_links_wrap u-vflex-left-top u-gap-custom"><div class="footer_title u-weight-medium">Legal Bits</div><a href="/terms-conditions" class="footer_link">Terms & Conditions</a><a href="/privacy-policy" class="footer_link">Privacy Policy</a><a href="/cookie-policy" class="footer_link">Cookie Policy</a></div><div id="w-node-_5c1ab54f-f920-5983-9295-aac2a2f70970-a2f70953" class="footer_links_wrap u-vflex-left-top u-gap-custom u-column-2"><a href="#" class="footer_title u-weight-medium">Join our exclusive newsletter</a><div class="form_main_wrap w-embed"><div id="omnisend-embedded-v2-67879e63f381c115caaee113"></div></div><div class="social_links_wrap u-hflex-left-center u-gap-custom"><a aria-label="Click to go to our Facebook page" href="https://www.facebook.com/novawinch" target="_blank" class="social_link w-inline-block"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="currentColor" app="ikonik" class="social_link_icon"><path d="M12 0c6.627 0 12 5.373 12 12s-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0zm4 7.278V4.5h-2.286c-2.1 0-3.428 1.6-3.428 3.889v1.667H8v2.777h2.286V19.5h2.85
20657v-6.667h2.286L16 10.056h-2.857V8.944c0-1.11.572-1.666 1.714-1.666H16z" app="ikonik"></path></svg></a><a aria-label="Click to go to our Instagram page" href="https://www.instagram.com/novawinch.uk" target="_blank" class="social_link w-inline-block"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="currentColor" app="ikonik" class="social_link_icon"><path d="M12 0c6.6274 0 12 5.3726 12 12s-5.3726 12-12 12S0 18.6274 0 12 5.3726 0 12 0zm3.115 4.5h-6.23c-2.5536 0-4.281 1.6524-4.3805 4.1552L4.5 8.8851v6.1996c0 1.3004.4234 2.4193 1.2702 3.2359.7582.73 1.751 1.1212 2.8818 1.1734l.2633.006h6.1694c1.3004 0 2.389-.4234 3.1754-1.1794.762-.734 1.1817-1.7576 1.2343-2.948l.0056-.2577V8.8851c0-1.2702-.4234-2.3589-1.2097-3.1452-.7338-.762-1.7575-1.1817-2.9234-1.2343l-.252-.0056zM8.9152 5.8911h6.2299c.9072 0 1.6633.2722 2.2076.8166.4713.499.7647 1.1758.8103 1.9607l.0063.2167v6.2298c0 .9375-.3327 1.6936-.877 2.2077-.499.4713-1.176.7392-1.984.7806l-.2237.0057H8.9153c-.9072 0-1.6633-.2722-2.2076-.7863-.499-.499-.7693-1.1759-.8109-2.0073l-.0057-.2306V8.885c0-.9073.2722-1.6633.8166-2.2077.4712-.4713 1.1712-.7392 1.9834-.7806l.2242-.0057h6.2299-6.2299zM12 8.0988c-2.117 0-3.871 1.7238-3.871 3.871A3.8591 3.8591 0 0 0 12 15.8408c2.1472 0 3.871-1.7541 3.871-3.871 0-2.117-1.754-3.871-3.871-3.871zm0 1.3911c1.3609 0 2.4798 1.119 2.4798 2.4799 0 1.3608-1.119 2.4798-2.4798 2.4798-1.3609 0-2.4798-1.119-2.4798-2.4798 0-1.361 1.119-2.4799 2.4798-2.4799zm4.0222-2.3589a.877.877 0 1 0 0 1.754.877.877 0 0 0 0-1.754z" app="ikonik"></path></svg></a></div></div></div></div></div><div class="footer-bottom_wrap"><div class="footer_contain u-container u-hflex-left-center u-gap-custom u-text-small"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" app="ikonik" class="copyright_icon"><defs app="ikonik"><clipPath app="ikonik"><rect width="24" height="24" fill="currentColor" app="ikonik" class="rect-3x3rg"></rect></clipPath></defs><g clip-path="url(#clip0_6_12264)" app="ikonik"><path d="M11.88 9.14C13.16 9.2 13.49 10.29 13.51 10.8H15.3C15.22 8.82 13.81 7.61 11.85 7.61C9.64 7.61 8 9 8 12.14C8 14.08 8.93 16.38 11.84 16.38C14.06 16.38 15.25 14.73 15.28 13.43H13.49C13.46 14.02 13.04 14.81 11.86 14.87C10.55 14.83 10 13.81 10 12.14C10 9.25 11.28 9.16 11.88 9.14ZM12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20Z" fill="currentColor" app="ikonik" class="path-22njt"></path></g></svg><div>2026 Novawinch UK. All rights reserved.</div></div></div></footer></main><button data-is="preferences-button" class="cookie_preference_btn"><svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" class="svg-icon"><g><rect fill="none" height="24" width="24"></rect></g><g><g><path d="M21.95,10.99c-1.79-0.03-3.7-1.95-2.68-4.22c-2.98,1-5.77-1.59-5.19-4.56C6.95,0.71,2,6.58,2,12c0,5.52,4.48,10,10,10 C17.89,22,22.54,16.92,21.95,10.99z M8.5,15C7.67,15,7,14.33,7,13.5S7.67,12,8.5,12s1.5,0.67,1.5,1.5S9.33,15,8.5,15z M10.5,10 C9.67,10,9,9.33,9,8.5S9.67,7,10.5,7S12,7.67,12,8.5S11.33,10,10.5,10z M15,16c-0.55,0-1-0.45-1-1c0-0.55,0.45-1,1-1s1,0.45,1,1 C16,15.55,15.55,16,15,16z" fill="currentColor"></path></g></g></svg><div>Preferences</div></button><div class="custom-css w-embed"><style> 2066html .slider_list > :not(.u-display-contents, .w-dyn-list), 2067.slider_list > .w-dyn-list > * > * > *, 2068.slider_list > .u-display-contents > *, 2069.slider_list > .u-display-contents > .u-display-contents > *, 2070.slider_list > .u-display-contents > .w-dyn-list > * > * > *, 2071.slider_list > .u-display-contents > .u-display-contents > .w-dyn-list > * > * > * { 2072 padding-inline: calc(var(--_gap---size) / 2); 2073 height: auto !important; 2074 flex: 0 0 auto; 2075 width: calc(100% / var(--slide-count)); 2076} 2077.slider_button_layout:not(:has(button:not(:disabled))) { 2078 display: none; 2079} 2080 2081 2082/* Define a variable for the "Empty" state check to make it cleaner */ 2083:root { 2084 --list-is-empty: :not(:has(.breadcrumbs__link:not(.w-condition-invisible))); 2085} 2086 2087/* 1. Hide the CMS List if all items are invisible */ 2088.breadcrumb-dynamic:not(:has(.breadcrumbs__link:not(.w-condition-invisible))) { 2089 display: none !important; 2090} 2091 2092/* 2. Hide the separator BEFORE the empty list */ 2093.breadcrumbs__separator:has(+ .breadcrumb-dynamic:not(:has(.breadcrumbs__link:not(.w-condition-invisible)))) { 2094 display: none !important; 2095} 2096 2097/* 3. Hide the separator AFTER the empty list */ 2098.breadcrumb-dynamic:not(:has(.breadcrumbs__link:not(.w-condition-invisible))) + .breadcrumbs__separator { 2099 display: none !important; 2100} 2101 2102 2103.filter-dropdown-list_link:last-child {border-bottom: none;} 2104 2105/* Style toggle when any link inside .filter_dropdown has .w--current */ 2106.filter_dropdown:has(.filter-dropdown-list_link.w--current) .filter-dropdown-toggle { 2107 background-color: var(--theme--brand) !important; 2108 color: #000000 !important; 2109 2110} 2111
2112.accordion_item:hover .fs_accordion-2_icon {color: var(--theme--brand) !important;} 2113 2114</style></div><div class="u-embed-js-2 w-embed w-script"><!-- Load Swiper CSS and JS once --> 2115<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css"/>
2116<script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>
2116 2117
2118<script> 2119document.addEventListener("DOMContentLoaded", () => { 2120 const syncGroups = {}; 2121 2122 document.querySelectorAll("[data-slider='component']:not([data-slider='component'] [data-slider='component'])").forEach((component) => { 2123 if (component.dataset.scriptInitialized) return; 2124 component.dataset.scriptInitialized = "true"; 2125 2126 const swiperElement = component.querySelector(".slider_element"); 2127 const swiperWrapper = component.querySelector(".slider_list"); 2128 if (!swiperElement || !swiperWrapper) return; 2129 2130 function flattenDisplayContents(slot) { 2131 if (!slot) return; 2132 let child = slot.firstElementChild; 2133 while (child && child.classList.contains("u-display-contents")) { 2134 while (child.firstChild) slot.insertBefore(child.firstChild, child); 2135 slot.removeChild(child); 2136 child = slot.firstElementChild; 2137 } 2138 } 2139 flattenDisplayContents(swiperWrapper); 2140 2141 function removeCMSList(slot) { 2142 const dynList = Array.from(slot.children).find((child) => child.classList.contains("w-dyn-list")); 2143 if (!dynList) return; 2144 const nestedItems = dynList?.querySelector(".w-dyn-items")?.children; 2145 if (!nestedItems) return; 2146 const staticWrapper = [...slot.children]; 2147 [...nestedItems].forEach(el => { 2148 const c = [...el.children].find(c => !c.classList.contains('w-condition-invisible')); 2149 c && slot.appendChild(c); 2150 }); 2151 staticWrapper.forEach((el) => el.remove()); 2152 } 2153 removeCMSList(swiperWrapper); 2154 2155 [...swiperWrapper.children].forEach((el) => el.classList.add("swiper-slide")); 2156 2157 const syncParent = component.closest('[data-slider-sync]'); 2158 const syncName = syncParent ? syncParent.getAttribute('data-slider-sync') : null; 2159 2160 let nextEl = component.querySelector("[data-slider='next']"); 2161 let prevEl = component.querySelector("[data-slider='previous']"); 2162 let paginationEl = component.querySelector(".slider_bullet_list"); 2163 2164 if (syncParent) { 2165 if (!nextEl) nextEl = syncParent.querySelector("[data-slider='next'] button"); 2166 if (!prevEl) prevEl = syncParent.querySelector("[data-slider='previous'] button"); 2167 if (!paginationEl) paginationEl = syncParent.querySelector(".slider_bullet_list"); 2168 } 2169 2170 const followFinger = swiperElement.getAttribute("data-follow-finger") === "True", 2171 freeMode = swiperElement.getAttribute("data-free-mode") === "True", 2172 mousewheel = swiperElement.getAttribute("data-mousewheel") === "True", 2173 slideToClickedSlide = swiperElement.getAttribute("data-slide-to-clicked") === "True", 2174 speed = +swiperElement.getAttribute("data-speed") || 600, 2175 autoplay = swiperElement.getAttribute("data-autoplay") === "True", 2176 autoplayDelay = +swiperElement.getAttribute("data-autoplay-delay") || 3000, 2177 loop = swiperElement.getAttribute("data-loop") === "True"; 2178 2179 const swiperInstance = new Swiper(swiperElement, { 2180 slidesPerView: "auto", 2181 loop: loop, 2182 followFinger: followFinger, 2183 loopAdditionalSlides: 10, 2184 freeMode: freeMode, 2185 slideToClickedSlide: slideToClickedSlide, 2186 centeredSlides: false, 2187 autoHeight: false, 2188 speed: speed, 2189 2190 autoplay: autoplay ? { 2191 delay: autoplayDelay, 2192 disableOnInteraction: false, 2193 } : false, 2194 2195 mousewheel: { 2196 enabled: mousewheel, 2197 forceToAxis: true, 2198 }, 2199 keyboard: { 2200 enabled: true, 2201 onlyInViewport: true, 2202 }, 2203 navigation: { nextEl: nextEl, prevEl: prevEl }, 2204 pagination: { 2205 el: paginationEl, 2206 bulletActiveClass: "is-active", 2207 bulletClass: "slider_bullet_item", 2208 bulletElement: "button", 2209 clickable: true, 2210 }, 2211 slideActiveClass: "is-active", 2212 slideDuplicateActiveClass: "is-active", 2213 }); 2214 2215 if (syncName) { 2216 if (!syncGroups[syncName]) syncGroups[syncName] = []; 2217 syncGroups[syncName].push(swiperInstance); 2218 } 2219 }); 2220 2221 // Link all controllers within the same sync group AND fix autoplay timers 2222 Object.values(syncGroups).forEach(group => { 2223 if (group.length > 1) { 2224 // Find the slider acting as the engine (the one with autoplay enabled) 2225 const engineSlider = group.find(swiper => swiper.params.autoplay); 2226 2227 group.forEach((swiper, index) => { 2228 // Sync controllers 2229 swiper.controller.control = group.filter((_, i) => i !== index); 2230 2231 // Reset autoplay timer on manual drag/swipe of any slider in the group 2232 if (engineSlider) { 2233 swiper.on('touchEnd', () => { 2234 engineSlider.autoplay.stop(); 2235 engineSlider.autoplay.start(); 2236 }); 2237 } 2238 }); 2239 2240 // Reset autoplay timer on bullet/arrow clicks 2241 if (engineSlider) {
2242 const syncParent = engineSlider.el.closest('[data-slider-sync]'); 2243 if (syncParent) { 2244 const controls = syncParent.querySelectorAll('.slider_bullet_item, [data-slider="next"], [data-slider="previous"]'); 2245 controls.forEach(control => { 2246 control.addEventListener('click', () => { 2247 engineSlider.autoplay.stop(); 2248 engineSlider.autoplay.start(); 2249 }); 2250 }); 2251 } 2252 } 2253 } 2254 }); 2255}); 2256</script>
2256</div></div><div class="hide w-dyn-list"><div class="w-dyn-empty"><div>No items found.</div></div></div>
2256<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=663bc0455a60e5ca4d65395d" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
2256<script src="https://cdn.prod.website-files.com/663bc0455a60e5ca4d65395d/js/webflow.4a0afe2c.d9161da66d553770.js" type="text/javascript" integrity="sha384-JtwVWS/g247Zo41vdC83T+QV9OmS7/zpZWFgpdg9ODHT2bbE04Ze5Sv+WanWRI/C" crossorigin="anonymous"></script>
2256<!-- Smootify Meta AddToCart Event -->
2257<script> 2258document.addEventListener('smootify:added_to_cart', (event) => { 2259 const {lines, cart, goToCheckout} = event.detail; 2260 if (window.fbq) { 2261 for (let line of lines) { 2262 const cartLine = cart.lines.nodes.find(e => e.merchandise.id == line.merchandiseId); 2263 if (cartLine) { 2264 fbq('track', 'AddToCart', { 2265 content_type: "product", 2266 contents: [{ 2267 id: line.merchandiseId.split("/").pop(), 2268 quantity: line.quantity, 2269 value: Number(cartLine.cost.totalAmount.amount), 2270 currency: cartLine.cost.totalAmount.currencyCode 2271 }] 2272 }) 2273 } 2274 } 2275 } 2276}) 2277</script>
2277 2278 2279
2280<script src="https://cdn.jsdelivr.net/gh/flowtricks/[email protected]/cms-nest.js"></script>
2280 2281 2282 2283
2284<script type="text/javascript"> 2285 window.omnisend = window.omnisend || []; 2286 omnisend.push(["accountID", "66fa4a7f21fcbf9e35ee02f8"]); 2287 omnisend.push(["track", "$pageViewed"]); 2288 !function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://omnisnippet1.com/inshop/launcher-v2.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)}(); 2289</script>
2289 2290 2291 2292 2293 2294 2295<!-- [Attributes by Finsweet] Modal -->
2296<script async src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-modal@1/modal.js"></script>
2296 2297 2298 2299 2300
2301<script src="https://cdn.shopify.com/extensions/0dbe771f-afe6-4013-bed7-20e4c8b60ba3/inbox-1151/assets/inbox-chat-loader.js" type="smootify-load" defer="defer" data-type="text/javascript"></script>
2301<script id="chat-button-container" data-horizontal-position="bottom_right" data-vertical-position="lowest" data-icon="chat_bubble" data-text="no_text" data-color="#000000" data-secondary-color="#ffffff" data-ternary-color="#000000" data-domain="novawinch.myshopify.com" data-external-identifier="ORWyQywjkF_rR5J9vgC9lCnYDfqBOEVT-IP39_0KxVo"> 2302</script>
2302 2303 2304
2305<script> 2306$(document).ready(function () { 2307 let isDropdownOpen = false; 2308 2309 // Cache selectors for performance 2310 const $body = $("body"); 2311 const $cartDropdown = $(".cart-panel_dropdown"); 2312 const $cartPanel = $(".cart_panel-panel"); 2313 let shopifyChat = null; 2314 2315 // Helper to get raw DOM element 2316 const getCartPanel = () => $cartPanel[0]; 2317 2318 // Function to update z-index of the Shopify chat 2319 function updateChatZIndex(value) { 2320 if (!shopifyChat) { 2321 shopifyChat = document.querySelector("inbox-online-store-chat"); 2322 } 2323 if (shopifyChat) { 2324 shopifyChat.style.zIndex = value; 2325 } 2326 } 2327 2328 // Toggle dropdown state on toggle button click 2329 // Ensure you add id="cart-panel_button" to your element 2330 $("#cart-panel_button").click(function (e) { 2331 e.preventDefault(); 2332 e.stopPropagation(); 2333 2334 if (isDropdownOpen) { 2335 closeCartDropdown(); 2336 } else { 2337 openCartDropdown(); 2338 } 2339 }); 2340 2341 // Use event delegation for close buttons to handle dynamic elements 2342 $(document).on("click", "[data-close-cart]", function (e) { 2343 e.preventDefault(); 2344 e.stopPropagation(); 2345 closeCartDropdown(); 2346 }); 2347 2348 // Handle clicks inside the panel 2349 $cartPanel.click(function (e) { 2350 // If the clicked element (or its parent) is a close button, close the cart 2351 if ($(e.target).closest("[data-close-cart]").length > 0) { 2352 e.preventDefault(); 2353 closeCartDropdown(); 2354 return; 2355 } 2356 2357 // Otherwise, stop propagation so clicking the panel doesn't close it 2358 e.stopPropagation(); 2359 }); 2360 2361 $(document).click(function (e) { 2362 if (isDropdownOpen) { 2363 closeCartDropdown(); 2364 } 2365 }); 2366 2367 function openCartDropdown() { 2368 // Reset styles in case they were left over 2369 $cartPanel.css({ 2370 "transform": "", 2371 "opacity": "" 2372 }); 2373 2374 $body.addClass("no-scroll"); 2375 $cartDropdown.trigger("w-open.w-dropdown"); 2376 updateChatZIndex("1"); 2377 isDropdownOpen = true; 2378 } 2379 2380 function closeCartDropdown() { 2381 if (!isDropdownOpen) return; 2382 2383 // Animate the panel out 2384 let panelEl = getCartPanel(); 2385 2386 if (panelEl) { 2387 // Use Web Animations API for smooth exit 2388 let animation = panelEl.animate( 2389 [ 2390 { transform: 'translateX(0)', opacity: 1 }, 2391 { transform: 'translateX(100%)', opacity: 1 } 2392 ], 2393 { 2394 duration: 300, 2395 easing: 'ease-in-out', 2396 fill: 'forwards' 2397 } 2398 ); 2399 2400 animation.finished.then(() => { 2401 finishClosing(); 2402 try { animation.cancel(); } catch (e) { } 2403 }); 2404 } else { 2405 finishClosing(); 2406 } 2407 } 2408 2409 function finishClosing() { 2410 $body.removeClass("no-scroll"); 2411 $cartDropdown.trigger("w-close.w-dropdown"); 2412 updateChatZIndex("2147483647"); 2413 isDropdownOpen = false; 2414 2415 // Clean up styles 2416 $cartPanel.css({ 2417 "transform": "", 2418 "opacity": "" 2419 }); 2420 } 2421}); 2422 2423</script>
2423 2424
2425<script> 2426document.addEventListener("DOMContentLoaded", function () { 2427 var categorySlug = "ifor-williams-trailer-winches"; 2428 var categoryName = "Electric Winches for Ifor Williams Trailers"; 2429 var categoryUrl = "https://www.novawinch.uk/shop/" + categorySlug; 2430 2431 var faqItems = []; 2432 var faqNodes = document.querySelectorAll("[data-faq-item]"); 2433 2434 faqNodes.forEach(function (item) { 2435 var questionEl = item.querySelector("[data-faq-question]"); 2436 var answerEl = item.querySelector("[data-faq-answer]"); 2437 2438 if (!questionEl || !answerEl) return; 2439 2440 var question = questionEl.textContent.trim(); 2441 var answer = answerEl.textContent.trim(); 2442 2443 if (!question || !answer) return; 2444 2445 faqItems.push({ 2446 "@type": "Question", 2447 "name": question, 2448 "acceptedAnswer": { 2449 "@type": "Answer", 2450 "text": answer 2451 } 2452 }); 2453 }); 2454 2455 var graph = [ 2456 { 2457 "@type": "CollectionPage", 2458 "@id": categoryUrl + "#collectionpage", 2459 "url": categoryUrl, 2460 "name": categoryName, 2461 "inLanguage": "en-GB" 2462 }, 2463 { 2464 "@type": "BreadcrumbList", 2465 "@id": categoryUrl + "#breadcrumb", 2466 "itemListElement": [ 2467 { 2468 "@type": "ListItem", 2469 "position": 1, 2470 "name": "Home", 2471 "item": "https://www.novawinch.uk/" 2472 }, 2473 { 2474 "@type": "ListItem", 2475 "position": 2, 2476 "name": categoryName, 2477 "item": categoryUrl 2478 } 2479 ] 2480 } 2481 ]; 2482 2483 if (faqItems.length > 0) { 2484 graph.push({ 2485 "@type": "FAQPage", 2486 "@id": categoryUrl + "#faq", 2487 "url": categoryUrl, 2488 "mainEntity": faqItems 2489 }); 2490 } 2491 2492 var schema = { 2493 "@context": "https://schema.org", 2494 "@graph": graph 2495 }; 2496 2497 var script = document.createElement("script"); 2498 script.type = "application/ld+json"; 2499 script.textContent = JSON.stringify(schema); 2500 document.head.appendChild(script); 2501}); 2502</script>
2502 2503
2504<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
2504 2505 2506<!-- Badge -->
2507<script src="/product-review-system/api/product-rating-badge" type="module"></script>
2507</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.