Default Dev Script Validation

Default Header After Global Promotions

<avb-main class="dsg-tools-kiosq1-main-image">   <avb-designer-block data-id="43" class="avb-typography dsg-block-43"> <div class="avb-grid avb-grid--container"> <avb-link data-href="https://citiretailservices.citibankonline.com/apply/brandsource-credit-card?app=UNSOL&siteId=PLCN_BRANDSOURCE&sc=06302&store_no=82498" target="_blank"> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom dsg-block-43__grid-column"> <ul class="avb-list avb-list--horizontal dsg-block-43-list"> <li class="avb-list__item dsg-block-43-list-item-1"> <span class="dsg-block-43-main-heading dsg-block-43-color-accent"><span class="dsg-block-43-fw-light-italic dsg-block-43-color-light">Buy</span> Now, <span class="dsg-block-43-fw-light-italic dsg-block-43-color-light">Pay</span> Later</span> </li> <li class="avb-list__item dsg-block-43-list-item-2"> <span class="dsg-block-43-sub-heading dsg-block-43-color-light dsg-tools-block"><span class="dsg-block-43-fw-bold">SPECIAL FINANCING OPTIONS</span> to create your perfect home! </span> <span class="dsg-block-43-text-small dsg-block-43-color-light">*Subject to credit approval. Terms and conditions apply. Minimum monthly payments required.</span> </li> <li class="avb-list__item dsg-block-43-list-item-3 dsg-block-43-color-light"> SEE SALES ASSOCIATE </li> <li class="avb-list__item dsg-block-43-list-item-4"> <avb-picture class="avb-picture dsg-block-43-picture" data-alt="BrandSource Citi Card"> <avb-picture-source class="dsg-block-43-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/brandsource-finance/bs-creditcard-grand.png"></avb-picture-source> </avb-picture> </li> </ul> </div> </avb-link> </div> </avb-designer-block> <style> @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,600;0,700;0,800;1,300&display=swap'); /* =================== Apply and Buy (block-43) =================== */ .dsg-block-43 { text-align: center; background-color: #221f20; } .dsg-block-43__grid-column { padding-left: 0; padding-right: 0; } .dsg-block-43-list { text-align:left; padding:1rem 1rem 0; margin-bottom:0; } .dsg-block-43-main-heading { font-family: 'Open Sans', sans-serif; font-weight: 700; font-size:1.8rem; } .dsg-block-43-sub-heading { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size:1.5rem; } .dsg-block-43-text-small { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: .65rem; display: block; } .dsg-block-43-list-item-4 { z-index: 10; width:44%; } .dsg-block-43__button-financing { background: #1ddcc3; border: 2px solid #1ddcc3; color: #000000; margin-bottom: 2rem; margin-top: 1rem; font-weight: bold; border-radius: 13px; padding: 0.5rem 1rem; font-size: 1.3rem; } .dsg-block-43__button-financing:hover { background: transparent; border: 2px solid #ffffff; color: #ffffff; } .dsg-block-43-fw-light-italic { font-weight: 300; font-style:italic; } .dsg-block-43-fw-bold { font-weight: 700; } .dsg-block-43-color-light { color: #fff; } .dsg-block-43-color-accent { color: #1ddcc3; } @media screen and (min-width: 600px) { .dsg-block-43-list { text-align:center; } .dsg-block-43-list-item-1, .dsg-block-43-list-item-2, .dsg-block-43-list-item-3 { margin: 0 auto; } .dsg-block-43-list-item-4 { display:none; } } @media screen and (min-width: 960px) { .dsg-block-43-list { text-align: center; padding: 0; } .dsg-block-43-list-item-1, .dsg-block-43-list-item-2, .dsg-block-43-list-item-3 { margin: 0 auto; } .dsg-block-43-list-item-2 { width: 100%; display: block; } .dsg-block-43-list-item-3 { width: 26%; } .dsg-block-43__button-financing { font-size: 1.2rem; } } @media screen and (min-width: 1280px) { .dsg-block-43 { height:6rem; margin-bottom: 4rem; } .dsg-block-43-list { text-align:left; } .dsg-block-43-main-heading { font-size:2rem; } .dsg-block-43-sub-heading { font-size:1.1rem; } .dsg-block-43-list-item-1 { padding: 1rem 0; } .dsg-block-43-list-item-2 { width: 40%; padding: 1rem 0; margin-top: .5rem; } .dsg-block-43-list-item-3 { width: 15%; margin-top: 2rem; } .dsg-block-43-list-item-4 { display:inline-block; width: 15%; } .dsg-block-43__button-financing { font-size: 1.2rem; padding: .5rem 2rem; } } @media screen and (min-width: 1600px) { .dsg-block-43 { height:7rem; margin-bottom: 5rem; } .dsg-block-43-main-heading { font-size:2.5rem; } .dsg-block-43-sub-heading { font-size:1.4rem; } .dsg-block-43-list-item-2 { width: 42%; } .dsg-block-43-list-item-3 { width: 12%; margin-top: 2.5rem; } } </style>  <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"> <div class="avb-wrapper dsg-block-27__content"> <h1 class="avb-typography__headline dsg-block-27__headline dsg-tools-kiosq1-main-heading dsg-tools-kiosq1-color-dark">Appliance Accessories &amp; Parts</h1> </div> </div> </div> </avb-designer-block>  <avb-designer-block data-id="28" class="avb-typography dsg-block-28"> <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-28__content">  <ul class="avb-list avb-list--horizontal dsg-block-28-list"> <li class="avb-list__item dsg-block-28-list-item dsg-tools-kiosq1-bg-color-gradient dsg-tools-kiosq1-shadow"> <avb-link class="dsg-block-28-link" data-href="https://kiosq.grandappliance.com/catalog/laundry-accessories"> <avb-picture class="avb-picture dsg-block-28-picture" data-alt="Laundry Accessories"> <avb-picture-source class="dsg-block-28-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/catalog/category/Laundry_Extras_2.png?w=400"></avb-picture-source> </avb-picture> <span class="dsg-tools-kiosq1-text dsg-tools-kiosq1-color-light">Laundry Accessories</span></avb-link> </li> <li class="avb-list__item dsg-block-28-list-item dsg-tools-kiosq1-bg-color-gradient dsg-tools-kiosq1-shadow"> <avb-link class="dsg-block-28-link" data-href="https://kiosq.grandappliance.com/catalog/cooking-appliance-accessories"> <avb-picture class="avb-picture dsg-block-28-picture" data-alt="Cooking Appliance Accessories"> <avb-picture-source class="dsg-block-28-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/catalog/category/Cooking_Accessories.png?w=400"></avb-picture-source> </avb-picture> <span class="dsg-tools-kiosq1-text dsg-tools-kiosq1-color-light">Cooking Appliance Accessories</span></avb-link> </li> <li class="avb-list__item dsg-block-28-list-item dsg-tools-kiosq1-bg-color-gradient dsg-tools-kiosq1-shadow"> <avb-link class="dsg-block-28-link" data-href="https://kiosq.grandappliance.com/catalog/refrigeration-accessories"> <avb-picture class="avb-picture dsg-block-28-picture" data-alt="Refrigeration Accessories"> <avb-picture-source class="dsg-block-28-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/catalog/category/refrigerator_accessories.png?w=400"></avb-picture-source> </avb-picture> <span class="dsg-tools-kiosq1-text dsg-tools-kiosq1-color-light">Refrigeration Accessories</span></avb-link> </li> <li class="avb-list__item dsg-block-28-list-item dsg-tools-kiosq1-bg-color-gradient dsg-tools-kiosq1-shadow"> <avb-link class="dsg-block-28-link" data-href="https://kiosq.grandappliance.com/catalog/dishwasher-accessories"> <avb-picture class="avb-picture dsg-block-28-picture" data-alt="Dishwasher Accessories"> <avb-picture-source class="dsg-block-28-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/catalog/category/DW_Accessories.png?w=400"></avb-picture-source> </avb-picture> <span class="dsg-tools-kiosq1-text dsg-tools-kiosq1-color-light">Dishwasher Accessories</span></avb-link> </li> <li class="avb-list__item dsg-block-28-list-item dsg-tools-kiosq1-bg-color-gradient dsg-tools-kiosq1-shadow"> <avb-link class="dsg-block-28-link" data-href="https://kiosq.grandappliance.com/catalog/range-hood-accessories"> <avb-picture class="avb-picture dsg-block-28-picture" data-alt="Range Hood Accessories"> <avb-picture-source class="dsg-block-28-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/catalog/category/duct_transition_1.png?w=400"></avb-picture-source> </avb-picture> <span class="dsg-tools-kiosq1-text dsg-tools-kiosq1-color-light">Range Hood Accessories</span></avb-link> </li> <li class="avb-list__item dsg-block-28-list-item dsg-tools-kiosq1-bg-color-gradient dsg-tools-kiosq1-shadow"> <avb-link class="dsg-block-28-link" data-href="https://kiosq.grandappliance.com/catalog/ac-accessories"> <avb-picture class="avb-picture dsg-block-28-picture" data-alt="Air Conditioner Accessories"> <avb-picture-source class="dsg-block-28-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/catalog/category/AC_Accessories.png?w=400"></avb-picture-source> </avb-picture> <span class="dsg-tools-kiosq1-text dsg-tools-kiosq1-color-light">Air Conditioner Accessories</span></avb-link> </li> <li class="avb-list__item dsg-block-28-list-item dsg-tools-kiosq1-bg-color-gradient dsg-tools-kiosq1-shadow"> <avb-link class="dsg-block-28-link" data-href="https://kiosq.grandappliance.com/catalog/vacuum-floor-care-accessories"> <avb-picture class="avb-picture dsg-block-28-picture" data-alt="Vacuum/Floor Care Accessories"> <avb-picture-source class="dsg-block-28-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/catalog/category/Vacuum_Accessories.png?w=400"></avb-picture-source> </avb-picture> <span class="dsg-tools-kiosq1-text dsg-tools-kiosq1-color-light">Vacuum/Floor Care Accessories</span></avb-link> </li> </ul> </div> </div> </div> </avb-designer-block>  <avb-designer-block data-id="27" class="avb-typography dsg-block-27b dsg-tools-kiosq1-bg-color-gradient"> <div class="avb-grid avb-grid--container"> <div class="avb-grid__column avb-grid__column--small-12"> <avb-link data-href="https://kiosq.grandappliance.com/promotions"> <div class="avb-wrapper dsg-block-27__content"> <h2 class="avb-typography__headline dsg-block-27__headline dsg-tools-kiosq1-sub-heading dsg-tools-kiosq1-color-light"> HUGE SAVINGS | Promotions and Rebates &raquo; </h2> </div> </avb-link> </div> </div> </avb-designer-block> </avb-main> <style> /* =================== Header and Promo Block (block-27) =================== */ .dsg-block-27 { margin-top: 0; margin-bottom: 0; padding-top:1rem; } .dsg-block-27b { margin-top: 0; margin-bottom: 0; padding-top:0; } .dsg-block-27__content { padding: 0.5rem; text-align: center; } .dsg-block-27__headline { margin-bottom: 0; } .dsg-block-27-image { width: 40%; margin: 0 auto; } @media screen and (min-width: 600px) { .dsg-block-27 { margin-top: 0; margin-bottom: 0; } } @media screen and (min-width: 960px) { .dsg-block-27 { margin-top: 0; margin-bottom: 0; } } @media screen and (min-width: 1280px) { .dsg-block-27 { margin-top: -4rem; margin-bottom: 0; } } @media screen and (min-width: 1600px) { .dsg-block-27 { margin-top: -5rem; margin-bottom: 0; } } /* =================== Categories (block-28) =================== */ .dsg-block-28 { margin-top: 0; margin-bottom: 0; padding-bottom:1rem; } .dsg-block-28__content { padding: 0.5rem; text-align: center; } .dsg-block-28-list { justify-content: center; } .dsg-block-28-list-item { width: 100%; padding: 0 0 .5rem; margin: .75rem; } .dsg-block-28-image { background-color:#fff; } @media screen and (min-width: 600px) { .dsg-block-28-list-item { width: 45%; } } @media screen and (min-width: 960px) { .dsg-block-28-list-item { width: 22%; transition: all .2s ease-in-out; } .dsg-block-28-list-item:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } } @media screen and (min-width: 1280px) { .dsg-block-28-list-item { width: 23%; } } @media screen and (min-width: 1600px) { .dsg-block-28-list-item { width: 19%; } } </style>

Appliance Accessories & Parts

HUGE SAVINGS | Promotions and Rebates »