{"id":21585,"date":"2025-11-25T11:59:57","date_gmt":"2025-11-25T11:59:57","guid":{"rendered":"https:\/\/www.adriansteel.com\/?page_id=21585"},"modified":"2026-03-06T18:07:56","modified_gmt":"2026-03-06T18:07:56","slug":"hooks","status":"publish","type":"page","link":"https:\/\/www.adriansteel.com\/products\/accessories\/hooks\/","title":{"rendered":"Cargo Hooks"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"21585\" class=\"elementor elementor-21585\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-22322ac e-flex e-con-boxed e-con e-parent\" data-id=\"22322ac\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d369c61 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"d369c61\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cda3fa7 product_family elementor-widget elementor-widget-heading\" data-id=\"cda3fa7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">HANGING STORAGE<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-67d58cf elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"67d58cf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6b29e98 elementor-widget elementor-widget-heading\" data-id=\"6b29e98\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">SMART STORAGE THAT MOVES WITH YOU<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9b1f2aa e-flex e-con-boxed e-con e-parent\" data-id=\"9b1f2aa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-c87d6aa e-con-full e-flex e-con e-child\" data-id=\"c87d6aa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-93c4b78 elementor-widget elementor-widget-shortcode\" data-id=\"93c4b78\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <div class=\"acf-product-gallery\" id=\"gallery_69b2a4d63445a\">\n        <!-- Main slider -->\n        <div class=\"swiper main-slider\">\n            <div class=\"swiper-wrapper\">\n                                    <div class=\"swiper-slide\">\n                        <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/11\/20241122-ASC-New-Shelving-Day-3_113.jpg\" alt=\"\">\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/11\/AS_Partitions-12.webp\" alt=\"\">\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/11\/20241108-New-Shelving-HVAC-Electrical_78-e1760716049147.webp\" alt=\"\">\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/11\/20241108-New-Shelving-HVAC-Electrical_177.webp\" alt=\"\">\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/11\/AS_Upfits-102.webp\" alt=\"\">\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/11\/BuilderContractor-82-1.webp\" alt=\"\">\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/11\/asc-selects-155.jpg\" alt=\"\">\n                    <\/div>\n                            <\/div>\n        <\/div>\n\n        <!-- Thumbnails -->\n        <div class=\"thumbs-wrapper\">\n            <div class=\"thumbs-prev\">&#10094;<\/div>\n            <div class=\"swiper thumbs-slider\">\n                <div class=\"swiper-wrapper\">\n                                            <div class=\"swiper-slide\">\n                            <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/11\/20241122-ASC-New-Shelving-Day-3_113-150x150.jpg\" alt=\"\">\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/11\/AS_Partitions-12-150x150.webp\" alt=\"\">\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/11\/20241108-New-Shelving-HVAC-Electrical_78-e1760716049147-150x150.webp\" alt=\"\">\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/11\/20241108-New-Shelving-HVAC-Electrical_177-150x150.webp\" alt=\"\">\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/11\/AS_Upfits-102-150x150.webp\" alt=\"\">\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/11\/BuilderContractor-82-1-150x150.webp\" alt=\"\">\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/11\/asc-selects-155-150x150.jpg\" alt=\"\">\n                        <\/div>\n                                    <\/div>\n            <\/div>\n            <div class=\"thumbs-next\">&#10095;<\/div>\n        <\/div>\n    <\/div>\n\n    <style>\n        .acf-product-gallery { max-width: 600px; margin: auto; }\n        .main-slider { width: 100%; aspect-ratio: 1 \/ 0.86; overflow: hidden; margin-bottom: 10px; border-radius: 8px; background: #f8f8f8; display: flex; align-items: center; justify-content: center; }\n        .main-slider .swiper-slide { display: flex; align-items: center; justify-content: center; }\n        .main-slider img { width: auto; height: 100%; object-fit: cover; }\n        .thumbs-wrapper { display: flex; align-items: center; gap: 5px; margin-top: 5px; }\n        .thumbs-slider { flex: 1; }\n        .thumbs-slider .swiper-slide { width: auto; height: 80px; display: flex; align-items: center; justify-content: center; cursor: pointer; }\n        .thumbs-slider img { max-height: 100%; cursor: pointer; border: 2px solid transparent; border-radius: 4px; transition: border-color 0.3s; }\n        .swiper-slide-thumb-active img { border-color: #c60f24; }\n        .thumbs-prev, .thumbs-next { cursor: pointer; font-size: 20px; padding: 8px; user-select: none; color: #333; transition: color 0.3s; }\n        .thumbs-prev:hover, .thumbs-next:hover { color: #c60f24; }\n    <\/style>\n\n    <script>\n    document.addEventListener('DOMContentLoaded', function() {\n        setTimeout(function() {\n            var galleryContainer = document.getElementById('gallery_69b2a4d63445a');\n            if (!galleryContainer) return;\n            \n            var mainSliderEl = galleryContainer.querySelector('.main-slider');\n            var thumbsSliderEl = galleryContainer.querySelector('.thumbs-slider');\n            var prevBtn = galleryContainer.querySelector('.thumbs-prev');\n            var nextBtn = galleryContainer.querySelector('.thumbs-next');\n            \n            if (!mainSliderEl || !thumbsSliderEl) return;\n\n            var thumbsSwiper = new Swiper(thumbsSliderEl, {\n                spaceBetween: 10,\n                slidesPerView: 5,\n                freeMode: false,\n                watchSlidesProgress: true,\n                on: {\n                    click: function(swiper, event) {\n                        var clickedSlide = event.target.closest('.swiper-slide');\n                        if (clickedSlide) {\n                            var slideIndex = Array.from(swiper.slides).indexOf(clickedSlide);\n                            if (slideIndex !== -1 && mainSwiper) {\n                                mainSwiper.slideTo(slideIndex);\n                            }\n                        }\n                    }\n                }\n            });\n\n            var mainSwiper = new Swiper(mainSliderEl, {\n                spaceBetween: 10,\n                autoHeight: false,\n                thumbs: { swiper: thumbsSwiper },\n                on: {\n                    slideChange: function() {\n                        var activeIndex = this.activeIndex;\n                        var thumbsPerView = Math.floor(thumbsSliderEl.offsetWidth \/ 90);\n                        var thumbsStart = Math.floor(thumbsSwiper.activeIndex \/ thumbsPerView) * thumbsPerView;\n                        \n                        if (activeIndex < thumbsStart || activeIndex >= thumbsStart + thumbsPerView) {\n                            var newThumbsStart = Math.floor(activeIndex \/ thumbsPerView) * thumbsPerView;\n                            thumbsSwiper.slideTo(newThumbsStart);\n                        }\n                    }\n                }\n            });\n\n\n            if (prevBtn) {\n                prevBtn.addEventListener('click', function() {\n                    if (mainSwiper.activeIndex > 0) {\n                        mainSwiper.slidePrev();\n                    } else {\n                        mainSwiper.slideTo(mainSwiper.slides.length - 1);\n                    }\n                });\n            }\n\n            if (nextBtn) {\n                nextBtn.addEventListener('click', function() {\n                    if (mainSwiper.activeIndex < mainSwiper.slides.length - 1) {\n                        mainSwiper.slideNext();\n                    } else {\n                        mainSwiper.slideTo(0);\n                    }\n                });\n            }\n        }, 100);\n    });\n    <\/script>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bbf639c e-con-full e-flex e-con e-child\" data-id=\"bbf639c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cc1257c elementor-widget elementor-widget-heading\" data-id=\"cc1257c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Select a style:<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-821169e elementor-widget elementor-widget-shortcode\" data-id=\"821169e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">        <div class=\"select_style_slider_wrapper\" id=\"style_slider_69b2a4d634a21\">\n            <button class=\"slider_arrow slider_arrow_left\" aria-label=\"Previous\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                    <path d=\"M15 18L9 12L15 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n            <\/button>\n            \n            <div class=\"select_style_container\">\n                <div class=\"select_style_track\">\n                                                    <div class=\"select_styl_wrapper active-style\">\n                                    <div>\n                                        <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2024\/01\/UH50-150x150.jpg\" alt=\"Cargo Hooks\">\n                                        <p id=\"form_location\">Cargo Hooks<\/p>\n                                    <\/div>\n                                <\/div>\n                                                                                    <div class=\"select_styl_wrapper\">\n                                    <a href=\"https:\/\/www.adriansteel.com\/products\/accessories\/hose-cord-holders\/\">\n                                        <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2023\/11\/HOSEHLDR-150x150.jpg\" alt=\"Hose\/Cord Holders\">\n                                        <p>Hose\/Cord Holders<\/p>\n                                    <\/a>\n                                <\/div>\n                                                                                    <div class=\"select_styl_wrapper\">\n                                    <a href=\"https:\/\/www.adriansteel.com\/products\/accessories\/hvac-gauge-cover\/\">\n                                        <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2023\/11\/GC1-2-150x150.jpg\" alt=\"HVAC Gauge Cover\">\n                                        <p>HVAC Gauge Cover<\/p>\n                                    <\/a>\n                                <\/div>\n                                                                    <\/div>\n            <\/div>\n            \n            <button class=\"slider_arrow slider_arrow_right\" aria-label=\"Next\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                    <path d=\"M9 18L15 12L9 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n            <\/button>\n        <\/div>\n        \n        <style>\n            .select_style_slider_wrapper {\n                position: relative;\n                display: flex;\n                align-items: center;\n                gap: 15px;\n                max-width: 100%;\n                font-family: Arial, sans-serif;\n            }\n            .select_style_container {\n                overflow: hidden;\n                flex: 1;\n            }\n            .select_style_track {\n                display: flex;\n                gap: 20px;\n                transition: transform 0.3s ease;\n            }\n            .select_style_container .select_styl_wrapper {\n                text-align: center;\n                flex-shrink: 0;\n                width: calc((100% - 40px) \/ 3);\n            }\n            .select_style_container .select_styl_wrapper > div{\n\t\t\t\taspect-ratio: 1 \/ 1;\n\t\t\t}\n            .select_style_container .select_styl_wrapper > a {\n                text-decoration: none;\n                color: #333;\n                display: block;\n            }\n            .select_style_container .select_styl_wrapper > a > img {\n                width: 100%;\n                object-fit: contain;\n                border: 2px solid #00a2df;\n                border-radius: 15px;\n\t\t\t\taspect-ratio: 1 \/ 1;\n            }\n            .select_style_container .select_styl_wrapper > a > p {\n                padding-top: 10px;\n                margin: 0;\n                font-size: 16px;\n                word-wrap: break-word;\n            }\n            .select_style_container .active-style > div > img {\n                width: 100%;\n                object-fit: contain;\n                border: 2px solid #00a2df;\n                border-radius: 15px;\n                background: #fff;\n\t\t\t\taspect-ratio: 1 \/ 1;\n            }\n            .select_style_container .active-style > div > p {\n                font-size: 16px;\n\t\t\t\tline-height:18px;\n                background: #00a2df;\n                border-radius: 0 0 15px 15px;\n                padding: 14px 10px 5px 10px;\n                margin-top: -12px;\n                color: #fff;\n                word-wrap: break-word;\n            }\n            .slider_arrow {\n                background: #00a2df;\n                border: none;\n                border-radius: 5px;\n                width: 30px;\n                height: 30px;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                cursor: pointer;\n                flex-shrink: 0;\n                color: #fff;\n                transition: all 0.3s ease;\n                box-shadow: 0 2px 8px rgba(0, 162, 223, 0.3);\n                z-index: 10;\n            }\n            .slider_arrow:hover {\n                background: #008bbf;\n                box-shadow: 0 4px 12px rgba(0, 162, 223, 0.5);\n                transform: scale(1.1);\n            }\n            .slider_arrow:active {\n                transform: scale(0.95);\n            }\n            .slider_arrow:disabled {\n                background: #ccc;\n                cursor: not-allowed;\n                opacity: 0.5;\n                box-shadow: none;\n            }\n            .slider_arrow.hidden {\n                display: none;\n            }\n            .select_style_slider_wrapper.no-arrows .select_style_track {\n                transform: none !important;\n            }\n            .select_style_slider_wrapper.no-arrows .select_style_container .select_styl_wrapper {\n                width: calc((100% - 20px * (var(--count, 3) - 1)) \/ var(--count));\n\t\t\t\tmax-width:180px;\n            }\n            @media only screen and (max-width: 910px) {\n                .select_style_container .select_styl_wrapper {\n                    width: calc((100% - 20px) \/ 2);\n                }\n                .slider_arrow {\n                    width: 40px;\n                    height: 40px;\n                }\n            }\n            @media only screen and (max-width: 420px) {\n                .select_style_container .select_styl_wrapper {\n                    width: 100%;\n                }\n                .slider_arrow {\n                    width: 38px;\n                    height: 38px;\n                }\n                .select_style_slider_wrapper {\n                    gap: 10px;\n                }\n            }\n        <\/style>\n        \n        <script>\n        (function() {\n            const wrapper = document.getElementById('style_slider_69b2a4d634a21');\n            const track = wrapper.querySelector('.select_style_track');\n            const leftArrow = wrapper.querySelector('.slider_arrow_left');\n            const rightArrow = wrapper.querySelector('.slider_arrow_right');\n            const items = track.querySelectorAll('.select_styl_wrapper');\n            const activeIndex = Array.from(items).findIndex(el => el.classList.contains('active-style'));\n            \n            let itemsPerView = 3;\n            let currentIndex = 0;\n            \n            function getItemsPerView() {\n                if (window.innerWidth <= 420) return 1;\n                if (window.innerWidth <= 910) return 2;\n                return 3;\n            }\n            \n            function calcInitialIndex() {\n                itemsPerView = getItemsPerView();\n                const maxIndex = Math.max(items.length - itemsPerView, 0);\n                if (activeIndex < 0) return 0;\n                const centerOffset = Math.floor(itemsPerView \/ 2);\n                let idx = activeIndex - centerOffset;\n                if (idx < 0) idx = 0;\n                if (idx > maxIndex) idx = maxIndex;\n                return idx;\n            }\n            \n            function updateSlider() {\n                itemsPerView = getItemsPerView();\n                const maxIndex = Math.max(items.length - itemsPerView, 0);\n                if (currentIndex < 0) currentIndex = 0;\n                if (currentIndex > maxIndex) currentIndex = maxIndex;\n                \n                const itemWidth = items[0].offsetWidth;\n                const gap = 20;\n                const offset = -(currentIndex * (itemWidth + gap));\n                track.style.transform = `translateX(${offset}px)`;\n                \n                const allVisible = items.length <= itemsPerView;\n                wrapper.style.setProperty('--count', items.length);\n                \n                if (allVisible) {\n                    leftArrow.classList.add('hidden');\n                    rightArrow.classList.add('hidden');\n                    wrapper.classList.add('no-arrows');\n                } else {\n                    leftArrow.classList.remove('hidden');\n                    rightArrow.classList.remove('hidden');\n                    wrapper.classList.remove('no-arrows');\n                    leftArrow.disabled = currentIndex === 0;\n                    rightArrow.disabled = currentIndex >= maxIndex;\n                }\n            }\n            \n            leftArrow.addEventListener('click', function() {\n                currentIndex--;\n                updateSlider();\n            });\n            \n            rightArrow.addEventListener('click', function() {\n                currentIndex++;\n                updateSlider();\n            });\n            \n            window.addEventListener('resize', function() {\n                currentIndex = calcInitialIndex();\n                updateSlider();\n            });\n            \n            currentIndex = calcInitialIndex();\n            updateSlider();\n        })();\n        <\/script>\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cb97850 elementor-widget elementor-widget-heading\" data-id=\"cb97850\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Hooks<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2c081cc elementor-widget elementor-widget-text-editor\" data-id=\"2c081cc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Our cargo hooks come in multiple sizes \u2014 from compact 1\u2033 utility hooks to longer 5\u2033 variants \u2014 and are compatible with standard mounting rails and panels. Whether you need a standalone hook, a multi-hook bar, or rail-mounted options, they offer flexible solutions for keeping your van walls and partitions organized and functional.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d8d7e07 image-icon-box e-con-full e-flex e-con e-child\" data-id=\"d8d7e07\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-5a6b1f5 e-con-full e-flex e-con e-child\" data-id=\"5a6b1f5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c0ce148 elementor-widget elementor-widget-heading\" data-id=\"c0ce148\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-default\">Key Features:<\/span>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-439759b e-con-full e-flex e-con e-child\" data-id=\"439759b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f201b0e elementor-widget__width-initial elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"f201b0e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img decoding=\"async\" width=\"64\" height=\"64\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/11\/Easy-Access@2x-1.webp\" class=\"attachment-full size-full wp-image-21524\" alt=\"\" \/><\/figure><div class=\"elementor-image-box-content\"><p class=\"elementor-image-box-title\">EASY ACCESS<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3d11cd1 elementor-widget__width-initial elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"3d11cd1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img decoding=\"async\" width=\"64\" height=\"64\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/11\/Versatile@2x-1.webp\" class=\"attachment-full size-full wp-image-21586\" alt=\"\" \/><\/figure><div class=\"elementor-image-box-content\"><p class=\"elementor-image-box-title\">VERSATILE<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d50a7c3 elementor-widget__width-initial elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"d50a7c3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img decoding=\"async\" width=\"64\" height=\"62\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/11\/variety@2x-1.webp\" class=\"attachment-full size-full wp-image-21559\" alt=\"\" \/><\/figure><div class=\"elementor-image-box-content\"><p class=\"elementor-image-box-title\">VARIETY<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-69b1150 image-icon-box e-con-full e-flex e-con e-child\" data-id=\"69b1150\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6911ffa elementor-widget elementor-widget-html\" data-id=\"6911ffa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<span class=\"request-a-quote\">Request a quote<\/span>\n\n\t\n<!-- Popup structure -->\n    <div class=\"popup\" id=\"formPopup\">\n        <div class=\"popup-content\">\n            <span class=\"popup-close\">\u00d7<\/span>\n            <!-- Form placeholder -->\n            <div id=\"formContainer\">\n                <div\n               data-form-id='52e26838-7657-f011-877b-002248091ea5'\n               data-form-api-url='https:\/\/public-usa.mkt.dynamics.com\/api\/v1.0\/orgs\/8f541790-89d3-ef11-b8e2-002248282907\/landingpageforms'\n               data-cached-form-url='https:\/\/assets1-usa.mkt.dynamics.com\/8f541790-89d3-ef11-b8e2-002248282907\/digitalassets\/forms\/52e26838-7657-f011-877b-002248091ea5' >\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n\t<script src='https:\/\/cxppusa1formui01cdnsa01-endpoint.azureedge.net\/usa\/FormLoader\/FormLoader.bundle.js' defer><\/script>\n<script>\n\/* ================= ELEMENTS ================= *\/\n\nconst popup = document.getElementById('formPopup');\nconst openPopupBtn = document.querySelector('.request-a-quote');\nconst closePopupBtn = document.querySelector('.popup-close');\nconst formContainer = document.getElementById('formContainer');\n\n\/* ================= DATA FROM PAGE ================= *\/\n\nfunction getPartNumber() {\n  return document.getElementById('part_number')?.textContent.trim() || '';\n}\n\nfunction getVehiclesData() {\n  const table = document.querySelector('.product-table');\n  return table?.dataset?.vehicles?.trim() || '';\n}\n\nfunction getFormLocation() {\n  return document.querySelector('#form_location')?.textContent.trim() || '';\n}\n\n\/* ================= WAIT FOR PRODUCT FAMILY (ELEMENTOR SAFE) ================= *\/\n\nfunction waitForProductFamily(callback) {\n  const immediate = document.querySelector('.product_family .elementor-heading-title');\n  if (immediate && immediate.textContent.trim()) {\n    callback(immediate.textContent.trim());\n    return;\n  }\n\n  const observer = new MutationObserver(() => {\n    const el = document.querySelector('.product_family .elementor-heading-title');\n    if (el && el.textContent.trim()) {\n      observer.disconnect();\n      callback(el.textContent.trim());\n    }\n  });\n\n  observer.observe(document.body, { childList: true, subtree: true });\n  setTimeout(() => observer.disconnect(), 8000);\n}\n\n\/* ================= CRM INIT ================= *\/\n\nfunction initializeForm() {\n  if (window.MsCrmMkt && window.MsCrmMkt.MsCrmFormLoader) {\n    try {\n      window.MsCrmMkt.MsCrmFormLoader.init();\n    } catch (e) {\n      console.error('CRM init error:', e);\n    }\n  }\n}\n\n\/* ================= OBSERVE FORM LOAD ================= *\/\n\nfunction observeFormLoad() {\n  const observer = new MutationObserver((_, obs) => {\n    if (!formContainer.querySelector('form')) return;\n\n    formContainer.querySelector('.form-loading')?.remove();\n    retryFillStaticFields();\n\n    obs.disconnect();\n  });\n\n  observer.observe(formContainer, { childList: true, subtree: true });\n\n  setTimeout(() => {\n    if (!formContainer.querySelector('form')) {\n      formContainer.innerHTML =\n        '<div class=\"form-error\">Failed to load form. Please try again later.<\/div>';\n      observer.disconnect();\n    }\n  }, 10000);\n}\n\n\/* ================= STATIC FIELDS ================= *\/\n\nfunction retryFillStaticFields() {\n  const partNumber = getPartNumber();\n  const vehiclesData = getVehiclesData();\n  const formLocation = getFormLocation();\n\n  const delays = [500, 1500, 3000, 5000];\n\n  delays.forEach((delay) => {\n    setTimeout(() => {\n      const partNumberField = document.querySelector(\n        'input[name=\"ijt_partnumber\"], #ijt_partnumber-1751481691599, input[title=\"Part Number\"]'\n      );\n      if (partNumberField && partNumber) {\n        partNumberField.value = partNumber;\n        partNumberField.dispatchEvent(new Event('input', { bubbles: true }));\n        partNumberField.dispatchEvent(new Event('change', { bubbles: true }));\n      }\n\n      const vehiclesField = document.querySelector(\n        'input[name=\"ijt_primaryvehicles\"], #ijt_primaryvehicles-1752691454120, input[title=\"Primary Vehicle(s)\"]'\n      );\n      if (vehiclesField && vehiclesData) {\n        vehiclesField.value = vehiclesData;\n        vehiclesField.dispatchEvent(new Event('input', { bubbles: true }));\n        vehiclesField.dispatchEvent(new Event('change', { bubbles: true }));\n      }\n\n      const formLocationField = document.querySelector(\n        'input[name=\"ijt_formlocation\"], #ijt_formlocation-1743113624758, input[title=\"Form Location\"]'\n      );\n      if (formLocationField && formLocation) {\n        formLocationField.value = formLocation;\n        formLocationField.dispatchEvent(new Event('input', { bubbles: true }));\n        formLocationField.dispatchEvent(new Event('change', { bubbles: true }));\n      }\n    }, delay);\n  });\n}\n\n\/* ================= PRODUCT FAMILY (MAIN FIX) ================= *\/\n\nfunction fillProductFamilyWhenReady() {\n  waitForProductFamily((productFamily) => {\n    const field = document.getElementById('ijt_productfamily-1751482593908');\n    if (!field || !productFamily) return;\n\n    const nativeSetter = Object.getOwnPropertyDescriptor(\n      HTMLInputElement.prototype,\n      'value'\n    )?.set;\n\n    if (!nativeSetter) return;\n\n    const delays = [500, 1500, 3000, 5000];\n\n    delays.forEach((delay) => {\n      setTimeout(() => {\n        field.focus();\n        nativeSetter.call(field, productFamily);\n        field.dispatchEvent(new Event('input', { bubbles: true }));\n        field.dispatchEvent(new Event('change', { bubbles: true }));\n        field.blur();\n\n        console.log('Product Family SET:', productFamily);\n      }, delay);\n    });\n  });\n}\n\n\/* ================= POPUP EVENTS ================= *\/\n\nopenPopupBtn?.addEventListener('click', () => {\n  popup.style.display = 'flex';\n\n  initializeForm();\n  observeFormLoad();\n  retryFillStaticFields();\n  fillProductFamilyWhenReady();\n});\n\nclosePopupBtn?.addEventListener('click', () => {\n  popup.style.display = 'none';\n});\n\npopup?.addEventListener('click', (e) => {\n  if (e.target === popup) popup.style.display = 'none';\n});\n\ndocument.addEventListener('keydown', (e) => {\n  if (e.key === 'Escape' && popup.style.display === 'flex') {\n    popup.style.display = 'none';\n  }\n});\n\n\/* ================= DEBUG ================= *\/\n\nconsole.log('Script loaded');\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d2ca80a e-flex e-con-boxed e-con e-parent\" data-id=\"d2ca80a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-a99ffed e-con-full e-flex e-con e-child\" data-id=\"a99ffed\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aba061a elementor-widget elementor-widget-heading\" data-id=\"aba061a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Made In The U.S.A<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9f29a53 e-con-full e-flex e-con e-child\" data-id=\"9f29a53\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9787cd4 elementor-widget elementor-widget-heading\" data-id=\"9787cd4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">1,000,000+ Trucks &amp; Vans Upfitted<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-63e4fed e-con-full e-flex e-con e-child\" data-id=\"63e4fed\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4c3ab97 elementor-widget elementor-widget-heading\" data-id=\"4c3ab97\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Limited Lifetime Warranty<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2d07174 e-flex e-con-boxed e-con e-parent\" data-id=\"2d07174\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-121d5f8 elementor-widget elementor-widget-heading\" data-id=\"121d5f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Product Options<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-71e2149 elementor-widget__width-initial elementor-widget elementor-widget-shortcode\" data-id=\"71e2149\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <div class=\"common-accessories-wrapper\" id=\"common_accessories_acf_69b2a4d637d7c\">\n        <button class=\"slider_arrow slider_arrow_left\" aria-label=\"Previous\">\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M15 18L9 12L15 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n        <\/button>\n\n        <div class=\"swiper common-accessories-swiper\">\n            <div class=\"swiper-wrapper\">\n                                    <div class=\"swiper-slide\">\n                        <a href=\"\/products\/details\/shb2\/\" class=\"accessory-item\">\n                            <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2026\/01\/SHB2-300x240.png\" alt=\"Swivel Hook\">\n                            <span>Swivel Hook<\/span>\n                        <\/a>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <a href=\"\/products\/details\/uh25\/\" class=\"accessory-item\">\n                            <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2024\/01\/UH25-234x300.jpg\" alt=\"2.5\u201d Hook\">\n                            <span>2.5\u201d Hook<\/span>\n                        <\/a>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <a href=\"\/products\/details\/uh50\/\" class=\"accessory-item\">\n                            <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2024\/01\/UH50-238x300.jpg\" alt=\"5\u201d Hook\">\n                            <span>5\u201d Hook<\/span>\n                        <\/a>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <a href=\"\/products\/details\/uhb3\/\" class=\"accessory-item\">\n                            <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/07\/UHB3-300x240.jpg\" alt=\"3-Hook Bar\">\n                            <span>3-Hook Bar<\/span>\n                        <\/a>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <a href=\"\/products\/details\/44264-b\/\" class=\"accessory-item\">\n                            <img decoding=\"async\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/11\/44264-B_resized-300x300.jpg\" alt=\"Ladder Hook\">\n                            <span>Ladder Hook<\/span>\n                        <\/a>\n                    <\/div>\n                            <\/div>\n        <\/div>\n\n        <button class=\"slider_arrow slider_arrow_right\" aria-label=\"Next\">\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M9 18L15 12L9 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n        <\/button>\n    <\/div>\n\n    <style>\n        .common-accessories-wrapper {\n            position: relative;\n            display: flex;\n            align-items: center;\n            gap: 15px;\n            max-width: 100%;\n            font-family: Arial, sans-serif;\n        }\n\n        .common-accessories-swiper {\n            flex: 1;\n        }\n\n        .accessory-item {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            text-align: center;\n            font-size: 14px;\n            text-decoration: none;\n            color: #000;\n        }\n\n        .accessory-item img {\n            width: 150px;\n            height: 150px;\n            object-fit: cover;\n            border-radius: 12px;\n            border: 2px solid #00a2df;\n            background: #d8e0e3;\n            margin-bottom: 8px;\n        }\n\n        .slider_arrow {\n            background: #00a2df;\n            border: none;\n            border-radius: 5px;\n            width: 30px;\n            height: 30px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            flex-shrink: 0;\n            color: #fff;\n            transition: all 0.3s ease;\n            box-shadow: 0 2px 8px rgba(0, 162, 223, 0.3);\n            z-index: 10;\n        }\n\n        .slider_arrow:hover {\n            background: #008bbf;\n            box-shadow: 0 4px 12px rgba(0, 162, 223, 0.5);\n            transform: scale(1.1);\n        }\n\n        .slider_arrow:active {\n            transform: scale(0.95);\n        }\n\n        .slider_arrow.hidden {\n            display: none;\n        }\n\n        .common-accessories-wrapper.no-arrows {\n            justify-content: center;\n        }\n\n        .common-accessories-wrapper.no-arrows .common-accessories-swiper {\n            width: 100%;\n        }\n\n        .common-accessories-wrapper.no-arrows .swiper-wrapper {\n            justify-content: center;\n            transform: none !important;\n        }\n\n        .common-accessories-wrapper.no-arrows .swiper-slide {\n            flex: 1 1 auto;\n            max-width: calc(100% \/ var(--count, 5));\n        }\n\n        @media only screen and (max-width: 768px) {\n            .slider_arrow {\n                width: 40px;\n                height: 40px;\n            }\n        }\n\n        @media only screen and (max-width: 480px) {\n            .slider_arrow {\n                width: 36px;\n                height: 36px;\n            }\n            .common-accessories-wrapper {\n                gap: 10px;\n            }\n        }\n    <\/style>\n\n    <script>\n    document.addEventListener('DOMContentLoaded', function () {\n        const wrapper = document.getElementById('common_accessories_acf_69b2a4d637d7c');\n        const leftArrow = wrapper.querySelector('.slider_arrow_left');\n        const rightArrow = wrapper.querySelector('.slider_arrow_right');\n        const swiperEl = wrapper.querySelector('.common-accessories-swiper');\n        const slideCount = swiperEl.querySelectorAll('.swiper-slide').length;\n\n        wrapper.style.setProperty('--count', slideCount);\n\n        const swiper = new Swiper(swiperEl, {\n            slidesPerView: 5,\n            spaceBetween: 15,\n            navigation: {\n                nextEl: rightArrow,\n                prevEl: leftArrow,\n            },\n            breakpoints: {\n                0: { slidesPerView: 2 },\n                768: { slidesPerView: 5 }\n            },\n            on: {\n                init() {\n                    checkArrows();\n                },\n                resize() {\n                    checkArrows();\n                }\n            }\n        });\n\n        function checkArrows() {\n            const slidesPerView = getSlidesPerView();\n            if (slideCount <= slidesPerView) {\n                leftArrow.classList.add('hidden');\n                rightArrow.classList.add('hidden');\n                wrapper.classList.add('no-arrows');\n            } else {\n                leftArrow.classList.remove('hidden');\n                rightArrow.classList.remove('hidden');\n                wrapper.classList.remove('no-arrows');\n            }\n        }\n\n        function getSlidesPerView() {\n            const w = window.innerWidth;\n            if (w <= 480) return 2;\n            if (w <= 768) return 3;\n            return 5;\n        }\n    });\n    <\/script>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d152110 e-flex e-con-boxed e-con e-parent\" data-id=\"d152110\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-5f7cf52 e-con-full e-flex e-con e-child\" data-id=\"5f7cf52\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-ff0924e e-con-full e-flex e-con e-child\" data-id=\"ff0924e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d7c694e elementor-widget elementor-widget-image\" data-id=\"d7c694e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"533\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/11\/AS_Partitions-12.webp\" class=\"attachment-large size-large wp-image-21589\" alt=\"\" srcset=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/11\/AS_Partitions-12.webp 800w, https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/11\/AS_Partitions-12-300x200.webp 300w, https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/11\/AS_Partitions-12-768x512.webp 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dc1033e e-con-full e-flex e-con e-child\" data-id=\"dc1033e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-427ef07 elementor-widget elementor-widget-heading\" data-id=\"427ef07\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">EASY ACCESS<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0392eec elementor-widget elementor-widget-text-editor\" data-id=\"0392eec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Save time and energy when placed near the rear or side doors.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7f50ce7 e-con-full e-flex e-con e-child\" data-id=\"7f50ce7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-0fdf24e e-con-full e-flex e-con e-child\" data-id=\"0fdf24e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b5d10b8 elementor-widget elementor-widget-heading\" data-id=\"b5d10b8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">VERSATILE<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41e361f elementor-widget elementor-widget-text-editor\" data-id=\"41e361f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Attaches to any flat surface.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-21d2eba e-con-full e-flex e-con e-child\" data-id=\"21d2eba\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5dfe1c7 elementor-widget elementor-widget-image\" data-id=\"5dfe1c7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"533\" src=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/11\/AdrianSteel_Upfits-11-1.webp\" class=\"attachment-full size-full wp-image-21588\" alt=\"\" srcset=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/11\/AdrianSteel_Upfits-11-1.webp 800w, https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/11\/AdrianSteel_Upfits-11-1-300x200.webp 300w, https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/11\/AdrianSteel_Upfits-11-1-768x512.webp 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>HANGING STORAGE<br \/>\nSMART STORAGE THAT MOVES WITH YOU<\/p>\n<p>Select a style:<\/p>\n<p>Hooks<br \/>\nOur cargo hooks come in multiple sizes \u2014 from compact 1\u2033 utility hooks to longer 5\u2033 variants \u2014 and are &#8230; <a href=\"https:\/\/www.adriansteel.com\/products\/accessories\/hooks\/\" class=\"cta cta--arrow cta--small\">Read the Article<\/a><\/p>\n","protected":false},"author":4,"featured_media":8905,"parent":4343,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-product-3.php","meta":{"_acf_changed":false,"footnotes":""},"folder":[358],"class_list":["post-21585","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Cargo Hooks with Rail &amp; Bar Options | Adrian Steel<\/title>\n<meta name=\"description\" content=\"Organize equipment with Adrian Steel cargo hooks in multiple sizes, including single and multi-hook bar options for flexible mounting and secure storage.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.adriansteel.com\/products\/accessories\/hooks\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cargo Hooks with Rail &amp; Bar Options | Adrian Steel\" \/>\n<meta property=\"og:description\" content=\"Organize equipment with Adrian Steel cargo hooks in multiple sizes, including single and multi-hook bar options for flexible mounting and secure storage.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.adriansteel.com\/products\/accessories\/hooks\/\" \/>\n<meta property=\"og:site_name\" content=\"Adrian\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-06T18:07:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2024\/01\/UH50.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"792\" \/>\n\t<meta property=\"og:image:height\" content=\"1000\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.adriansteel.com\/products\/accessories\/hooks\/\",\"url\":\"https:\/\/www.adriansteel.com\/products\/accessories\/hooks\/\",\"name\":\"Cargo Hooks with Rail & Bar Options | Adrian Steel\",\"isPartOf\":{\"@id\":\"https:\/\/www.adriansteel.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.adriansteel.com\/products\/accessories\/hooks\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.adriansteel.com\/products\/accessories\/hooks\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2024\/01\/UH50.jpg\",\"datePublished\":\"2025-11-25T11:59:57+00:00\",\"dateModified\":\"2026-03-06T18:07:56+00:00\",\"description\":\"Organize equipment with Adrian Steel cargo hooks in multiple sizes, including single and multi-hook bar options for flexible mounting and secure storage.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.adriansteel.com\/products\/accessories\/hooks\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.adriansteel.com\/products\/accessories\/hooks\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.adriansteel.com\/products\/accessories\/hooks\/#primaryimage\",\"url\":\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2024\/01\/UH50.jpg\",\"contentUrl\":\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2024\/01\/UH50.jpg\",\"width\":792,\"height\":1000},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.adriansteel.com\/products\/accessories\/hooks\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.adriansteel.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Products\",\"item\":\"https:\/\/www.adriansteel.com\/products\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Cargo Accessories\",\"item\":\"https:\/\/www.adriansteel.com\/products\/accessories\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Cargo Hooks\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.adriansteel.com\/#website\",\"url\":\"https:\/\/www.adriansteel.com\/\",\"name\":\"Adrian\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.adriansteel.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.adriansteel.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.adriansteel.com\/#organization\",\"name\":\"Adrian\",\"url\":\"https:\/\/www.adriansteel.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.adriansteel.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/01\/Adrian-Logo-White.png\",\"contentUrl\":\"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/01\/Adrian-Logo-White.png\",\"width\":1197,\"height\":291,\"caption\":\"Adrian\"},\"image\":{\"@id\":\"https:\/\/www.adriansteel.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cargo Hooks with Rail & Bar Options | Adrian Steel","description":"Organize equipment with Adrian Steel cargo hooks in multiple sizes, including single and multi-hook bar options for flexible mounting and secure storage.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.adriansteel.com\/products\/accessories\/hooks\/","og_locale":"en_US","og_type":"article","og_title":"Cargo Hooks with Rail & Bar Options | Adrian Steel","og_description":"Organize equipment with Adrian Steel cargo hooks in multiple sizes, including single and multi-hook bar options for flexible mounting and secure storage.","og_url":"https:\/\/www.adriansteel.com\/products\/accessories\/hooks\/","og_site_name":"Adrian","article_modified_time":"2026-03-06T18:07:56+00:00","og_image":[{"width":792,"height":1000,"url":"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2024\/01\/UH50.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.adriansteel.com\/products\/accessories\/hooks\/","url":"https:\/\/www.adriansteel.com\/products\/accessories\/hooks\/","name":"Cargo Hooks with Rail & Bar Options | Adrian Steel","isPartOf":{"@id":"https:\/\/www.adriansteel.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.adriansteel.com\/products\/accessories\/hooks\/#primaryimage"},"image":{"@id":"https:\/\/www.adriansteel.com\/products\/accessories\/hooks\/#primaryimage"},"thumbnailUrl":"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2024\/01\/UH50.jpg","datePublished":"2025-11-25T11:59:57+00:00","dateModified":"2026-03-06T18:07:56+00:00","description":"Organize equipment with Adrian Steel cargo hooks in multiple sizes, including single and multi-hook bar options for flexible mounting and secure storage.","breadcrumb":{"@id":"https:\/\/www.adriansteel.com\/products\/accessories\/hooks\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.adriansteel.com\/products\/accessories\/hooks\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.adriansteel.com\/products\/accessories\/hooks\/#primaryimage","url":"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2024\/01\/UH50.jpg","contentUrl":"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2024\/01\/UH50.jpg","width":792,"height":1000},{"@type":"BreadcrumbList","@id":"https:\/\/www.adriansteel.com\/products\/accessories\/hooks\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.adriansteel.com\/"},{"@type":"ListItem","position":2,"name":"Products","item":"https:\/\/www.adriansteel.com\/products\/"},{"@type":"ListItem","position":3,"name":"Cargo Accessories","item":"https:\/\/www.adriansteel.com\/products\/accessories\/"},{"@type":"ListItem","position":4,"name":"Cargo Hooks"}]},{"@type":"WebSite","@id":"https:\/\/www.adriansteel.com\/#website","url":"https:\/\/www.adriansteel.com\/","name":"Adrian","description":"","publisher":{"@id":"https:\/\/www.adriansteel.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.adriansteel.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.adriansteel.com\/#organization","name":"Adrian","url":"https:\/\/www.adriansteel.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.adriansteel.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/01\/Adrian-Logo-White.png","contentUrl":"https:\/\/www.adriansteel.com\/wp-content\/uploads\/2025\/01\/Adrian-Logo-White.png","width":1197,"height":291,"caption":"Adrian"},"image":{"@id":"https:\/\/www.adriansteel.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.adriansteel.com\/wp-json\/wp\/v2\/pages\/21585","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.adriansteel.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.adriansteel.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.adriansteel.com\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.adriansteel.com\/wp-json\/wp\/v2\/comments?post=21585"}],"version-history":[{"count":0,"href":"https:\/\/www.adriansteel.com\/wp-json\/wp\/v2\/pages\/21585\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.adriansteel.com\/wp-json\/wp\/v2\/pages\/4343"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.adriansteel.com\/wp-json\/wp\/v2\/media\/8905"}],"wp:attachment":[{"href":"https:\/\/www.adriansteel.com\/wp-json\/wp\/v2\/media?parent=21585"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/www.adriansteel.com\/wp-json\/wp\/v2\/folder?post=21585"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}