Default Dev Script Validation

<div class="widget widget-banner"> <ul> <li><avb-designer-block data-id="44" class="avb-typography dsg-block-44-iac_ha"> <div class="avb-grid"> <div class="avb-grid__column avb-grid__column--small-12 dsg-tools-nomp">  <div class="avb-list avb-list--horizontal dsg-block-44-list-iac_ha">  <div class="avb-list__item dsg-block-44-list-item-iac_ha"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background dsg-block-44__background-iac_ha"> <div class="avb-wrapper avb-wrapper--horizontal avb-wrapper--horizontalCenter avb-wrapper--vertical avb-wrapper--verticalCenter dsg-block-44__content-iac_ha"> <div class="avb-wrapper"> <avb-link data-href="https://www.hallocks.com/catalog/special/brandsource_point_of_sale_marketing/Winter%20Clearance"> <avb-picture class="avb-picture avb-picture--full" data-alt="Winter Clearance Sale"> <avb-picture-source class="dsg-block-44__image-iac_ha" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/promotions/2026_promos/january/iac_winter-clearance-2026_ha-logo.png?w=600"></avb-picture-source> </avb-picture> </avb-link>  </div> </div> </div> </div>  <div class="avb-list__item dsg-block-44-list-item-iac_ha"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background dsg-block-44__background-iac_ha"> <div class="avb-wrapper avb-wrapper--horizontal avb-wrapper--horizontalCenter avb-wrapper--vertical avb-wrapper--verticalCenter dsg-block-44__content-iac_ha"> <div class="avb-wrapper">  <p class="avb-typography__paragraph dsg-block-44__iac_ha-paragraph"> 1/15/26-1/28/26 </p> </div> </div> </div> </div>   <div class="avb-list__item dsg-block-44-list-item-iac_ha"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background dsg-block-44__background-iac_ha"> <div class="avb-wrapper avb-wrapper--horizontal avb-wrapper--horizontalCenter avb-wrapper--vertical avb-wrapper--verticalCenter dsg-block-44__content-iac_ha"> <div class="avb-wrapper">      <avb-link class="avb-link avb-button avb-button--primary dsg-block-44__button_iac_ha" data-href="https://www.hallocks.com/catalog/special/brandsource_point_of_sale_marketing/Winter%20Clearance"> <span class="dsg-block-44__iac_ha-text">Shop Now</span> </avb-link> </div> </div> </div> </div> </div> </div> </div> </avb-designer-block> <style> @import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400&display=swap'); @import url('https://use.typekit.net/rqb6wfj.css'); @import url("https://use.typekit.net/ysl1dvd.css"); /**block-44**/ .dsg-block-44-iac_ha { margin-top: 0; margin-bottom: 0; background-position: 100% 100%; /* background-color: #e6ebf5; */ background-size: cover; background-image: url(https://cdn.avbportal.com/magento-media/promotions/2026_promos/january/iac_winter-clearance-2026_ha-bg-1.jpg); /* background-image: linear-gradient(to bottom, rgba(63, 33, 20,0.4), rgba(63, 33, 20,0.4)), url(https://cdn.avbportal.com/magento-media/promotions/2025_promos/november/iac_early-bf-2025_ha-bg.jpg); */ } .dsg-block-44-list-iac_ha { list-style: none; justify-content: center; margin: 0; border-radius: 0px; /* background-image: url(https://cdn.avbportal.com/magento-media/promotions/2025_promos/june/iac_june-grill-2025_ha-bg.jpg); background: linear-gradient(to right, rgba(56, 39, 35, .5) 0%, rgba(56, 39, 35, .5) 100%); */ padding: 4px; } .dsg-block-44-list-item-iac_ha { display: flex; flex-direction: column; flex-basis: auto; max-width: fit-content; margin: 0; padding: 0 0.5rem; text-align: center; align-items: center; justify-content: center; } /** NOTE -- Change to flex: 1; if you'd like the column width to auto adjust to the space with no specific width limit **/ .dsg-block-44-list-item-iac_ha:first-child { padding-bottom: 0; /* padding-left: 0;*/ order: 1; } .dsg-block-44-list-item-iac_ha:nth-child(2) { flex: 0 0 100%; max-width: 100%; order: 2; } .dsg-block-44-list-item-iac_ha:nth-child(3) { padding-bottom: 0; order: 3; } .dsg-block-44-list-item-iac_ha:last-child { padding-bottom: 0; margin: 0 2rem; order: 4; } .dsg-block-44__background-iac_ha { width: 100%; padding: 0rem; } .dsg-block-44__content-iac_ha { text-align: center; padding: 0rem; margin-bottom: 4px; margin-top: 4px; } .dsg-block-44__iac_ha-title { margin: 0 0.5rem 0 0.5rem; color: #e2b97d; text-align: center; font-size: 1.1rem; line-height: 1.1rem; padding: 0; font-family: "dm-sans", sans-serif; font-weight: 800; font-style: normal; } .dsg-block-44__iac_ha-paragraph { margin: 0.3rem 0.1rem 0.3rem; color: #005bab; text-align: center; font-size: 0.8rem; line-height: 1rem; font-weight: 800; padding: 0; font-family: "dm-sans", sans-serif; font-style: normal; } .dsg-block-44__iac_ha-date { margin: 0.3rem 0.1rem 0.3rem; font-size: 11pt; line-height: 10pt; padding: 0 0.1rem 0; /* color: #fff;*/ text-align: center; text-transform: uppercase; font-family: "dm-sans", sans-serif; font-weight: 700; font-style: normal; animation: color-animation 2s linear infinite; } .dsg-block-44__image-iac_ha { padding: 0rem; width: 90%; margin: 0 auto; /* filter: drop-shadow(1px 1px 1px #000);*/ } .dsg-block-44__iac_ha-text { display: block; line-height: normal; } .dsg-block-44__button_iac_ha, .dsg-block-44__button_iac_ha:visited, .dsg-block-44__button_iac_ha:focus { background-color: #f0131c; color: #fff; border-radius: 0px; border: none; font-weight: 600; font-size: 0.65rem; margin: 3px; padding: 0.2rem .25rem; min-height: 10px; justify-content: center; /* border: solid 2px #fff;*/ } .dsg-block-44__button_iac_ha:hover, .dsg-block-44__button_iac_ha:active { background: #fff; color: #f0131c; /* border: solid 2px #fff;*/ } /* .dsg-block-44__iac_ha-sale-word-1 { --color-1: #ec1c24; --color-2: #fff; --color-3: #fff; } .dsg-block-44__iac_ha-sale-word-2 { --color-1: #fff; --color-2: #ec1c24; --color-3: #fff; } .dsg-block-44__iac_ha-sale-word-3 { --color-1: #fff; --color-2: #fff; --color-3: #ec1c24; } @keyframes color-animation { 0% {color: var(--color-1)} 32% {color: var(--color-1)} 33% {color: var(--color-2)} 65% {color: var(--color-2)} 66% {color: var(--color-3)} 99% {color: var(--color-3)} 100% {color: var(--color-1)} } */ @media screen and (min-width: 600px) { .dsg-block-44__button_iac_ha, .dsg-block-44__button_iac_ha:visited, .dsg-block-44__button_iac_ha:focus { min-height: 0; } .dsg-block-44__iac_ha-paragraph { font-size: 1rem; } .dsg-block-44__iac_ha-date { font-size: 20pt; line-height: 19pt; } .dsg-block-44-list-item-iac_ha:first-child { flex: 0 0 30%; max-width: 30%; } .dsg-block-44-list-item-iac_ha:nth-child(2) { flex-basis: auto; max-width: 30%; } .dsg-block-44-list-item-iac_ha:nth-child(3) { padding-bottom: 0; } .dsg-block-44-list-item-iac_ha:last-child { padding-bottom: 0; /* max-width: 40%;*/ } .dsg-block-44__image-iac_ha { width: 90%; } .dsg-block-44-list-item-iac_ha { padding: 0 .5rem; } } @media screen and (min-width: 960px) { .dsg-block-44-iac_ha { background-position: 100% 0%; } .dsg-block-44__image-iac_ha { width: 100%; padding: 0.5rem 0; } .dsg-block-44__button_iac_ha, .dsg-block-44__button_iac_ha:visited, .dsg-block-44__button_iac_ha:focus { font-size: 0.85rem; line-height: 0.85rem; min-height: 30px; padding: 0.25rem .75rem; justify-content: center; } .dsg-block-44-list-item-iac_ha:first-child { flex: 0 0 13%; max-width: 13%; } .dsg-block-44__iac_ha-title { font-size: 1.3rem; line-height: 1.3rem; } .dsg-block-44__iac_ha-paragraph { font-size: 1rem; line-height: 1rem; } .dsg-block-44__iac_ha-date { text-align: center; font-size: 15pt; line-height: 14pt; } /* Don't stack items on medium screens (keep all items in one row) */ /* .dsg-block-44-list-item-iac_ha { flex: 1; padding: 0 0.25rem; } */ } @media screen and (min-width: 1280px) { .dsg-block-44-iac_ha { background-position: 100% 0%; } .dsg-block-44__image-iac_ha { width: 100%; } .dsg-block-44-list-item-iac_ha { flex: 1 0 30%; /* max-width: 20%;*/ padding: 0 1.5rem; } .dsg-block-44-list-item-iac_ha:first-child { flex: 0 0 20%; max-width: 20%; padding-bottom: 0; } .dsg-block-44__iac_ha-title { font-size: 1.5rem; line-height: 1.5rem; } .dsg-block-44__iac_ha-paragraph { font-size: 1rem; line-height: 1rem; } .dsg-block-44__button_iac_ha, .dsg-block-44__button_iac_ha:visited, .dsg-block-44__button_iac_ha:focus { font-size: 1rem; line-height: 1rem; padding: 0.5rem 1.5rem; } .dsg-block-44__iac_ha-date { text-align: center; font-size: 25pt; line-height: 24pt; } } @media screen and (min-width: 1600px) { .dsg-block-44__iac_ha-title { font-size: 1.8rem; line-height: 1.8rem; } .dsg-block-44__image-iac_ha { width: 90%; } .dsg-block-44__iac_ha-paragraph { font-size: 1.2rem; line-height: 1.2rem; } .dsg-block-44__iac_ha-date { text-align: center; font-size: 31pt; line-height: 30pt; } .dsg-block-44__button_iac_ha, .dsg-block-44__button_iac_ha:visited, .dsg-block-44__button_iac_ha:focus { } } </style></li> </ul> </div>

Default Header After Global Promotions

<avb-header-before>  <avb-designer-block data-id="28" class="avb-typography dsg-tools-fill-secondary dsg-block-28-header-before"> <div class="avb-grid"> <div class="avb-grid__column avb-grid__column--small-12 dsg-block-28-header-before__no-padding"> <div class="avb-wrapper dsg-block-28-header-before__content">  <avb-link class="dsg-tools-main-paragraph dsg-block-28-header-before__link" data-href="https://www.hallocks.com/catalog/special/brandsource_point_of_sale_marketing/Scratch and Dent"> <span class="fa-sharp fas fa-refrigerator dsg-block-28-header-before__icon"></span> Up to 65% off Scratch and Dent&nbsp;Inventory </avb-link>   </div> </div> </div> </avb-designer-block> </avb-header-before> <style> /* ==================== Header-before (block-28-header-before) ==================== */ .dsg-block-28-header-before__no-padding { padding: 0; } .dsg-block-28-header-before__content { text-align: center; padding: 0.55rem; } .dsg-block-28-header-before__icon { padding: 0 0.5rem; } .dsg-block-28-header-before__heading { color: #fff; font-weight: 400; font-size: 1.1rem; } .dsg-block-28-header-before__link, .dsg-block-28-header-before__link:focus, .dsg-block-28-header-before__link:visited { color: #fff; font-weight: 400; font-size: .8rem; transition: 0.3s; } .dsg-block-28-header-before__link:hover { color: #BEBEBE; } .dsg-block-28-header-before__location-mobile { display: block; } .dsg-block-28-header-before__hider-mobile { display: none; } @media screen and (min-width: 600px) { .dsg-block-28-header-before__location-mobile { display: inline; } .dsg-block-28-header-before__hider-mobile { display: inline; } } @media screen and (min-width: 960px) { .dsg-block-28-header-before__link, .dsg-block-28-header-before__link:focus, .dsg-block-28-header-before__link:visited { font-size: 1rem; transition: 0.3s; } } @media screen and (min-width: 1280px) {} @media screen and (min-width: 1600px) {} </style>

<avb-main>  <avb-designer-block data-id="27" class="avb-typography dsg-block-27"> <div class="avb-grid avb-grid--container"> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom"> <div class="avb-wrapper dsg-block-27__content">  <h1 class="avb-typography__headline dsg-tools-main-heading dsg-tools-color-primary dsg-tools-fw-bold dsg-tools-nom dsg-block-27__heading"> Sales and Flyers </h1> </div> </div> </div> </avb-designer-block>   <avb-designer-block data-id="27" class="avb-typography dsg-block-27"> <div class="avb-grid avb-grid--container"> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom"> <div class="avb-wrapper dsg-block-27__content--check-back"> <h2 class="avb-typography__headline dsg-tools-sub-heading dsg-tools-color-dark dsg-tools-nom dsg-block-27__heading--check-back"> Check back soon for more ads. </h2> </div> </div> </div> </avb-designer-block>      <avb-designer-block data-id="27" class="avb-typography dsg-block-27"> <div class="avb-grid avb-grid--container"> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom"> <div class="avb-wrapper dsg-block-27__content">   <iframe id="reebee-viewer" style="width: 100%; max-width: 100vw; height: 850px; max-height: 95vh;" src="" frameborder="0" scrolling="no" allowfullscreen="allowfullscreen"></iframe> </div> </div> </div> </avb-designer-block>    </avb-main> <style> /* ==================== Header Text (block-27) ==================== */ /* ==================== "No Current Ads" Text (block-27) ==================== */ .dsg-block-27 { margin: 0; } .dsg-block-27__content { padding: 0.5rem; text-align: center; } .dsg-block-27__content--check-back { padding: 0 0.5rem 0.5rem; text-align: center; } @media screen and (min-width: 600px) { .dsg-block-27__content { padding: 1rem; } .dsg-block-27__content--check-back { padding: 0 1rem 1rem; } } @media screen and (min-width: 960px) {} @media screen and (min-width: 1280px) { .dsg-block-27__content { padding: 2rem; } .dsg-block-27__content--check-back { padding: 0 2rem 2rem; } } @media screen and (min-width: 1600px) {} /* ==================== Single Ad (block-30) ==================== */ .dsg-block-30 { margin: 0; } .dsg-block-30__image { width: 60%; margin: 1rem auto; } @media screen and (min-width: 600px) {} @media screen and (min-width: 960px) {} @media screen and (min-width: 1280px) {} @media screen and (min-width: 1600px) {} /* ==================== Single Ad CTA Button (block-26) ==================== */ .dsg-block-26 { margin: 0; } .dsg-block-26__content { padding: 0.5rem; text-align: center; } @media screen and (min-width: 600px) { .dsg-block-26__content { padding: 1rem; } } @media screen and (min-width: 960px) {} @media screen and (min-width: 1280px) { .dsg-block-26__content { padding: 2rem; } } @media screen and (min-width: 1600px) {} /* ==================== Multiple Ads (block-28) ==================== */ .dsg-block-28 { margin: 0; } .dsg-block-28__content { padding: 0.5rem; text-align: center; } .dsg-block-28-image { max-width: 100%; } .dsg-block-28-list { list-style: none; max-width: 100%; margin: auto; justify-content: center; } .dsg-block-28-list-item { list-style: none; margin: auto; margin-top: 0; margin-bottom: 2rem; } .dsg-block-28__button { margin-bottom: 1rem; } @media screen and (min-width: 600px) { .dsg-block-28__content { padding: 1rem; } } @media screen and (min-width: 960px) {} @media screen and (min-width: 1280px) { .dsg-block-28__content { padding: 2rem; } .dsg-block-28-list-item { width: 48%; } } @media screen and (min-width: 1600px) {} </style>

Sales and Flyers

Check back soon for more ads.

Shore, Hallock's, and Morrone

Locations

Connect With Us