Default Dev Script Validation

Default Header After Global Promotions

<avb-main class="dsg-tools-main-background">   <avb-designer-block data-id="26" class="avb-typography dsg-block-26"> <div class="avb-grid"> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom"> <div class="avb-wrapper dsg-block-26__content"> <h2 class="avb-typography__heading avb-typography__heading--title"> <span class="avb-typography__heading-line dsg-tools-main-heading dsg-tools-color-primary dsg-block-26__heading-line-1"> Buy Local &amp; See the&nbsp;Difference </span> <span class="avb-typography__heading-line dsg-tools-sub-heading dsg-tools-color-light dsg-block-26__heading-line-2"> Dare to Compare Our&nbsp;Prices </span> </h2>   </div> </div> </div> </avb-designer-block>  <avb-designer-block data-id="30" class="avb-typography dsg-block-30"> <div class="avb-grid avb-grid--container"> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom dsg-block-30__grid-column"> <avb-link class="dsg-block-30-link" data-href="https://kiosq.nnao.net/promos"> <avb-picture class="avb-picture avb-picture--full" data-alt="Promo Bubble"> <avb-picture-source class="dsg-block-30__image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/members/dnor2-northern/kiosq2-promo-bubble.png"></avb-picture-source> <avb-picture-source class="dsg-block-30__image" data-size="small" data-src="https://cdn.avbportal.com/magento-media/members/dnor2-northern/kiosq2-promo-bubble.png"></avb-picture-source> <avb-picture-source class="dsg-block-30__image" data-size="medium" data-src="https://cdn.avbportal.com/magento-media/members/dnor2-northern/kiosq2-promo-bubble.png"></avb-picture-source> <avb-picture-source class="dsg-block-30__image" data-size="large" data-src="https://cdn.avbportal.com/magento-media/members/dnor2-northern/kiosq2-promo-bubble.png"></avb-picture-source> <avb-picture-source class="dsg-block-30__image" data-size="xlarge" data-src="https://cdn.avbportal.com/magento-media/members/dnor2-northern/kiosq2-promo-bubble.png"></avb-picture-source> </avb-picture> </avb-link> </div> </div> </avb-designer-block>  <avb-designer-block data-id="14" class="avb-typography dsg-block-14"> <div class="avb-grid avb-grid--container"> <div class="avb-grid__column avb-grid__column--medium-4 avb-grid__column--marginBottom dsg-block-14__col"> <avb-link data-href="https://kiosq.nnao.net/catalog/appliances"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background dsg-block-14__background-1"> <div class="avb-wrapper avb-wrapper--horizontal avb-wrapper--horizontalCenter avb-wrapper--vertical avb-wrapper--verticalCenter"> <div class="avb-wrapper dsg-block-14__content">  <avb-link class="avb-link avb-button dsg-block-14__button dsg-tools-color-light dsg-tools-main-heading" data-href="https://kiosq.nnao.net/catalog/appliances"> Appliances </avb-link> </div> </div> </div> </avb-link> </div> <div class="avb-grid__column avb-grid__column--medium-4 avb-grid__column--marginBottom dsg-block-14__col"> <avb-link data-href="https://kiosq.nnao.net/catalog/housewares"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background dsg-block-14__background-2"> <div class="avb-wrapper avb-wrapper--horizontal avb-wrapper--horizontalCenter avb-wrapper--vertical avb-wrapper--verticalCenter"> <div class="avb-wrapper dsg-block-14__content"> <avb-link class="avb-link avb-button dsg-block-14__button dsg-tools-color-light dsg-tools-main-heading" data-href="https://kiosq.nnao.net/catalog/housewares"> Housewares </avb-link> </div> </div> </div> </avb-link> </div> <div class="avb-grid__column avb-grid__column--medium-4 avb-grid__column--marginBottom dsg-block-14__col"> <avb-link data-href="https://kiosq.nnao.net/catalog/small-appliances"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background dsg-block-14__background-3"> <div class="avb-wrapper avb-wrapper--horizontal avb-wrapper--horizontalCenter avb-wrapper--vertical avb-wrapper--verticalCenter"> <div class="avb-wrapper dsg-block-14__content"> <avb-link class="avb-link avb-button dsg-block-14__button dsg-tools-color-light dsg-tools-main-heading" data-href="https://kiosq.nnao.net/catalog/small-appliances"> Small Appliances </avb-link> </div> </div> </div> </avb-link> </div> </div> </avb-designer-block>  <avb-designer-block data-id="4" class="avb-typography dsg-block-4"> <div class="avb-grid avb-grid--container"> <div class="avb-grid__column avb-grid__column--medium-8 avb-grid__column--marginBottom dsg-block-4__col"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background dsg-block-4__background-1"> <div class="avb-wrapper avb-wrapper--horizontal avb-wrapper--horizontalCenter avb-wrapper--vertical avb-wrapper--verticalCenter dsg-block-4__content dsg-block-4__content_left"> <div class="avb-wrapper"> <h2 class="avb-typography__heading avb-typography__heading--title"> <span class="avb-typography__heading-line avb-typography__heading-line--marginBottom dsg-block-4__heading-line-1 dsg-tools-main-heading dsg-tools-color-light"> Our Entire Inventory at Your&nbsp;Fingertips </span>  </h2>   </div> </div> </div> </div> <div class="avb-grid__column avb-grid__column--medium-4 avb-grid__column--marginBottom dsg-block-4__col"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background dsg-block-4__background-2"> <div class="avb-wrapper avb-wrapper--horizontal avb-wrapper--horizontalCenter avb-wrapper--vertical avb-wrapper--verticalCenter dsg-tools-fill-primary dsg-block-4__content dsg-block-4__content_right"> <div class="avb-wrapper"> <avb-link data-href="https://kiosq.nnao.net/catalog"> <h2 class="avb-typography__heading avb-typography__heading--title"> <span class="avb-typography__heading-line avb-typography__heading-line--marginBottom dsg-tools-main-heading dsg-tools-color-dark dsg-block-4__heading-line-1"> Shop by Category or&nbsp;Brand </span>  </h2>   </avb-link> </div> </div> </div> </div> </div> </avb-designer-block>  <avb-designer-block data-id="38" class="avb-typography dsg-tools-fill-primary dsg-block-38"> <div class="avb-grid avb-grid--container"> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom dsg-block-38__grid-column"> <div class="avb-wrapper dsg-block-38__content"> <h2 class="avb-typography__heading avb-typography__heading--title dsg-tools-main-heading dsg-tools-color-dark dsg-block-38__heading"> Shop By&nbsp;Brand </h2> <avb-carousel> <avb-brands data-carousel-wait> <template> <article data-for="brand" class="dsg-block-38__brand"> <avb-link data-for="brand-link" class="dsg-block-38__brand-link"> <img data-for="brand-logo" src="logo.png" alt="Logo" class="dsg-block-38__brand-logo"> </avb-link> </article> </template> </avb-brands> <avb-carousel-settings> <avb-carousel-breakpoint data-size="xsmall" data-items-per-display="1" data-no-dots data-outer-arrows data-autoplay data-autoplay-interval="5000"></avb-carousel-breakpoint> <avb-carousel-breakpoint data-size="small" data-items-per-display="2" data-no-dots data-outer-arrows data-autoplay data-autoplay-interval="5000"></avb-carousel-breakpoint> <avb-carousel-breakpoint data-size="medium" data-items-per-display="3" data-no-dots data-outer-arrows data-autoplay data-autoplay-interval="5000"></avb-carousel-breakpoint> <avb-carousel-breakpoint data-size="large" data-items-per-display="4" data-no-dots data-outer-arrows data-autoplay data-autoplay-interval="5000"></avb-carousel-breakpoint> <avb-carousel-breakpoint data-size="xlarge" data-items-per-display="5" data-no-dots data-outer-arrows data-autoplay data-autoplay-interval="5000"></avb-carousel-breakpoint> </avb-carousel-settings> </avb-carousel> </div> </div> </div> </avb-designer-block> </avb-main> <style> /* =================== Promo Bubble (block-30) =================== */ .dsg-block-30 { margin-top: 0.25rem; position: relative; width: 5rem; z-index:10; } .dsg-block-30__grid-column { padding-left: 0; padding-right: 0; } .dsg-block-30__image { width:5rem; position: relative; z-index: 10; } @media screen and (min-width: 600px) { .dsg-block-30 { top: -2.5rem; left: 0.5rem; } } @media screen and (min-width: 960px) { .dsg-block-30 { top: -2.5rem; left: 0.5rem; } .dsg-block-30__image { width: 8rem; z-index: 10; padding: .5rem 0; } } @media screen and (min-width: 1280px) { .dsg-block-30 { margin-top: 3.25rem; top: -6.5rem; width: 7rem; } .dsg-block-30__image { width: 9rem; } } @media screen and (min-width: 1600px) { .dsg-block-30 { top: 1rem; width: 9rem; margin-top: 0rem; margin-bottom: -8.5rem; } } @media screen and (min-width: 1800px) { .dsg-block-30__image { width: 10rem; left: 3rem; } } @media screen and (min-width: 1920px) { .dsg-block-30 { margin-top: -6rem; } .dsg-block-30__image { left: 5rem; } } @media screen and (min-width: 2000px) { .dsg-block-30 { left: 12.5rem; } } /* ==================== Title block (block-26) ==================== */ .dsg-block-26 { margin-top: 0.25rem; margin-bottom: 0.25rem; padding: 2rem 0 0; } .dsg-block-26__content { padding: 0.5rem; text-align: center; } .dsg-block-26__heading-line-1 { max-width: 72rem; margin: 0 auto; font-size: clamp(2rem, calc(2rem + ((1vw - 0.2rem) * 6.3158)), 5rem); line-height: 1.2; } .dsg-block-26__heading-line-2 { font-size: clamp(1.75rem, calc(1.75rem + ((1vw - 0.2rem) * 1.5789)), 2.5rem); } .dsg-block-26__paragraph { max-width: 35rem; margin-left: auto; margin-right: auto; } @media screen and (min-width: 600px) { .dsg-block-26 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .dsg-block-26__content { padding: 0.5rem; } } @media screen and (min-width: 960px) { .dsg-block-26 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .dsg-block-26__content { padding: 0.5rem; } } @media screen and (min-width: 1280px) { .dsg-block-26 { margin-top: 1rem; margin-bottom: 1rem; } .dsg-block-26__content { padding: 1rem; } } @media screen and (min-width: 1600px) { .dsg-block-26 { margin-top: 1rem; margin-bottom: 1rem; } .dsg-block-26__content { padding: 1rem; } .dsg-block-26__heading-line-1 { max-width: 94rem; } } @media screen and (min-width: 1920px) { .dsg-block-26 { padding: 0; } .dsg-block-26__heading-line-1 { font-size: 4.25rem; } } /* ==================== Categories (block-14) ==================== */ .dsg-block-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; } .dsg-block-1__grid-column { padding-left: 0; padding-right: 0; } .dsg-block-1__background { padding: 0.25rem; background-image: url(https://cdn.avbportal.com/magento-media/examples/img1.jpg); } .dsg-block-1__content { max-width: 40rem; padding: 0.5rem; margin-left: auto; margin-right: auto; text-align: center; background-color: rgba(241, 241, 241, 0.9); } .dsg-block-1__heading-line-1 { color: inherit; } .dsg-block-1__heading-line-2 { color: inherit; } .dsg-block-1__paragraph { max-width: 35rem; margin-left: auto; margin-right: auto; } @media screen and (min-width: 600px) { .dsg-block-1 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .dsg-block-1__background { padding: 0.5rem; } .dsg-block-1__content { padding: 0.5rem; } } @media screen and (min-width: 960px) { .dsg-block-1 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .dsg-block-1__background { padding: 0.5rem; } .dsg-block-1__content { padding: 0.5rem; } } @media screen and (min-width: 1280px) { .dsg-block-1 { margin-top: 1rem; margin-bottom: 1rem; } .dsg-block-1__background { padding: 1rem; } .dsg-block-1__content { padding: 1rem; } } @media screen and (min-width: 1600px) { .dsg-block-1 { margin-top: 1rem; margin-bottom: 1rem; } .dsg-block-1__background { padding: 1rem; } .dsg-block-1__content { padding: 1rem; } } /* ==================== Categories (block-14) ==================== */ .dsg-block-14 { margin-top: -5.75rem; margin-bottom: 0.25rem; padding: 2rem 0; } .dsg-block-14__background-1, .dsg-block-14__background-1, .dsg-block-14__background-1 { box-shadow: 6px 8px 24px #424242; } .dsg-block-14__background-1 { padding: 0; background-image: url(https://cdn.avbportal.com/assets/vendor-assets/appliances/cafe/163135_6_17_2022_4_38_36_PM.jpg?w=800); } .dsg-block-14__background-2 { padding: 0; background-image: url(https://cdn.avbportal.com/assets/vendor-assets/appliances/cafe/induction-chs900p2ms1-02.jpg?w=800); } .dsg-block-14__background-3 { padding: 0; background-image: url(https://cdn.avbportal.com/assets/vendor-assets/appliances/bosch/16842716-bmc8450uc-bosch-built-in-coffee-machine-vex-hero-kitchen-front-view.jpg?w=800); } .dsg-block-14__content { padding: 0; margin-top: 13rem; text-align: center; } .dsg-block-14__heading-line-1 { } .dsg-block-14__heading-line-2 { } .dsg-block-14__paragraph { max-width: 35rem; margin-left: auto; margin-right: auto; } .dsg-block-14__button { display: block; padding: 2rem 0; background-color: rgba(0, 0, 0, 0.7); border: 0; border-radius: 0; } .dsg-block-14__col:hover .dsg-block-14__button { color: #EFD628; } @media screen and (min-width: 600px) { .dsg-block-14 { margin-top: -8.5rem; margin-bottom: 0.5rem; } .dsg-block-14__background-1 { } .dsg-block-14__background-2 { } .dsg-block-14__background-3 { } } @media screen and (min-width: 960px) { .dsg-block-14 { margin-bottom: 0.5rem; } .dsg-block-14__background-1 { margin: 0 1rem 0 0; } .dsg-block-14__background-2 { margin: 0 1rem 0 1rem; } .dsg-block-14__background-3 { margin: 0 0 0 1rem; } .dsg-block-14__button { font-size: 1.75rem; } } @media screen and (min-width: 1280px) { .dsg-block-14 { margin-top: -14rem; margin-bottom: 1rem; } .dsg-block-14__background-1 { } .dsg-block-14__background-2 { } .dsg-block-14__background-3 { } .dsg-block-14__content { margin-top: 20rem; } } @media screen and (min-width: 1600px) { .dsg-block-14 { margin-top: 0; margin-bottom: 1rem; } } @media screen and (min-width: 1920px) { .dsg-block-14 { margin-bottom: 0; padding-bottom: 0; } .dsg-block-14__content { margin-top: 9rem; } .dsg-block-14__col { margin: 0; } .dsg-block-14__button { padding: 1rem 0; } } /* ==================== Text Block (block-4) ==================== */ .dsg-block-4 { margin-top: 0.25rem; margin-bottom: 0.25rem; padding: 0 0 7.3rem; } .dsg-block-4__background-1 { padding: 0; background-color: none; } .dsg-block-4__background-2 { padding: 0; background-color: none; } .dsg-block-4__content { padding: 0.5rem; text-align: center; /*background-color: rgba(241, 241, 241, 0.9);*/ } .dsg-block-4__content_left { background-color: rgba(0, 0, 0, 0.7); } /*.dsg-block-4__content_right { background-color: rgba(82,153,203,.8); }*/ .dsg-block-4__heading-line-1 { margin-top:1rem; transition: all .2s ease-in-out; } .dsg-block-4__heading-line-1:hover { color: #AC0D0D; } .dsg-block-4__heading-line-2 { } .dsg-block-4__paragraph { max-width: 35rem; margin-left: auto; margin-right: auto; } @media screen and (min-width: 600px) { .dsg-block-4 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .dsg-block-4__background-1 { } .dsg-block-4__background-2 { } .dsg-block-4__content { padding: 0.5rem; } } @media screen and (min-width: 960px) { .dsg-block-4 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .dsg-block-4__background-1 { } .dsg-block-4__background-2 { } .dsg-block-4__content { padding: 0.5rem; } } @media screen and (min-width: 1280px) { .dsg-block-4 { margin-top: 1rem; margin-bottom: 1rem; padding-bototm:2rem; } .dsg-block-4__background-1 { } .dsg-block-4__background-2 { } .dsg-block-4__content { padding: 1rem; } } @media screen and (min-width: 1600px) { .dsg-block-4 { margin-top: 1rem; margin-bottom: 1rem; } .dsg-block-4__background-1 { } .dsg-block-4__background-2 { } .dsg-block-4__content { padding: 1rem; } } @media screen and (min-width: 1920px) { .dsg-block-4 { margin-top: 0; margin-bottom: 0; padding: 1.9rem 0; } .dsg-block-4__col { margin: 0; } } /* ==================== Shop Brands (block-38) ==================== */ .dsg-block-38 { margin-top: 0.25rem; margin-bottom: 0.25rem; padding: 1rem 0 2rem; } .dsg-block-38__grid-column { padding-left: 0; padding-right: 0; } .dsg-block-38__heading { text-align: center; margin-top:1rem; } /** * The brand logo image */ .dsg-block-38__brand-logo { display: block; margin-left: auto; margin-right: auto; } @media screen and (min-width: 600px) { .dsg-block-38 { margin-top: 0.5rem; margin-bottom: 0.5rem; } } @media screen and (min-width: 960px) { .dsg-block-38 { margin-top: 0.5rem; margin-bottom: 0.5rem; } } @media screen and (min-width: 1280px) { .dsg-block-38 { margin-top: 1rem; margin-bottom: 1rem; } } @media screen and (min-width: 1600px) { .dsg-block-38 { margin-top: 1rem; margin-bottom: 1rem; } } @media screen and (min-width: 1920px) { .dsg-block-38 { margin-top: 0; } } </style>

Buy Local & See the Difference Dare to Compare Our Prices

Our Entire Inventory at Your Fingertips

Shop by Category or Brand

Shop By Brand