{"id":1784021,"name":"Variation 1","modifications":[{"id":5757159,"selector":"#footer__legal","type":"editStyleCSS","value":"{\"padding-bottom\":\"48px!important\"}"}],"widgets":[{"id":"b0f3eead-e9f0-43b5-a013-d2e1fb6c87b5","version":"0.0","config":"{\"layout\":\"drawer\",\"drawerLayout\":\"textOnly\",\"buttonLayout\":\"bottom\",\"customTarget\":false,\"elementReferrer\":\"body\",\"autoWidth\":false,\"popinPercentWidth\":100,\"popinPixelsWidth\":768,\"widthUnit\":\"vw\",\"autoHeight\":true,\"popinPercentHeight\":50,\"popinPixelsHeight\":435,\"heightUnit\":\"vh\",\"zindex\":\"9999\",\"zindexCustom\":1,\"mainButtonText\":\"Shop What's Trending\",\"hasMainButtonIcon\":true,\"mainButtonIcon\":\"https:\\/\\/assets-manager.abtasty.com\\/523fde3a4930661b8edddb706f299665\\/angle-up-white.svg\",\"mainButtonIconAlt\":\"Click to see what's trending\",\"drawerImage\":\"https:\\/\\/widgets-images.abtasty.com\\/widgets-default-image.png\",\"isTitle\":false,\"hasMessage\":true,\"title\":\"Your title goes here\",\"textContent\":\"<div>\\n    <style>\\n        body:has(.ab_widget_container_drawer.fixed-drawer.drawer_open):before {\\n            content: ' '; position:absolute; z-index: 9990; left:0;right:0;bottom:0;top:0;background-color:#00000091;\\n        }\\n        #ab_widget_container_drawer_b0f3eead_1435248,\\n        #ab_widget_container_drawer_10aaa57b_1432887 {\\n            padding: 0 !important;\\n            width: 100% !important;\\n        }\\n        #ab_widget_container_drawer_b0f3eead_1435248 .ab_widget_container_drawer_content,\\n        #ab_widget_container_drawer_10aaa57b_1432887 .ab_widget_container_drawer_content {\\n            background: #FFFFFF !important;\\n        }\\n        \\/* #ab_widget_container_drawer_10aaa57b_1432887 .ab_widget_container_drawer_content > * {\\n            padding: 0 !important;\\n        } *\\/\\n        #ab_widget_container_drawer_b0f3eead_1435248 .ab_widget_container_drawer_content .drawer_container_b0f3eead_1435248 > *,\\n        #ab_widget_container_drawer_10aaa57b_1432887 .ab_widget_container_drawer_content .drawer_container_10aaa57b_1432887 > * {\\n            max-width: 100% !important;\\n        }\\n        #ab_widget_container_drawer_b0f3eead_1435248 .ab_widget_container_drawer_content .drawer_text_container,\\n        #ab_widget_container_drawer_10aaa57b_1432887 .ab_widget_container_drawer_content .drawer_text_container {\\n            margin: 0 !important;\\n        }\\n        #ab_widget_container_drawer_b0f3eead_1435248 .drawer_button_b0f3eead_1435248,\\n        #ab_widget_container_drawer_10aaa57b_1432887 .drawer_button_10aaa57b_1432887 {\\n            border: 2px solid #FFFFFF;\\n            border-radius: .25rem .25rem 0 0;\\n            margin-bottom: -2px;;\\n            & img {\\n                min-width: revert;\\n                max-height: 16px;\\n                margin-left: 8px;\\n            }\\n        }\\n        #ab_widget_container_drawer_b0f3eead_1435248.drawer_open .drawer_button_b0f3eead_1435248 img,\\n        #ab_widget_container_drawer_10aaa57b_1432887.drawer_open .drawer_button_10aaa57b_1432887 img {\\n            transform: rotate(180deg);\\n        }\\n        #ab_widget_container_drawer_b0f3eead_1435248 .drawer_text_container div:has(style),\\n        #ab_widget_container_drawer_10aaa57b_1432887 .drawer_text_container div:has(style) {\\n            height: 0;\\n        }\\n    <\\/style>\\n<\\/div>\\n\\n<aside class=\\\"abt-bottom-drawer_1432887\\\" style=\\\"font-family: system-ui;\\\">\\n    <div class=\\\"product-list-container\\\" style=\\\"display:flex;gap:1rem; overflow-x: scroll;scrollbar-color: gray white;scrollbar-width: thin;justify-content: space-between;\\\">\\n\\n        <!-- Placard FInder -->\\n        <a class=\\\"product-list-item\\\" href=\\\"\\/learn\\/flip-placard-finder\\\">\\n            <div style=\\\"flex:1; width: 200px;\\\">\\n                <img src=\\\"https:\\/\\/cdn.jjkeller.com\\/wcsstore\\/CVCatalogAssetStore\\/images\\/categories\\/Placard-Finder_150x150_1.webp\\\" alt=\\\"\\\" width=\\\"150px\\\" height=\\\"150px\\\" loading=\\\"lazy\\\" alt=\\\"\\\" style=\\\"margin-bottom: .5rem;width: 150px;height: auto;\\\">\\n                <p style=\\\"font-size: .875rem;\\\">Placard Finder<\\/p>\\n            <\\/div>\\n        <\\/a>\\n\\n        <!-- Security Seal Finder -->\\n        <a class=\\\"product-list-item\\\" href=\\\"\\/learn\\/security-seals-finder\\\">\\n            <div style=\\\"flex:1; width: 200px;\\\">\\n                <img src=\\\"https:\\/\\/cdn.jjkeller.com\\/wcsstore\\/CVCatalogAssetStore\\/images\\/categories\\/Seals-Finder_150x150.webp\\\" alt=\\\"\\\" width=\\\"150px\\\" height=\\\"150px\\\" loading=\\\"lazy\\\"  alt=\\\"\\\" style=\\\"margin-bottom: .5rem;width: 150px;height: auto;\\\">\\n                <p style=\\\"font-size: .875rem;\\\">Security Seal Finder<\\/p>\\n            <\\/div>\\n        <\\/a>\\n\\n        <!-- J. J. Keller Advantage -->\\n        <a class=\\\"product-list-item\\\" href=\\\"\\/shop\\/j-j-keller-advantage-membership\\\">\\n            <div style=\\\"flex:1; width: 200px;\\\">\\n                <img src=\\\"https:\\/\\/cdn.jjkeller.com\\/wcsstore\\/CVCatalogAssetStore\\/images\\/categories\\/Advantage_mini_ad_1.svg\\\" alt=\\\"\\\" width=\\\"150px\\\" height=\\\"150px\\\" loading=\\\"lazy\\\"  alt=\\\"\\\" style=\\\"margin-bottom: .5rem;width: 150px;height: auto;\\\">\\n                <p style=\\\"font-size: .875rem;\\\">J. J. Keller Advantage<\\/p>\\n            <\\/div>\\n        <\\/a>\\n\\n        <!-- Vehicle Inspection Reports -->\\n        <a class=\\\"product-list-item\\\" href=\\\"\\/products\\/forms-log-books-inspection-reports\\/inspection-reports\\\">\\n            <div style=\\\"flex:1; width: 200px;\\\">\\n                <img src=\\\"https:\\/\\/cdn.jjkeller.com\\/wcsstore\\/CVCatalogAssetStore\\/images\\/catalog\\/shopnav\\/cat_detailed-vehicle-inspection.jpg\\\" alt=\\\"\\\" width=\\\"150px\\\" height=\\\"150px\\\" loading=\\\"lazy\\\" alt=\\\"\\\" style=\\\"margin-bottom: .5rem;width: 150px;height: auto;\\\">\\n                <p style=\\\"font-size: .875rem;\\\">Vehicle Inspection Reports<\\/p>\\n            <\\/div>\\n        <\\/a>\\n\\n        <!-- Log Books -->\\n        <a class=\\\"product-list-item\\\" href=\\\"\\/products\\/forms-log-books-inspection-reports\\/log-books\\\">\\n            <div style=\\\"flex:1; width: 200px;\\\">\\n                <img src=\\\"https:\\/\\/cdn.jjkeller.com\\/wcsstore\\/CVCatalogAssetStore\\/images\\/product\\/300x300\\/8545.jpg\\\" alt=\\\"\\\" width=\\\"150px\\\" height=\\\"150px\\\" loading=\\\"lazy\\\" alt=\\\"\\\" style=\\\"margin-bottom: .5rem;width: 150px;height: auto;\\\">\\n                <p style=\\\"font-size: .875rem;\\\">Log Books<\\/p>\\n            <\\/div>\\n        <\\/a>\\n\\n        <!-- Labor Law Posters -->\\n        <a class=\\\"product-list-item\\\" href=\\\"\\/products\\/posters\\/labor-law-posters\\\">\\n            <div style=\\\"flex:1; width: 200px;\\\">\\n                <img src=\\\"https:\\/\\/cdn.jjkeller.com\\/wcsstore\\/CVCatalogAssetStore\\/images\\/categories\\/Categories_Labor-Law-Posters_Federal-Posters_250x250.webp\\\" alt=\\\"\\\" width=\\\"150px\\\" height=\\\"150px\\\" loading=\\\"lazy\\\" alt=\\\"\\\" style=\\\"margin-bottom: .5rem;width: 150px;height: auto;\\\">\\n                <p style=\\\"font-size: .875rem;\\\">Labor Law Posters<\\/p>\\n            <\\/div>\\n        <\\/a>\\n\\n        <!-- Hand Protection -->\\n        <a class=\\\"product-list-item\\\" href=\\\"\\/products\\/safety-security-supplies\\/ppe-hand-protection\\\">\\n            <div style=\\\"flex:1; width: 200px;\\\">\\n                <img src=\\\"https:\\/\\/cdn.jjkeller.com\\/wcsstore\\/CVCatalogAssetStore\\/images\\/categories\\/Categories_Safety-Security-Supplies_Personal-Protective-Equipment-PPE-Hand-Protection_250x250.webp\\\" alt=\\\"\\\" width=\\\"150px\\\" height=\\\"150px\\\" loading=\\\"lazy\\\" style=\\\"margin-bottom: .5rem;width: 150px;height: auto;\\\">\\n                <p style=\\\"font-size: .875rem;\\\">Hand Protection<\\/p>\\n            <\\/div>\\n        <\\/a>\\n\\n        <!-- Personal Protective Equipment (PPE) -->\\n        <a class=\\\"product-list-item\\\" href=\\\"\\/products\\/safety-security-supplies\\/personal-protective-equipment-ppe\\\">\\n            <div style=\\\"flex:1; width: 200px;\\\">\\n                <img src=\\\"https:\\/\\/cdn.jjkeller.com\\/wcsstore\\/CVCatalogAssetStore\\/images\\/categories\\/category_ppe_150x150.webp\\\" alt=\\\"\\\" width=\\\"150px\\\" height=\\\"150px\\\" loading=\\\"lazy\\\" style=\\\"margin-bottom: .5rem;width: 150px;height: auto;\\\">\\n                <p style=\\\"font-size: .875rem;\\\">Personal Protective Equipment (PPE)<\\/p>\\n            <\\/div>\\n        <\\/a>\\n\\n    <\\/div>\\n<\\/aside>\",\"linkType\":false,\"buttonText\":\"Your call to action\",\"redirectionUrl\":\"https:\\/\\/www.jjkeller.com\",\"openInNewTab\":\"\",\"secondLink\":\"\",\"secondLinkType\":\"button\",\"secondLinkText\":\"Second button action\",\"secondLinkURL\":\"https:\\/\\/www.jjkeller.com\",\"secondLinkOpenInNewTab\":\"\",\"styckyButtonTitleTextAlign\":\"center\",\"styckyButtonTitleTextColor\":\"rgb(255, 255, 255)\",\"styckyButtonTitleFontName\":\"inherit\",\"styckyButtonTitleFontStyle\":\"font-weight: bold !important;\",\"styckyButtonTitleFontSize\":18,\"styckyButtonButtonsBorderWidth\":0,\"styckyButtonButtonsBorderColor\":\"#3100BF\",\"styckyButtonButtonsBorderRadius\":4,\"styckyButtonButtonsAlign\":\"center\",\"styckyButtonContainerMargin\":[{\"top\":0,\"left\":0,\"bottom\":0,\"right\":0}],\"styckyButtonContainerPadding\":[{\"top\":12,\"bottom\":12,\"left\":12,\"right\":12}],\"styckyButtonBackgroundColor\":\"rgb(50, 54, 56)\",\"styckyButtonIsBackgroundImage\":\"\",\"styckyButtonBackgroundImage\":\"https:\\/\\/widgets-images.abtasty.com\\/widgets-default-image.png\",\"styckyButtonBackgroundSize\":\"cover\",\"styckyButtonBackgroundPosition\":\"center\",\"styckyButtonBackgroundRepeat\":\"\",\"styckyButtonDropShadow\":false,\"styckyButtonDropShadowColor\":\"rgb(0, 0, 0)\",\"styckyButtonDropShadowBlur\":10,\"titleTextAlign\":\"center\",\"titleTextColor\":\"rgb(49, 0, 191)\",\"titleFontName\":\"inherit\",\"titleFontStyle\":\"font-style: normal !important; font-weight: normal;\",\"titleFontSize\":28,\"textAlign\":\"center\",\"textColor\":\"rgb(42, 42, 60)\",\"fontName\":\"inherit\",\"fontStyle\":\"font-style: normal !important; font-weight: normal;\",\"fontSize\":16,\"buttonsBorderWidth\":0,\"buttonsBorderColor\":\"rgb(49, 0, 191)\",\"buttonsBorderRadius\":4,\"buttonsBackgroundColor\":\"rgb(50, 54, 56)\",\"buttonsTextColor\":\"rgb(252, 252, 253)\",\"buttonsAlign\":\"center\",\"buttonsFontName\":\"inherit\",\"buttonsFontStyle\":\"font-style: normal !important; font-weight: normal;\",\"buttonsFontSize\":16,\"secondLinkBorderWidth\":1,\"secondLinkBorderColor\":\"#3100bf\",\"secondLinkBorderRadius\":4,\"secondLinkBackgroundColor\":\"#fcfcfd\",\"secondLinkTextColor\":\"#2a2a3c\",\"secondLinkFontName\":\"inherit\",\"secondLinkFontStyle\":\"font-style: normal !important; font-weight: normal;\",\"secondLinkFontSize\":14,\"containerMargin\":[{\"top\":0,\"left\":0,\"bottom\":0,\"right\":0}],\"containerPadding\":[{\"top\":24,\"left\":24,\"bottom\":0,\"right\":24}],\"backgroundColor\":\"rgb(252, 252, 253)\",\"isBackgroundImage\":\"\",\"backgroundImage\":\"https:\\/\\/widgets-images.abtasty.com\\/widgets-default-image.png\",\"backgroundSize\":\"cover\",\"backgroundPosition\":\"center\",\"backgroundRepeat\":\"\",\"dropShadow\":true,\"dropShadowColor\":\"rgba(0, 0, 0, 0.8)\",\"dropShadowBlur\":20,\"borderWidth\":0,\"borderColor\":\"rgb(49, 0, 191)\",\"borderRadius\":4,\"closeButton\":false,\"closeButtonPosition\":\"in\",\"closeButtonSize\":16,\"closeButtonColor\":\"rgb(94, 94, 110)\",\"closeButtonBackgroundColor\":\"rgba(255, 255, 255, 0)\",\"closeButtonBorderWidth\":0,\"closeButtonBorderRadius\":0,\"closeButtonBorderColor\":\"#5E5E6E\",\"triggerEvent\":\"pageLoad\",\"triggerEventClick\":\"body\",\"triggerEventElementVisible\":\"body\",\"triggerEventCustomScript\":\"\\/* In this example snippet, the widget will be triggered as soon as any scroll is detected.\\nCreate your own by resolving resolve() with true (which does trigger) or false (which doesn't trigger) *\\/\\n\\nfunction launchIfScroll() {\\n\\treturn new Promise(resolve => {\\n\\t\\tdocument.addEventListener('scroll', () => resolve(true), {once: true});\\n\\t});\\n}\\n\\nconst result = await launchIfScroll();\\nreturn resolve(result);\",\"triggerEventHover\":\"body\",\"triggerEventScrollPercent\":20,\"triggerEventRageClickQuantity\":3,\"triggerEventRageClickDelay\":750,\"triggerEventMinPagesViewed\":3,\"triggerEventTrackingSent\":\"\",\"isOncePerPageTrigger\":true,\"triggerEventReengageDelay\":10,\"triggerEventDelay\":4,\"displayRecurrence\":\"everytime\",\"displayRecurrence_day\":5,\"displayRecurrence_week\":2,\"displayRecurrence_month\":1,\"closingRecurrence\":\"everytime\",\"closingRecurrence_day\":5,\"closingRecurrence_week\":2,\"closingRecurrence_month\":1,\"validationRecurrence\":\"everytime\",\"validationRecurrence_day\":5,\"validationRecurrence_week\":2,\"validationRecurrence_month\":1,\"animation\":\"none\",\"animationDuration\":650,\"animationBehaviour\":\"ease\"}","name":"@abtasty/drawer"}],"_tagInfo":"2025/09/02 14:01:53 UTC"}