Default Dev Script Validation

<avb-header-after>  <avb-designer-block data-id="27" class="avb-grid avb-typography dsg-block-27-header-after"> <div class="avb-grid__column avb-grid__column--small-12 dsg-block-27__no-padding"> <avb-link class="avb-wrapper dsg-block-27-header-after__content" data-href="https://www.shopsiesta.com/fashion-accessories">  <span class="dsg-block-27-header-after__headline"> Upgrade your look with trendy fashion accessories. Shop now for the latest&nbsp;style. </span>   </avb-link> </div> </avb-designer-block> </avb-header-after> <style> /* ==================== Header-after (block-27-header-after) ==================== */ .dsg-block-27__no-padding { padding: 0; } .dsg-block-27-header-after__content, .dsg-block-27-header-after__content:visited, .dsg-block-27-header-after__content:active, .dsg-block-27-header-after__content:focus { display: block; background-color: #662D8E; color: #fff; text-align: center; padding: 0.55rem; } .dsg-block-27-header-after__content:hover { color: #fff; text-decoration:underline; } .dsg-block-27-header-after__headline { font-family: sofia-pro, sans-serif; font-weight: 300; font-size: clamp(0.85rem, 2.1vw, 1.1rem); line-height: 1.3; transition: .3s; } .dsg-block-27-header-after--bold { font-weight: 700; } @media screen and (min-width: 600px) {} @media screen and (min-width: 960px) {} @media screen and (min-width: 1280px) {} @media screen and (min-width: 1600px) {} </style>

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-block-28-header-before__no-padding"> <div class="avb-wrapper dsg-block-28-header-before__content"> <div class="dsg-block-28-hb-language"> <span class="dsg-block-28-hb-text">Choose Your Language:</span> <select id="languageDropdown" class="dsg-block-28-hb-dropdown"> <option data-lang-code="en" data-notranslate>English</option> <option data-lang-code="es" data-notranslate>Spanish</option> <option data-lang-code="fr" data-notranslate>French</option> <option data-lang-code="de" data-notranslate>German</option> <option data-lang-code="ko" data-notranslate>Korean</option> <option data-lang-code="ja" data-notranslate>Japanese</option> <option data-lang-code="zh-CN" data-notranslate>Chinese Simplified</option> <option data-lang-code="zh-TW" data-notranslate>Chinese Traditional</option> <option data-lang-code="vi" data-notranslate>Vietnamese</option> <option data-lang-code="ru" data-notranslate>Russian</option> </select> </div>  <avb-link class="dsg-block-28-header-before__link" data-href="https://www.shopsiesta.com/contacts">  Hablamos español.¡Cambia tus muebles, cambia tu&nbsp;vida! </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; background-color: #EC4932; font-family: sofia-pro, sans-serif; color:#fff; font-weight: 300; font-size: clamp(0.85rem, 2.1vw, 1.1rem); } .dsg-block-28-header-before__icon { padding: 0 0.5rem; } .dsg-block-28-header-before__link, .dsg-block-28-header-before__link:focus, .dsg-block-28-header-before__link:active, .dsg-block-28-header-before__link:visited { color: #fff; font-weight: 300; font-size: clamp(0.85rem, 2.1vw, 1.1rem); transition: 0.3s; } .dsg-block-28-header-before__link:hover { color: #fff; text-decoration:underline; } .dsg-block-28-header-before__location-mobile { display: block; } .dsg-block-28-header-before__hider-mobile { display: none; } .dsg-block-28-hb-language { display: flex; align-items: center; grid-gap: 0.5rem; margin-bottom: 0.5rem; justify-content:center; } .dsg-block-28-hb-text, .dsg-block-28-hb-dropdown{ font-size: 0.85rem; } @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-hb-language { display: inline-flex; margin-bottom: 0rem; justify-content:flex-start; } .dsg-block-28-header-before__content{ display:flex; align-items:center; justify-content:center; grid-gap:1rem; } } @media screen and (min-width: 1280px) { .dsg-block-28-header-before__content{ grid-gap:0; } .dsg-block-28-hb-language { position:absolute; left:1rem; } } @media screen and (min-width: 1600px) {} </style>

<avb-main>  <avb-designer-block data-id="38" class="avb-typography dsg-block-38"> <div class="avb-grid avb-grid--container"> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom dsg-block-38__grid-column"> <div class="avb-wrapper dsg-block-38__content">  <h1 class="avb-typography__heading avb-typography__heading--title dsg-tools-main-heading dsg-tools-color-dark dsg-block-38__heading"> Shop By Brand </h1>  <avb-brands data-carousel-wait data-link-amana="https://www.shopsiesta.com/amana-overview" data-link-cafe="https://www.shopsiesta.com/cafe-overview" data-link-frigidaire="https://www.shopsiesta.com/frigidaire-overview" data-link-frigidaire-gallery="https://www.shopsiesta.com/frigidaire-gallery-overview" data-link-ge="https://www.shopsiesta.com/ge-overview" data-link-ge-profile="https://www.shopsiesta.com/ge-profile-overview" data-link-haier="https://www.shopsiesta.com/haier-overview" data-link-lg="https://www.shopsiesta.com/lg-overview" data-link-lg-studio="https://www.shopsiesta.com/lg-studio-overview" data-link-lg-signature="https://www.shopsiesta.com/lg-signature-overview" data-link-samsung="https://www.shopsiesta.com/samsung-appliances-overview" > <template> <article data-for="brand" class="dsg-block-38__brand"> <avb-link is="a" data-for="brand-link" class="dsg-block-38__brand-link"> <img data-for="brand-logo" src="logo.png" alt="Logo" class="dsg-block-38__brand-logo"> </avb-link> </article> </template> </avb-brands> <p class="avb-typography__paragraph dsg-tools-main-paragraph dsg-block-38__paragraph"> Brands displayed are auto-generated by the product catalog. </p> </div> </div> </div> </avb-designer-block> </avb-main> <style> /****************** BLOCK 38 BRAND ******************/ .dsg-block-38 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .dsg-block-38__grid-column { padding-left: 0; padding-right: 0; } .dsg-block-38__heading { text-align: center; } .dsg-block-38__brand { display: inline-block; width: 49%; margin: 0.5rem 0; padding: 2rem 1rem; background-color:rgba(241,241,241,0); border: 1px solid #eee; transition: ease 0.7s; } .dsg-block-38__brand:hover { background-color:rgba(241,241,241,0.7); } .dsg-block-38__content { text-align: center; } .dsg-block-38__brand-logo { display: block; margin-left: auto; margin-right: auto; } .dsg-block-38__paragraph { color: #ddd; font-size: .8rem; margin-top: 2rem; } @media screen and (min-width: 600px) { .dsg-block-38 { margin-top: 1rem; margin-bottom: 1rem; } .dsg-block-38__brand { width: 49%; } } @media screen and (min-width: 960px) { .dsg-block-38__brand { width: 15rem; margin: 0.5rem; } } @media screen and (min-width: 1280px) { .dsg-block-38 { margin-top: 2rem; margin-bottom: 2rem; } } @media screen and (min-width: 1600px) {} </style>

Shop By Brand

Siesta Living

Locations

Connect With Us