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.longeneckersappliances.com/promotions/neco/iac/2025/holiday-savings/savings.html"> <avb-picture class="avb-picture avb-picture--full" data-alt="Holiday Savings"> <avb-picture-source class="dsg-block-44__image-iac_ha" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/promotions/2025_promos/december/iac_holiday-savings-2025_ha-logo-1.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"> 12/11/25-12/24/25 </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.longeneckersappliances.com/promotions/neco/iac/2025/holiday-savings/savings.html"> <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/2025_promos/december/iac_holiday-savings-2025_ha-bg.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: #fff; text-align: center; font-size: 0.8rem; line-height: 1rem; font-weight: 400; 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: #e2b97d; color: #030e2e; 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: #030e2e; /* 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

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

Longenecker's

Location

Hours

Connect With Us

Payment Methods