Default Dev Script Validation

Default Header After Global Promotions

<avb-main class="dsg-tools-fill-light">  <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-main-heading dsg-tools-color-primary dsg-tools-fw-bold">Shop Grills</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"> <h2 class="avb-typography__heading avb-typography__heading--title"> <span class="avb-typography__heading-line avb-typography__heading-line--marginBottom dsg-block-28__heading-line-1">Shop by Grill Types</span> </h2>  <ul class="avb-list avb-list--horizontal dsg-block-28-list"> <li class="avb-list__item dsg-tools-fill-appliance-primary dsg-block-28-list-item"> <avb-link class="dsg-block-28-link" data-href="https://kiosq.tonysappliance.com/catalog/free-standing-grill"> <avb-picture class="avb-picture dsg-block-28-picture" data-alt="Kitchen Appliance Packages"> <avb-picture-source class="dsg-block-28-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/catalog/category/Freestanding_Grill.png?w=400"></avb-picture-source> </avb-picture> <span class="dsg-tools-ff-categories dsg-tools-color-dark dsg-block-28-text">Free Standing Grill</span> </avb-link> </li>  </ul> </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"> <h2 class="avb-typography__heading avb-typography__heading--title"> <span class="avb-typography__heading-line avb-typography__heading-line--marginBottom dsg-block-28__heading-line-1">Shop by Fuel Types</span> </h2>  <ul class="avb-list avb-list--horizontal dsg-block-28-list">  <li class="avb-list__item dsg-tools-fill-appliance-primary dsg-block-28-list-item"> <avb-link class="dsg-block-28-link" data-href="https://kiosq.tonysappliance.com/catalog/wood-pellet-grills"> <avb-picture class="avb-picture dsg-block-28-picture" data-alt="Wood Pellet Grills"> <avb-picture-source class="dsg-block-28-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/catalog/category/Wood_Pellet_BBQ.png?w=400"></avb-picture-source> </avb-picture> <span class="dsg-tools-ff-categories dsg-tools-color-dark dsg-block-28-text">Wood Pellet Grills</span> </avb-link> </li> </ul> </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"> <h2 class="avb-typography__heading avb-typography__heading--title"> <span class="avb-typography__heading-line avb-typography__heading-line--marginBottom dsg-block-28__heading-line-1">Shop Grill Accessories</span> </h2>  <ul class="avb-list avb-list--horizontal dsg-block-28-list">  <li class="avb-list__item dsg-tools-fill-appliance-primary dsg-block-28-list-item"> <avb-link class="dsg-block-28-link" data-href="https://kiosq.tonysappliance.com/catalog/outdoor-drip-pans"> <avb-picture class="avb-picture dsg-block-28-picture" data-alt="Drip Pans"> <avb-picture-source class="dsg-block-28-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/catalog/category/drip_pans.png?w=400"></avb-picture-source> </avb-picture> <span class="dsg-tools-ff-categories dsg-tools-color-dark dsg-block-28-text">Drip Pans</span> </avb-link> </li> <li class="avb-list__item dsg-tools-fill-appliance-primary dsg-block-28-list-item"> <avb-link class="dsg-block-28-link" data-href="https://kiosq.tonysappliance.com/catalog/outdoor-grill-covers"> <avb-picture class="avb-picture dsg-block-28-picture" data-alt="Grill Covers"> <avb-picture-source class="dsg-block-28-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/catalog/category/Grill_Covers.png?w=400"></avb-picture-source> </avb-picture> <span class="dsg-tools-ff-categories dsg-tools-color-dark dsg-block-28-text">Grill Covers</span> </avb-link> </li> <li class="avb-list__item dsg-tools-fill-appliance-primary dsg-block-28-list-item"> <avb-link class="dsg-block-28-link" data-href="https://kiosq.tonysappliance.com/catalog/outdoor-smoker-accessories"> <avb-picture class="avb-picture dsg-block-28-picture" data-alt="Smoker Accessories"> <avb-picture-source class="dsg-block-28-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/catalog/category/Smoker_Att.png?w=400"></avb-picture-source> </avb-picture> <span class="dsg-tools-ff-categories dsg-tools-color-dark dsg-block-28-text">Smoker Accessories</span> </avb-link> </li> </ul> </div> </div> </div> </avb-designer-block> </avb-main> <style> /* contains 300, 400, 600, 700 */ @import url("https://use.typekit.net/ijw5tys.css"); /* ==================== Nav styles ==================== */ .designer-header__logo { /*margin-left: 2rem;*/ } .designer-menu-level0__item-link { font-family: ivyepic, sans-serif; font-weight: 600; letter-spacing: .025rem; margin-right: auto; margin-left: auto; } .designer-header__utilityNav-item { font-family: ivyepic, sans-serif; font-weight: 600; letter-spacing: .025rem; } .designer-menu-level0__item { font-family: ivyepic, sans-serif; font-weight: 600; letter-spacing: .025rem; margin: 0 auto; transition: 0.3s ease-in-out; } .designer-menu-level0__item:hover { background-color: #1b1b1b; color: #fff; } @media screen and (min-width: 600px) {} @media screen and (min-width: 960px) {} @media screen and (min-width: 1280px) {} @media screen and (min-width: 1600px) {} /* =================== dsg tools =================== */ .dsg-tools-main-heading { font-family: ivyepic, sans-serif; font-size: 1.6rem; font-weight: 600; letter-spacing: .025rem; text-transform: uppercase; } .dsg-tools-sub-heading { font-family: ivyepic, sans-serif; font-size: 1.2rem; font-weight: 400; letter-spacing: .025rem; } .dsg-tools-main-paragraph, .dsg-tools-secondary-paragraph { font-family: ivyepic, sans-serif; font-size: 0.9rem; font-weight: 400; letter-spacing: .01rem; } .dsg-tools-color-primary { color: #1b1b1b; } .dsg-tools-fill-primary { background-color: #1b1b1b; } .dsg-tools-color-secondary { color: #3a3a3a; } .dsg-tools-fill-secondary { background-color: #3a3a3a; } .dsg-tools-color-accent { color: #eadf35; } .dsg-tools-fill-accent { background-color: #eadf35; } .dsg-tools-fill-hero { background-color: rgb(27 27 27 / 50%); } .dsg-tools-color-dark { color: #1b1b1b; } .dsg-tools-color-light { color: #ffffff; } .dsg-tools-fw-bold { font-weight: 700; } .dsg-tools-fw-regular { font-weight: 400; } .dsg-tools-text-shadow { text-shadow: 2px 2px 2px #131313; } .dsg-tools-main-button, .dsg-tools-main-button:visited, .dsg-tools-main-button:active, .dsg-tools-main-button:focus { color: #1b1b1b; font-family: ivyepic, sans-serif; font-weight: 600; font-size: 0.8rem; text-transform: uppercase; background: #eadf35; transition: .3s ease-in-out; position: relative; overflow: hidden; padding: 1rem; z-index: 1; border: 1px solid #1b1b1b; letter-spacing: 1.25px; min-width: 150px; border-radius: 0; box-shadow: 5px 5px 10px rgb(27 27 27 / 25%); } .dsg-tools-main-button:before { content: ''; position: absolute; bottom: 0; left: 0; width: 0%; height: 100%; background-color: #1b1b1b; transition: all .3s; border: 0px; z-index: -1; } .dsg-tools-main-button:hover { color: #fff; border: 1px solid #fff; } .dsg-tools-main-button:hover:before { width: 100%; } .dsg-tools-fill-texture { background-image: linear-gradient(to bottom, rgba(27, 27, 27, 0.6), rgba(27, 27, 27, 0.6)), url(https://cdn.avbportal.com/magento-media/members/uton1-tonys/black-pattern.jpg?w=600); background-position: 50% 50%; background-size: cover; } .dsg-tools-nomp { margin: 0; padding: 0; } .dsg-tools-nom { margin: 0; } .dsg-tools-nop { padding: 0; } .dsg-tools-column-spacing { margin-bottom: 0.5rem; padding: 0; } .dsg-tools-column-spacing:last-child { margin-bottom: 0; } .dsg-tools-uppercase { text-transform: uppercase; } .dsg-tools-box-shadow { box-shadow: 5px 5px 10px rgb(27 27 27 / 25%); } .dsg-tools-fill-appliance-primary, .dsg-tools-fill-appliance-primary:visited, .dsg-tools-fill-appliance-primary:active, .dsg-tools-fill-appliance-primary:focus { color: #1b1b1b; font-family: ivyepic, sans-serif; font-weight: 600; font-size: 0.8rem; text-transform: uppercase; line-height: 1.25; background: #eadf35; border: 1px solid #1b1b1b; box-shadow: 5px 5px 10px rgb(27 27 27 / 25%); transition: 0.3s ease-in-out; } .dsg-tools-fill-appliance-primary:hover { background-color: #1b1b1b; border: 1px solid #1b1b1b; color: #FFF; } .dsg-tools-fill-appliance-primary:hover .dsg-tools-ff-categories { color: #FFF; } @media screen and (min-width: 600px) { .dsg-tools-fill-texture { background-image: linear-gradient(to bottom, rgba(27, 27, 27, 0.6), rgba(27, 27, 27, 0.6)), url(https://cdn.avbportal.com/magento-media/members/uton1-tonys/black-pattern.jpg?w=900); } } @media screen and (min-width: 960px) { .dsg-tools-column-spacing { margin-bottom: 0; } .dsg-tools-main-heading { font-size: 2rem; } .dsg-tools-sub-heading { font-size: 1.5rem; } .dsg-tools-secondary-paragraph { font-size: 1.25rem; } .dsg-tools-main-paragraph { font-size: 1rem; } .dsg-tools-main-button, .dsg-tools-main-button:visited, .dsg-tools-main-button:focus, .dsg-tools-main-button:active, .dsg-tools-main-button:hover { min-width: 200px; max-width: max-content; } .dsg-tools-fill-texture { background-image: linear-gradient(to bottom, rgba(27, 27, 27, 0.6), rgba(27, 27, 27, 0.6)), url(https://cdn.avbportal.com/magento-media/members/uton1-tonys/black-pattern.jpg?w=1000); background-attachment: fixed; } } @media screen and (min-width: 1280px) { .dsg-tools-fill-texture { background-image: linear-gradient(to bottom, rgba(27, 27, 27, 0.6), rgba(27, 27, 27, 0.6)), url(https://cdn.avbportal.com/magento-media/members/uton1-tonys/black-pattern.jpg?w=1600); } } @media screen and (min-width: 1600px) {} .dsg-tools-dark-bg { min-height: 2000px; } /* =================== Header (block-27) =================== */ .dsg-block-27 { margin-top: 0; margin-bottom: 0; padding-top: 1rem; } .dsg-block-27__content { padding: 0.5rem; text-align: center; background-color: rgba(241, 241, 241, 0); } .dsg-block-27__headline { margin-bottom: 0; padding: 6rem 1rem 3rem; } @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: 0; margin-bottom: 0; } } @media screen and (min-width: 1600px) { .dsg-block-27 { margin-top: 0; margin-bottom: 0; } } /* =================== Categories (block-28) =================== */ .dsg-block-28 { margin-top: 0; margin-bottom: 0; } .dsg-block-28__content { padding: 0.5rem; text-align: center; } .dsg-block-28-list { display: flex; justify-content: center; align-items: center; gap: 1rem; } .dsg-block-28-list-item { margin: 0; padding: 0; flex: 0 0 calc((100% / 2) - (((2 - 1) / 2) * 1rem)); } .dsg-block-28-link { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; } .dsg-block-28-text { width: 100%; height: 100%; padding: .5rem; display: flex; flex-direction: column; justify-content: center; align-items: center; } /* Override for height of label span */ .dsg-block-28-text { height: 4rem; } @media screen and (min-width: 600px) { .dsg-block-28 { margin-top: 0; margin-bottom: 0; } .dsg-block-28-list { gap: 2rem; } .dsg-block-28-list-item { flex: 0 0 calc((100% / 3) - (((3 - 1) / 3) * 2rem)); } /* Override for height of label span */ .dsg-block-28-text { height: 3rem; } } @media screen and (min-width: 960px) { .dsg-block-28-list-item { flex: 0 0 calc((100% / 4) - (((4 - 1) / 4) * 2rem)); } /* Override for height of label span */ /*.dsg-block-28-text { height: 3rem; }*/ } @media screen and (min-width: 1080px) { .dsg-block-28-list-item { flex: 0 0 calc((100% / 3) - (((3 - 1) / 3) * 2rem)); } /* Override for height of label span */ /*.dsg-block-28-text { height: 4rem; }*/ } @media screen and (min-width: 1280px) { .dsg-block-28-list-item { flex: 0 0 calc((100% / 5) - (((5 - 1) / 5) * 2rem)); } /* Override for height of label span */ /*.dsg-block-28-text { height: 4rem; }*/ } @media screen and (min-width: 1600px) { .dsg-block-28-list-item { flex: 0 0 calc((100% / 7) - (((7 - 1) / 7) * 2rem)); } /* Override for height of label span */ /*.dsg-block-28-text { height: 4rem; }*/ } @media screen and (min-width: 1900px) { .dsg-block-28-list-item { flex: 0 0 calc((100% / 7) - (((7 - 1) / 7) * 2rem)); } /* Override for height of label span */ /*.dsg-block-28-text { height: 4rem; }*/ } </style>