Default Dev Script Validation

<div class="widget widget-banner"> <ul> <li><avb-main> <avb-designer-block data-id="44" class="avb-typography dsg-block-44-mini_1b"> <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-mini_1b dsg-block-44-mini-background">  <div class="avb-list__item dsg-block-44-list-item-mini_1b"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background dsg-block-44__background-mini_1b"> <div class="avb-wrapper avb-wrapper--horizontal avb-wrapper--horizontalCenter avb-wrapper--vertical avb-wrapper--verticalCenter dsg-block-44__content-mini_1b"> <div class="avb-wrapper">  <p class="avb-typography__paragraph dsg-block-44__mini_1b-title"> Black November Year-End Closeout! </p> <p class="avb-typography__paragraph dsg-block-44__mini_1b-paragraph"> Save up to $1,300 + up to 60% off </p> </div> </div> </div> </div>  <div class="avb-list__item dsg-block-44-list-item-mini_1b"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background dsg-block-44__background-mini_1b"> <div class="avb-wrapper avb-wrapper--horizontal avb-wrapper--horizontalCenter avb-wrapper--vertical avb-wrapper--verticalCenter dsg-block-44__content-mini_1b"> <div class="avb-wrapper"> <p class="avb-typography__paragraph dsg-block-44__mini_1b-date"> Valid 11/5 - 12/3 </p>  <avb-link class="avb-link avb-button avb-button--primary dsg-block-44__button_mini_1b" data-href="https://www.buyfromsa.com/current-sales"> <span class="dsg-block-44__mini_1b-text">SHOP NOW</span> </avb-link> </div> </div> </div> </div> </div> </div> </div> </avb-designer-block><br> </avb-main> <style> @import url("https://use.typekit.net/rkr7lcd.css"); /**block-44**/ .dsg-block-44-mini_1b { margin-top: 0; margin-bottom: 0; background-color: #fff; } .dsg-block-44-mini-background { padding: 10px; background: linear-gradient(300deg,#000,#050602,#293113,#919d70); background-size: 240% 240%; animation: gradient-animation 24s ease infinite; } @keyframes gradient-animation { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .dsg-block-44-list-mini_1b { list-style: none; justify-content: center; margin-bottom: 0; } .dsg-block-44-list-item-mini_1b { 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-mini_1b:first-child { padding-bottom:0; padding-left:0; flex: 0 0 100%; max-width: 100%; order: 1; } .dsg-block-44-list-item-mini_1b:last-child { padding-bottom: 0; order: 2; } .dsg-block-44__background-mini_1b { width: 100%; padding: 0rem; } .dsg-block-44__content-mini_1b { text-align: center; padding: 0rem; margin-bottom: 0; margin-top: 0; } .dsg-block-44__mini_1b-title { margin: 0 0.5rem 0 0.5rem; color:#fff; text-align:center; font-size: 1.1rem; line-height:1.1rem; font-weight: 600; padding:0; font-family: "Poppins", sans-serif; font-weight: 700; font-style: normal; } .dsg-block-44__mini_1b-paragraph { margin: 0.3rem 0.1rem 0.3rem; color:#fff; text-align:center; font-size: 0.8rem; line-height:1rem; font-weight: 400; padding:0; font-family: "Poppins", sans-serif; font-weight: 400; font-style: italic; } .dsg-block-44__mini_1b-date { margin: 0.3rem 0.1rem 0.3rem; font-size: 0.65rem; line-height: 0.75rem; font-weight: 600; padding:0 0.1rem 0; color:#fff; text-align: center; } .dsg-block-44__image-mini_1b { padding: 0rem; width: 50%; max-width: 250px; margin: 0 auto; } .dsg-block-44__mini_1b-text{ display: block; line-height: normal; } .dsg-block-44__button_mini_1b, .dsg-block-44__button_mini_1b:visited, .dsg-block-44__button_mini_1b:focus { background: #fff; color:#000; border-radius: 30px; border:solid 2px #fff; font-weight: 600; font-size: 0.75rem; margin: 0; padding: 0.5rem 2rem; min-height: 10px; justify-content: center; } .dsg-block-44__button_mini_1b:hover, .dsg-block-44__button_mini_1b:active { color:#fff; border:solid 2px #fff; background-color:unset; } @media screen and (min-width: 600px) { .dsg-block-44__button_mini_1b, .dsg-block-44__button_mini_1b:visited, .dsg-block-44__button_mini_1b:focus { min-height: 0; } .dsg-block-44__mini_1b-paragraph { font-size: 1rem; } .dsg-block-44__mini_1b-date { font-size: 0.75rem; line-height: 0.75rem; } .dsg-block-44-list-item-mini_1b:first-child { flex-basis: auto; max-width: fit-content; } .dsg-block-44-list-item-mini_1b:last-child { padding-bottom: 0; } .dsg-block-44__image-mini_1b { padding: 0.5rem; } } @media screen and (min-width: 960px) { .dsg-block-44__button_mini_1b, .dsg-block-44__button_mini_1b:visited, .dsg-block-44__button_mini_1b:focus { font-size: 1rem; line-height: 1rem; min-height: 30px; justify-content: center; } .dsg-block-44-list-item-mini_1b:first-child { margin-bottom: 0.5rem; margin-top: 0.5rem; } .dsg-block-44__mini_1b-title { font-size: 1.3rem; line-height:1.3rem; } .dsg-block-44__mini_1b-paragraph { font-size: 1rem; line-height:1rem; } .dsg-block-44__mini_1b-date { text-align: center; font-size: 0.75rem; line-height: 0.75rem; } /* Don't stack items on medium screens (keep all items in one row) */ /* .dsg-block-44-list-item-mini_1b { flex: 1; padding: 0 0.25rem; } */ .dsg-block-44__image-mini_1b{ margin: 0 auto; padding: 0.5rem; } } @media screen and (min-width: 1280px) { .dsg-block-44-list-item-mini_1b { flex: 1; } .dsg-block-44__mini_1b-title { font-size: 1.5rem; line-height: 1.5rem; } .dsg-block-44__mini_1b-paragraph { font-size: 1rem; line-height: 1rem; } } @media screen and (min-width: 1600px) { .dsg-block-44__mini_1b-title { font-size: 1.8rem; line-height: 1.8rem; } .dsg-block-44__mini_1b-paragraph { font-size: 1.2rem; line-height: 1.2rem; } } </style></li> </ul> </div>

Default Header After Global Promotions

<avb-header-before>  <avb-designer-block data-id="28" class="avb-typography dsg-block-28-header-before"> <div class="avb-grid"> <div class="avb-grid__column avb-grid__column--small-12 dsg-tools-nop"> <div class="avb-wrapper dsg-tools-nomp dsg-tools-main-paragraph dsg-block-28-header-before__content"> <span class="fa-solid fa-location-dot dsg-block-28-header-before__icon"></span>  <avb-link class="dsg-tools-main-paragraph dsg-block-28-header-before__link" data-href="https://www.buyfromsa.com/contacts"> Find a Location </avb-link> <span class="fa-solid fa-comments dsg-block-28-header-before__icon"></span> <avb-link class="dsg-tools-main-paragraph dsg-block-28-header-before__link" data-href="https://tawk.to/chat/5e71445eeec7650c3320a885/default" target="_blank"> Chat With Us </avb-link> <span class="fa-solid fa-wrench dsg-block-28-header-before__icon"></span> <avb-link class="dsg-tools-main-paragraph dsg-block-28-header-before__link" data-href="https://www.buyfromsa.com/customer-service"> Customer Service </avb-link> <span class="fa-solid fa-truck-fast dsg-block-28-header-before__icon"></span> <avb-link class="dsg-tools-main-paragraph dsg-block-28-header-before__link" data-href="https://www.buyfromsa.com/delivery-installation"> Shop In-Stock Online, Hassle-Free & Speedy Delivery! </avb-link> </div> </div> </div> </avb-designer-block> </avb-header-before> <style> /* ==================== Header-before (block-28-header-before) ==================== */ .dsg-block-28-header-before, .dsg-block-28-header-before__link, .dsg-block-28-header-before__link:focus, .dsg-block-28-header-before__link:visited { color: #FFF; transition: all 0.2s ease-in-out; font-size: 1rem; } .dsg-block-28-header-before { text-align: center; padding: 0.55rem; background: #252f3e; } .dsg-block-28-header-before__icon { padding: 0 0.5rem; } .dsg-block-28-header-before__link:hover { color: #FFF; text-decoration: underline; font-size: 1rem; } .dsg-block-28-header-before:has(.dsg-block-28-header-before__link:hover) { background: #2e3b4e; } /*.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, .dsg-block-28-header-before__link, .dsg-block-28-header-before__link:focus, .dsg-block-28-header-before__link:visited, .dsg-block-28-header-before__link:hover { font-size: 1.125rem; } } @media screen and (min-width: 1280px) {} @media screen and (min-width: 1600px) {} </style>

Installation Instructions.pdf

Front.jpg

Stylish stainless steel door panel. Compatible with DW24U2I3. 

Fisher & Paykel 24" Stainless Steel Door Panel

Choose from our Contemporary, Classic or Professional handle styles to match your kitchen aesthetic

General Specs
Width (in.)	24
Color Finish Name	Stainless Steel
Color	Stainless Steel
Outdoor Approved	No
MPN	82869
Color/Finish Name	Stainless Steel
Compatible Model Sku	DW24U2I3

Fisher & Paykel 24" Stainless Steel Door Panel

At a Glance

Get to know this product.

Product Overview

Product Overview

Useful Documents

Specifications

General Specs

More From the Manufacturer

SIGN UP FOR SAVINGS