Vai direttamente al contenuto
Casa
Prodotti più venduti
DOLOMITE 54
Escursionismo
Più popolare
Articoli scontati!
EUR
/
IT
Area geografica e lingua
Country/Region
Nessun risultato trovato
Austria
EUR €
Italia
EUR €
Lingua
Lingua
English
Italiano
Deutsch
Prodotti più venduti
Prodotti più venduti
DOLOMITE 54
DOLOMITE 54
Escursionismo
Escursionismo
Più popolare
Più popolare
Ricerca
Altro
Casa
Prodotti più venduti
DOLOMITE 54
Escursionismo
Più popolare
Articoli scontati!
Altro
EUR
Selettore dell'area geografica e della lingua
/
IT
Country/Region
Nessun risultato trovato
Austria
EUR €
Italia
EUR €
Lingua
Lingua
English
Italiano
Deutsch
Ricerca
Account
Carrello
0
Casa
Prodotti più venduti
DOLOMITE 54
Escursionismo
Più popolare
Articoli scontati!
Sostenibilità
</div> <h3 style="text-align: center;">DAL 1897,<br>DOLOMITE RACCONTA STORIE VERE<br>DI AVVENTURE EPICHE E<br>IMPRESE MONUMENTALI.</h3> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="jumbotron jumbotron-fluid mod-container-open" style="text-align: center;"> <div class="container-fluid no-padding"> <div class="row"> <div id="main-intro-txt-resource"> <div class="col-xs-12"> <div class="text-center col-xs-12 col-sm-8 col-sm-offset-2 col-md-6 col-md-offset-3 spacer-bottom-small-resource"> <p>Oggi, con lo stesso spirito che ha sempre contraddistinto Dolomite, ci spingiamo verso nuovi orizzonti: migliorare l'impatto delle nostre pratiche aziendali, preservare l'ambiente per le generazioni future e stimolare un cambiamento positivo nelle nostre comunità.</p> <br> <p><b>re-source by Dolomite</b><span> </span> è stata fondata per sviluppare e promuovere la responsabilità sociale d'impresa. Il programma si concentra su tre pilastri fondamentali: <span></span><b>persone, pianeta e prodotto</b>.</p> </div> <div class="text-center col-xs-12 spacer-bottom-medium-resource"></div> <div id="myBtnContainer" class="text-center"> <a href="https://www.dolomite.it/global/en/resource#people" class="btn btn-filter-resource btn-people active"><span>PERSONE</span></a><span></span><a href="https://www.dolomite.it/global/en/resource#products" class="btn btn-filter-resource btn-product"><span>PRODOTTI</span></a><span></span><a href="https://www.dolomite.it/global/en/resource#planet" class="btn btn-filter-resource btn-planet"><span>PIANETA</span></a> </div> </div> </div> </div> </div> <div id="people" class="jumbotron jumbotron-fluid mod-container-open ttl-red ttl-hidable" style="text-align: center;"> <div class="container-fluid no-padding"> <div class="row"> <div id="" class="col-xs-12 col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2 spacer-bottom-small-resource"> <div class="text-center col-xs-12 col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2 <div>Riteniamo che tutte le persone coinvolte nella nostra catena di fornitura debbano essere trattate in modo equo, con dignità e rispetto.</p> </div> </div> </div> </div> </div> <div id="ttl-red-container02" class="jumbotron jumbotron-fluid mod-container-open ttl-red ttl-hidable space-after-90" style="text-align: center;"> <div class="container"> <div class="row"> <div id="" class="col-xs-12 col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2 text-center space-before-60 space-after-30 <h2>CODICE DI CONDOTTA RSI</h2> <p>Garantire che tutte le persone lungo la nostra catena di fornitura siano trattate in modo equo, con rispetto e dignità è un valore fondamentale per noi e per i nostri clienti. Abbiamo stretto una partnership con la Responsible Sports Initiative (RSI), un progetto della Federazione Mondiale dell'Industria degli Articoli Sportivi. La RSI utilizza un codice di condotta unico a cui tutti i membri aderiscono.</p> <p>Il nostro codice di condotta affronta temi sociali e ambientali importanti per noi e per le parti interessate. L'obiettivo finale è migliorare le condizioni sociali e ambientali in cui i nostri prodotti vengono prodotti e distribuiti. Crediamo che sia attraverso una stretta collaborazione con i nostri stimati partner che saremo in grado di progredire.</p> </div> <div id="" class="col-xs-10 col-xs-offset-1 col-sm-8 col-sm-offset-2 col-md-6 col-md-offset-3 text-center"> <p><img src="https://assets.dolomite.it/pages/resource/rsi-logo.jpg" class="img-responsive center-block" alt="rsi sta per Responsible Sport Initiative"></p> </div> <div id="" class="col-xs-12 col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2 text-center space-before-30 space-after-60 text-white"> <h3>CODICE DI CODICE</h3> PUNTI:</h3> <p>Nessun lavoro minorile • Nessun lavoro forzato • Nessuna discriminazione • Nessun abuso o molestia • Libertà di associazione e contrattazione collettiva • Retribuzione e benefit adeguati • Orari di lavoro e impiego adeguati • Garanzia di salute e sicurezza • Sostegno a pratiche responsabili dal punto di vista ambientale</p> </div> </div> </div> </div> <div class="yCmsComponent cms_disp-img_slot" style="text-align: center;"> <div id="ttl-red-container03" class="container-fluid"> <div class="row"> <div class="fullwidth-image-red-resource ttl-red ttl-hidable"> <p><img src="https://assets.dolomite.it/pages/resource/resource-people-hq-full.jpg" class="img-responsive" alt=""></p> </div> </div> </div> </div> <div id="ttl-red-container04" class="jumbotron jumbotron-fluid mod-container-open bg-mountains space-before-60 space-after-60 ttl-red ttl-hidable"> <div class="container"> <div class="row"> <div id="" class="col-xs-12 col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2 text-center space-before-60 space-after-30 text-white" style="text-align: center;"> <h2>ITALIAN OUTDOOR GROUP</h2> <p>DOLOMITE aderisce con orgoglio e supporta la campagna social #Outdoor Italia, promossa dall'Italian Outdoor Group.</p> <p>A Iniziativa di solidarietà volta a sostenere tutte le attività e le persone che lavorano nel settore del turismo outdoor in Italia. Dalle guide alpine ai piccoli rifugi di montagna, DOLOMITE si impegna fortemente a dare voce e immagine a coloro che vivono e lavorano a diretto contatto con il mondo outdoor, promuovendo e supportando la pratica delle attività outdoor nel panorama italiano. Nessun secondo fine, nessuna autopromozione, solo il semplice ma incredibilmente significativo impegno di aiutare e sostenere le persone. DOLOMITE ha offerto il suo pieno supporto e i suoi canali di comunicazione alla causa, dando rilevanza e visibilità settimanale a coloro che sono l'essenza stessa dell'outdoor, coloro che, come DOLOMITE, vivono e respirano all'aria aperta.</p> </div> <div id="" class="col-xs-10 col-xs-offset-1 col-sm-8 col-sm-offset-2 col-md-6 col-md-offset-3 text-center" style="text-align: center;"> <p><img src="https://assets.dolomite.it/pages/resource/italian-outdoor-group.png" class="img-responsive center-block" alt=""></p> </div> <div id="" class="col-xs-12 col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2 text-center space-before-30 <p style="text-align: center;">Dalle maestose cime delle Tre Cime di Lavaredo alla valle dell'Alta Badia, DOLOMITE contribuisce a sostenere e promuovere le persone che lavorano nel settore turistico outdoor italiano nelle Dolomiti, come Activity Trentino o guide alpine come Nicola Tondini.</p> </div> </div> </div> </div> </rte-formatter> </div> </div> </div> </div> </div> </main> <footer> <!-- BEGIN sections: footer-group --> <div id="shopify-section-sections--28993167163774__section_cwUQpg" class="shopify-section shopify-section-group-footer-group section-wrapper"> <style data-shopify> .color-custom-sections--28993167163774__section_cwUQpg, .color-custom-sections--28993167163774__section_cwUQpg .text-block { /* Background */ --color-background: #1a345c; --color-background-rgb: 26 52 92; /* Opacity values adjusted for background brightness */ --opacity-5-15: 0.15; --opacity-10-25: 0.25; --opacity-35-55: 0.55; --opacity-40-60: 0.6; --opacity-30-60: 0.6; --opacity-60: 0.6; /* Foreground / text — explicit or smart-contrasted */ --color: var(--palette-lightest); --color-rgb: var(--palette-lightest-rgb); --color-foreground: var(--palette-lightest); --color-foreground-rgb: var(--palette-lightest-rgb); --color-foreground-muted: rgb(var(--palette-lightest-rgb) / var(--opacity-muted-text)); --color-foreground-subdued: rgb(var(--palette-lightest-rgb) / var(--opacity-subdued-text)); --color-border: var(--palette-lightest); --color-border-rgb: var(--palette-lightest-rgb); } .color-custom-sections--28993167163774__section_cwUQpg { /* Form-related tokens stay on .color-custom only — .text-block is a prose container (text/announcement/inline-text/blog-post-description/ collection-link/price/sku) and never holds form inputs. */ --input-disabled-background-color: rgb(var(--palette-lightest-rgb) / var(--opacity-10)); --input-disabled-border-color: rgb(var(--palette-lightest-rgb) / var(--opacity-5)); --input-disabled-text-color: rgb(var(--palette-lightest-rgb) / var(--opacity-50)); --checkbox-border: 1px solid rgb(var(--palette-lightest-rgb) / var(--opacity-35-55)); } .color-custom-sections--28993167163774__section_cwUQpg { color: var(--color, var(--color-foreground)); background-color: var(--color-background); } </style> <div class="section-background color-custom-sections--28993167163774__section_cwUQpg"></div> <div class="section section--page-width color-custom-sections--28993167163774__section_cwUQpg" data-testid="ui-test-section" style=" " > <div class="custom-section-background"> </div> <div class="border-style custom-section-content" style=" --border-width: 1px; --border-style: none; --border-color: rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; " > <div class=" spacing-style layout-panel-flex layout-panel-flex--column section-content-wrapper mobile-column " style=" --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; --gap: 16px; --horizontal-alignment: center; --vertical-alignment: center; --vertical-alignment-mobile: center; --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px)); " data-testid="section-content" > <rte-formatter class=" spacing-style text-block text-block--AQjFrRkoxVjFHL0JMa__text_FXM8aC rte text-block--align-center rte " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-normal); --text-align: center; "> <h2>Iscriviti alle nostre email</h2> </rte-formatter> <rte-formatter class=" spacing-style text-block text-block--ANm1lc0RPSUZ1WGZnZ__text_G3f44y paragraph text-block--align-center rte " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-normal); --text-align: center; "> <p>Scopri in anteprima le nuove collezioni e le offerte speciali.</p> </rte-formatter> <div class="email-signup-block size-style spacing-style" style=" --size-style-width:50%;--size-style-height: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; " > <form method="post" action="/it/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="email-signup__form spacing-style"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /> <div class="email-signup__input-group email-signup__input-group--integrated email-signup__input-group--arrow" style=" --border-width: 1px; --border-radius: 100px; --color-input-background: #ffffffc7; --color-input-text: #333333; --color-input-text-rgb: 51 51 51; --color-input-border: #dfdfdf; " > <label for="EmailInput-AbVQrTFg1T1lrV1RpU__email_signup_dyA9KJ" class="visually-hidden" > Email </label> <input id="EmailInput-AbVQrTFg1T1lrV1RpU__email_signup_dyA9KJ" class="email-signup__input email-signup__input--all paragraph " type="email" name="contact[email]" autocorrect="off" autocapitalize="off" autocomplete="email" placeholder="Indirizzo email" required > <button class="email-signup__button email-signup__button--integrated email-signup__button--arrow paragraph button-unstyled button-unstyled--AbVQrTFg1T1lrV1RpU__email_signup_dyA9KJ" aria-label="Iscriviti" > <svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true" class="email-signup__button-icon" > <path clip-rule="evenodd" d="m11.246 5.31759c.0322-.07821.0833-.14723.1486-.20093.0654-.0537.143-.09041.2259-.10686.083-.01645.1688-.01214.2497.01257.0808.0247.1544.06902.214.12902l4.104 4.104c.0478.04765.0857.10426.1115.16659.0259.06232.0392.12913.0392.19661 0 .06747-.0133.13429-.0392.19661-.0258.06233-.0637.11893-.1115.16659l-4.104 4.10401c-.0963.0963-.227.1504-.3632.1504s-.2669-.0541-.3632-.1504-.1504-.227-.1504-.3632.0541-.2669.1504-.3632l3.2288-3.2278h-11.0736c-.13606 0-.26654-.0541-.36275-.15027-.0962-.0962-.15025-.22669-.15025-.36274 0-.13606.05405-.26654.15025-.36275.09621-.0962.22669-.15025.36275-.15025h11.0736l-3.2288-3.2278c-.0721-.07178-.1212-.16335-.1411-.2631s-.0097-.20316.0293-.2971z" fill="currentColor" fill-rule="evenodd" /> </svg> </button> </div></form> </div> </div> </div> </div> </div><div id="shopify-section-sections--28993167163774__footer_m9NzUG" class="shopify-section shopify-section-group-footer-group section-wrapper"> <style data-shopify> .color-custom-sections--28993167163774__footer_m9NzUG, .color-custom-sections--28993167163774__footer_m9NzUG .text-block { /* Background */ --color-background: #1a345c; --color-background-rgb: 26 52 92; /* Opacity values adjusted for background brightness */ --opacity-5-15: 0.15; --opacity-10-25: 0.25; --opacity-35-55: 0.55; --opacity-40-60: 0.6; --opacity-30-60: 0.6; --opacity-60: 0.6; /* Foreground / text — explicit or smart-contrasted */ --color: var(--palette-lightest); --color-rgb: var(--palette-lightest-rgb); --color-foreground: var(--palette-lightest); --color-foreground-rgb: var(--palette-lightest-rgb); --color-foreground-muted: rgb(var(--palette-lightest-rgb) / var(--opacity-muted-text)); --color-foreground-subdued: rgb(var(--palette-lightest-rgb) / var(--opacity-subdued-text)); --color-border: var(--palette-lightest); --color-border-rgb: var(--palette-lightest-rgb); } .color-custom-sections--28993167163774__footer_m9NzUG { /* Form-related tokens stay on .color-custom only — .text-block is a prose container (text/announcement/inline-text/blog-post-description/ collection-link/price/sku) and never holds form inputs. */ --input-disabled-background-color: rgb(var(--palette-lightest-rgb) / var(--opacity-10)); --input-disabled-border-color: rgb(var(--palette-lightest-rgb) / var(--opacity-5)); --input-disabled-text-color: rgb(var(--palette-lightest-rgb) / var(--opacity-50)); --checkbox-border: 1px solid rgb(var(--palette-lightest-rgb) / var(--opacity-35-55)); } .color-custom-sections--28993167163774__footer_m9NzUG { color: var(--color, var(--color-foreground)); background-color: var(--color-background); } </style> <div class="section-background color-custom-sections--28993167163774__footer_m9NzUG" ></div> <div class="section section--page-width color-custom-sections--28993167163774__footer_m9NzUG" > <div class=" footer-content spacing-style " style=" --padding-block-start: max(20px, calc(var(--spacing-scale) * 30px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 30px)); --footer-gap: 20px; --grid-columns: 3; --last-row-count: 3; --tablet-last-row-count: 1; " > <accordion-custom class="menu" open-by-default-on-desktop open-by-default-on-mobile data-disable-on-desktop="true" data-disable-on-mobile="true" > <details class=" menu__details spacing-style " data-testid="menu-details" style=" --spacing--size: 12px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; " open > <summary class="menu__heading h4"> <span class="menu__heading__default">Collegamenti rapidi</span> <span class="menu__heading__accordion"> Collegamenti rapidi <span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </span> </summary> <nav class="details-content" > <ul class="list-unstyled"> <li class="menu__item paragraph"> <a href="/it/pages/guida-alle-taglie"> Guida alle taglie </a> </li> <li class="menu__item paragraph"> <a href="/it/pages/accordo-di-reso-e-cambio"> Accordo di reso e cambio </a> </li> <li class="menu__item paragraph"> <a href="/it/pages/accordo-di-spedizione-e-consegna"> Accordo di spedizione e consegna </a> </li> </ul> </nav> </details> </accordion-custom> <accordion-custom class="menu" open-by-default-on-desktop open-by-default-on-mobile data-disable-on-desktop="true" data-disable-on-mobile="true" > <details class=" menu__details spacing-style " data-testid="menu-details" style=" --spacing--size: 12px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; " open > <summary class="menu__heading h4"> <span class="menu__heading__default">Chi siamo</span> <span class="menu__heading__accordion"> Chi siamo <span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </span> </summary> <nav class="details-content" aria-label="Chi siamo" > <ul class="list-unstyled"> <li class="menu__item paragraph"> <a href="/it/pages/storia"> Storia </a> </li> <li class="menu__item paragraph"> <a href="/it/pages/sostenibilita"> Sostenibilità </a> </li> <li class="menu__item paragraph"> <a href="/it/pages/politica-sulla-riservatezza"> politica sulla riservatezza </a> </li> <li class="menu__item paragraph"> <a href="/it/pages/informazioni-legali-e-societarie"> Informazioni legali e aziendali </a> </li> </ul> </nav> </details> </accordion-custom> <accordion-custom class="menu" open-by-default-on-desktop open-by-default-on-mobile data-disable-on-desktop="true" data-disable-on-mobile="true" > <details class=" menu__details spacing-style " data-testid="menu-details" style=" --spacing--size: 12px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; " open > <summary class="menu__heading h4"> <span class="menu__heading__default">Servizi legali</span> <span class="menu__heading__accordion"> Servizi legali <span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </span> </summary> <nav class="details-content" aria-label="Servizi legali" > <ul class="list-unstyled"> <li class="menu__item paragraph"> <a href="/it/pages/storia"> Storia </a> </li> <li class="menu__item paragraph"> <a href="/it/pages/informazioni-legali-e-societarie"> Informazioni legali e aziendali </a> </li> </ul> </nav> </details> </accordion-custom> </div> </div> </div><div id="shopify-section-sections--28993167163774__footer_utilities_jLGE8U" class="shopify-section shopify-section-group-footer-group footer-utilities"> <style data-shopify> .color-custom-sections--28993167163774__footer_utilities_jLGE8U, .color-custom-sections--28993167163774__footer_utilities_jLGE8U .text-block { /* Background */ --color-background: #1A345C; --color-background-rgb: 26 52 92; /* Opacity values adjusted for background brightness */ --opacity-5-15: 0.15; --opacity-10-25: 0.25; --opacity-35-55: 0.55; --opacity-40-60: 0.6; --opacity-30-60: 0.6; --opacity-60: 0.6; /* Foreground / text — explicit or smart-contrasted */ --color: var(--palette-lightest); --color-rgb: var(--palette-lightest-rgb); --color-foreground: var(--palette-lightest); --color-foreground-rgb: var(--palette-lightest-rgb); --color-foreground-muted: rgb(var(--palette-lightest-rgb) / var(--opacity-muted-text)); --color-foreground-subdued: rgb(var(--palette-lightest-rgb) / var(--opacity-subdued-text)); --color-border: var(--palette-lightest); --color-border-rgb: var(--palette-lightest-rgb); } .color-custom-sections--28993167163774__footer_utilities_jLGE8U { /* Form-related tokens stay on .color-custom only — .text-block is a prose container (text/announcement/inline-text/blog-post-description/ collection-link/price/sku) and never holds form inputs. */ --input-disabled-background-color: rgb(var(--palette-lightest-rgb) / var(--opacity-10)); --input-disabled-border-color: rgb(var(--palette-lightest-rgb) / var(--opacity-5)); --input-disabled-text-color: rgb(var(--palette-lightest-rgb) / var(--opacity-50)); --checkbox-border: 1px solid rgb(var(--palette-lightest-rgb) / var(--opacity-35-55)); } .color-custom-sections--28993167163774__footer_utilities_jLGE8U { color: var(--color, var(--color-foreground)); background-color: var(--color-background); } </style> <div class="section-background color-custom-sections--28993167163774__footer_utilities_jLGE8U" ></div> <div class="section section--page-width color-custom-sections--28993167163774__footer_utilities_jLGE8U" > <div class="utilities utilities--blocks-1 spacing-style" style="--padding-block-start: 20px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px)); --border-width: 0px; --gap: 24px;" data-testid="footer-utilities" > <div class=" footer-utilities__group-copyright custom-typography custom-font-size " style=" --font-size: 0.75rem; --font-weight: ;--font-family: ; --text-transform: uppercase; --text-wrap: pretty; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-); " > <span class="footer-utilities__text"> © 2026 <a href="/it" title="">DOLOMITE</a></span> </div> </div> </div> </div> <!-- END sections: footer-group --> </footer> </div> <div id="shopify-section-cart-drawer-section" class="shopify-section" > <script type="module" src="//dolomite-shop.myshopify.com/cdn/shop/t/2/assets/cart-drawer.js?v=101430053943909765251786333983" fetchpriority="low" ></script> <theme-drawer id="cart-drawer" data-skip-node-update > <dialog ref="panel" class="theme-drawer__dialog color-custom-drawer" aria-labelledby="cart-drawer-heading" cart-summary-sticky="true" > <cart-drawer-component > <template id="empty-cart-template"> <div class="cart-drawer__content" aria-label="Carrello" > <h2 class="theme-drawer__title h4" id="cart-drawer-heading" > Il tuo carrello è vuoto </h2> <div class="cart-drawer__items"> <script src="//dolomite-shop.myshopify.com/cdn/shop/t/2/assets/component-cart-items.js?v=14476580701730542761786333983" type="module" fetchpriority="low" ></script> <script src="//dolomite-shop.myshopify.com/cdn/shop/t/2/assets/component-cart-quantity-selector.js?v=168493463479860323171786333983" type="module" fetchpriority="low" ></script> <script src="//dolomite-shop.myshopify.com/cdn/shop/t/2/assets/volume-pricing-info.js?v=94479640769665442661786333983" type="module" fetchpriority="low" ></script> <div class="cart-items__wrapper cart-items__wrapper--drawer-empty" data-cart-drawer-empty style="" > <p> Hai un account? <a href="https://dolomite-shop.myshopify.com/customer_authentication/redirect?locale=it®ion_country=IT">Accedi</a> per un check-out più veloce. </p><a class="button cart-items__empty-button" href="/it/collections/all" > <span class="button-text"> Continua gli acquisti </span> </a></div> </div> </div> </template> <div class="cart-drawer__inner cart-drawer--empty" data-hydration-key="cart-drawer-inner" ><div class="theme-drawer__header"> <button on:click="#cart-drawer/close" class="theme-drawer__close-button cart-drawer__close-button--empty" type="button" aria-label="Chiudi" > <span class="svg-wrapper"><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/> </svg> </span> </button> </div> <cart-items-component class="cart-items-component" data-drawer view-event-trigger="dialog" data-section-id="cart-drawer-section" view-event-payload="{"context":null,"cart":null}" > <div class="cart-drawer__content" aria-label="Carrello" > <h2 class="theme-drawer__title h4" id="cart-drawer-heading" > Il tuo carrello è vuoto </h2> <div class="cart-drawer__items"> <script src="//dolomite-shop.myshopify.com/cdn/shop/t/2/assets/component-cart-items.js?v=14476580701730542761786333983" type="module" fetchpriority="low" ></script> <script src="//dolomite-shop.myshopify.com/cdn/shop/t/2/assets/component-cart-quantity-selector.js?v=168493463479860323171786333983" type="module" fetchpriority="low" ></script> <script src="//dolomite-shop.myshopify.com/cdn/shop/t/2/assets/volume-pricing-info.js?v=94479640769665442661786333983" type="module" fetchpriority="low" ></script> <div class="cart-items__wrapper cart-items__wrapper--drawer-empty" data-cart-drawer-empty style="" > <p> Hai un account? <a href="https://dolomite-shop.myshopify.com/customer_authentication/redirect?locale=it®ion_country=IT">Accedi</a> per un check-out più veloce. </p><a class="button cart-items__empty-button" href="/it/collections/all" > <span class="button-text"> Continua gli acquisti </span> </a></div> </div> </div> </cart-items-component> </div> </cart-drawer-component> </dialog> </theme-drawer> </div> <script type="module" src="//dolomite-shop.myshopify.com/cdn/shop/t/2/assets/theme-drawer.js?v=155110645205299884131786333983" fetchpriority="low" ></script> <script> /* Runs synchronously during HTML parsing — opens the correct drawer on first paint if navigation state was saved, so it renders with the rest of the page. */ (function () { var drawerIds = (sessionStorage.getItem('theme-drawer-open') || '').split(',').filter(Boolean); if (!drawerIds.length) return; // Only restore on wide viewports (squeeze mode). On narrow viewports the // drawer is a modal overlay — let it start closed after navigation rather // than re-opening a fullscreen dialog the user may have left behind. if (!window.matchMedia('(min-width: 990px)').matches) return; var dialogs = []; for (var i = 0; i < drawerIds.length; i++) { var drawer = document.getElementById(drawerIds[i]); if (!drawer) continue; drawer.setAttribute('open', ''); // Set [open] directly so the CSS slide-in applies without triggering // the browser's dialog focusing steps — on wide viewports the drawer is // a sidebar, not a modal, so focus should stay where it is. // The instant class suppresses the slide-in transition for the initial restore. // Set --drawer-stack-order so z-index layering matches the original order. drawer.style.setProperty('--drawer-stack-order', String(i + 1)); var dialog = drawer.querySelector('dialog'); if (dialog) { dialog.setAttribute('open', ''); dialog.classList.add('theme-drawer__dialog-instant'); dialogs.push(dialog); } // Let each drawer type handle its own restore (e.g. shopify-chat mode). // Synchronous dispatch — listeners attached during earlier parsing run immediately. drawer.dispatchEvent(new CustomEvent('theme-drawer:restoring')); } // Apply squeeze immediately, bypassing the margin transition. // Only squeeze if at least one drawer was actually restored — saved // drawer IDs may not exist on every page (e.g. cart-drawer on /cart). var pageWrapper = document.querySelector('.page-wrapper'); if (pageWrapper && dialogs.length > 0) { pageWrapper.style.transition = 'none'; pageWrapper.classList.add('page-wrapper--drawer-open'); } // Re-enable transitions after one paint so the instant state is rendered first. requestAnimationFrame(function () { requestAnimationFrame(function () { if (pageWrapper) pageWrapper.style.transition = ''; for (var j = 0; j < dialogs.length; j++) { dialogs[j].classList.remove('theme-drawer__dialog-instant'); } }); }); })(); </script> <script type="module" > const pageWrapper = document.querySelector('.page-wrapper'); const squeezeQuery = window.matchMedia('(min-width: 990px)'); // ── Squeeze coordination ── // Listens to all drawers. Only squeezes on wide viewports. document.addEventListener('theme-drawer:open', () => { if (squeezeQuery.matches) { pageWrapper?.classList.add('page-wrapper--drawer-open'); } }); document.addEventListener('theme-drawer:close', () => { const openDrawer = document.querySelector('theme-drawer[open]'); if (!openDrawer) { pageWrapper?.classList.remove('page-wrapper--drawer-open'); } }); squeezeQuery.addEventListener('change', () => { const openDrawer = document.querySelector('theme-drawer[open]'); pageWrapper?.classList.toggle('page-wrapper--drawer-open', Boolean(openDrawer) && squeezeQuery.matches); }); // ── State persistence ── // Store open drawer IDs sorted by their visual stack order so // the restore script can recreate the same z-index layering. function persistDrawerState() { const openDrawers = Array.from(document.querySelectorAll('theme-drawer[open]:not([no-persist])')); if (!openDrawers.length) { sessionStorage.removeItem('theme-drawer-open'); return; } openDrawers.sort((a, b) => { const orderA = Number(a.style.getPropertyValue('--drawer-stack-order') || 0); const orderB = Number(b.style.getPropertyValue('--drawer-stack-order') || 0); return orderA - orderB; }); sessionStorage.setItem('theme-drawer-open', openDrawers.map((d) => d.id).join(',')); } document.addEventListener('theme-drawer:open', persistDrawerState); document.addEventListener('theme-drawer:close', persistDrawerState); </script> <script src="//dolomite-shop.myshopify.com/cdn/shop/t/2/assets/dialog.js?v=144816527575655702281786333983" type="module" ></script> <script src="//dolomite-shop.myshopify.com/cdn/shop/t/2/assets/predictive-search.js?v=162722252387887966571786333983" type="module" fetchpriority="low" ></script> <dialog-component id="search-modal" class="search-modal" > <dialog ref="dialog" on:click="/closeDialogOnClickOutside" on:keydown="/closeDialogOnEscapePress" class="search-modal__content dialog-modal" scroll-lock aria-labelledby="search-modal-heading" > <h2 id="search-modal-heading" class="visually-hidden" > Ricerca </h2> <predictive-search-component class="predictive-search color-custom-popover" style="--product-corner-radius: 0px; --card-corner-radius: 4px;" data-section-id="predictive-search" data-testid="search-component--modal" role="search" aria-label="Ricerca" > <form action="/it/search" method="get" role="search" class="predictive-search-form" ref="form" on:keydown="/onSearchKeyDown" > <div class="predictive-search-form__header" > <div class="predictive-search-form__header-inner"> <label for="cmdk-input" class="visually-hidden" >Ricerca</label> <input class="search-input" id="cmdk-input" type="search" name="q" role="combobox" aria-expanded="false" aria-owns="predictive-search-results" aria-controls="predictive-search-results" aria-haspopup="listbox" aria-autocomplete="list" autocomplete="off" placeholder="Ricerca" ref="searchInput" on:input="/search" on:keydown="/onSearchKeyDown" > <input name="options[prefix]" type="hidden" value="last" > <span class="svg-wrapper predictive-search__icon"> <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg> </span> <button type="button" class="button-unstyled predictive-search__reset-button" ref="resetButton" hidden on:click="/resetSearch" > Cancella </button> </div> <button type="button" class="button predictive-search__close-modal-button" aria-label="Chiudi finestra di dialogo" on:click="dialog-component/closeDialog" ref="closeModalButton" > <span class="svg-wrapper"> <svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/> </svg> </span> </button> </div> <div class="predictive-search-form__content-wrapper"> <div class="predictive-search-form__content" ref="predictiveSearchResults" on:click="/handleModalClick" > <div id="predictive-search-results" class="predictive-search-dropdown" role="listbox" aria-expanded="true" style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);" > <div class="predictive-search-results__inner"> <div id="predictive-search-products" class="predictive-search-results__products" data-testid="products-list-default--modal" > <h4 class="predictive-search-results__title"> Prodotti </h4> <ul class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled" > <li class="predictive-search-results__card predictive-search-results__card--product" ref="resultsItems[]" > <product-card-link class="resource-card__wrapper" data-product-id="16051176014206" data-featured-media-url="//dolomite-shop.myshopify.com/cdn/shop/files/DM_20260818153215_001.png?v=1787038379&width=500" data-product-transition="true" on:click="/handleViewTransition" view-event-payload="{"product":{"id":16051176014206,"title":"DOLOMITE 54 High Dust GTX","handle":"dolomite-54-high-dust-gtx","selectedVariant":null},"context":"search","selectedOptions":[]}" ><div class="resource-card" data-resource-type="product" > <a class="resource-card__link" href="/it/products/dolomite-54-high-dust-gtx" > <span class="visually-hidden"> DOLOMITE 54 High Dust GTX </span> </a> <div class="resource-card__media" style="--resource-card-aspect-ratio: 4 / 5;" ref="cardGallery" data-view-transition-to-main-product > <img src="//dolomite-shop.myshopify.com/cdn/shop/files/DM_20260818153215_001.png?v=1787038379&width=500" alt="" srcset="//dolomite-shop.myshopify.com/cdn/shop/files/DM_20260818153215_001.png?v=1787038379&width=240 240w, //dolomite-shop.myshopify.com/cdn/shop/files/DM_20260818153215_001.png?v=1787038379&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="imagesToTransition[]" style="object-position: 50.0% 50.0%;"> <img src="//dolomite-shop.myshopify.com/cdn/shop/files/DM_20260818153215_002.png?v=1787038380&width=500" alt="DOLOMITE 54 High Dust GTX" srcset="//dolomite-shop.myshopify.com/cdn/shop/files/DM_20260818153215_002.png?v=1787038380&width=240 240w, //dolomite-shop.myshopify.com/cdn/shop/files/DM_20260818153215_002.png?v=1787038380&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="imagesToTransition[]" data-media-id="71156104626558" style="object-position: 50.0% 50.0%;"> </div> <div class="resource-card__content"> <p class="resource-card__title paragraph">DOLOMITE 54 High Dust GTX</p> <div ref="priceContainer"> <div class=" price__regular price__hidden " > <span class="price">€123,00</span> </div> <div class=" price__sale " > <span class="price-item__group"> <span class="visually-hidden">Prezzo di listino </span> <span class="price-item--regular compare-at-price">€179,95</span> </span> <span class="price-item__group"> <span class="visually-hidden">Prezzo promozionale </span> <span class="price-item--sale price">€123,00</span> </span> </div> </div> </div> </div></product-card-link> </li> <li class="predictive-search-results__card predictive-search-results__card--product" ref="resultsItems[]" > <product-card-link class="resource-card__wrapper" data-product-id="16051187319166" data-featured-media-url="//dolomite-shop.myshopify.com/cdn/shop/files/DM_20260818153139_001.png?v=1787038763&width=500" data-product-transition="true" on:click="/handleViewTransition" view-event-payload="{"product":{"id":16051187319166,"title":"DOLOMITE 54 High Dust GTX","handle":"dolomite-54-high-dust-gtx-1","selectedVariant":null},"context":"search","selectedOptions":[]}" ><div class="resource-card" data-resource-type="product" > <a class="resource-card__link" href="/it/products/dolomite-54-high-dust-gtx-1" > <span class="visually-hidden"> DOLOMITE 54 High Dust GTX </span> </a> <div class="resource-card__media" style="--resource-card-aspect-ratio: 4 / 5;" ref="cardGallery" data-view-transition-to-main-product > <img src="//dolomite-shop.myshopify.com/cdn/shop/files/DM_20260818153139_001.png?v=1787038763&width=500" alt="" srcset="//dolomite-shop.myshopify.com/cdn/shop/files/DM_20260818153139_001.png?v=1787038763&width=240 240w, //dolomite-shop.myshopify.com/cdn/shop/files/DM_20260818153139_001.png?v=1787038763&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="imagesToTransition[]" style="object-position: 50.0% 50.0%;"> <img src="//dolomite-shop.myshopify.com/cdn/shop/files/DM_20260818153139_002.png?v=1787038763&width=500" alt="DOLOMITE 54 High Dust GTX" srcset="//dolomite-shop.myshopify.com/cdn/shop/files/DM_20260818153139_002.png?v=1787038763&width=240 240w, //dolomite-shop.myshopify.com/cdn/shop/files/DM_20260818153139_002.png?v=1787038763&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="imagesToTransition[]" data-media-id="71156142309758" style="object-position: 50.0% 50.0%;"> </div> <div class="resource-card__content"> <p class="resource-card__title paragraph">DOLOMITE 54 High Dust GTX</p> <div ref="priceContainer"> <div class=" price__regular price__hidden " > <span class="price">€123,00</span> </div> <div class=" price__sale " > <span class="price-item__group"> <span class="visually-hidden">Prezzo di listino </span> <span class="price-item--regular compare-at-price">€179,95</span> </span> <span class="price-item__group"> <span class="visually-hidden">Prezzo promozionale </span> <span class="price-item--sale price">€123,00</span> </span> </div> </div> </div> </div></product-card-link> </li> <li class="predictive-search-results__card predictive-search-results__card--product" ref="resultsItems[]" > <product-card-link class="resource-card__wrapper" data-product-id="16051188072830" data-featured-media-url="//dolomite-shop.myshopify.com/cdn/shop/files/DM_20260818153059_001.png?v=1787038834&width=500" data-product-transition="true" on:click="/handleViewTransition" view-event-payload="{"product":{"id":16051188072830,"title":"DOLOMITE 54 High Dust GTX","handle":"dolomite-54-high-dust-gtx-2","selectedVariant":null},"context":"search","selectedOptions":[]}" ><div class="resource-card" data-resource-type="product" > <a class="resource-card__link" href="/it/products/dolomite-54-high-dust-gtx-2" > <span class="visually-hidden"> DOLOMITE 54 High Dust GTX </span> </a> <div class="resource-card__media" style="--resource-card-aspect-ratio: 4 / 5;" ref="cardGallery" data-view-transition-to-main-product > <img src="//dolomite-shop.myshopify.com/cdn/shop/files/DM_20260818153059_001.png?v=1787038834&width=500" alt="" srcset="//dolomite-shop.myshopify.com/cdn/shop/files/DM_20260818153059_001.png?v=1787038834&width=240 240w, //dolomite-shop.myshopify.com/cdn/shop/files/DM_20260818153059_001.png?v=1787038834&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="imagesToTransition[]" style="object-position: 50.0% 50.0%;"> <img src="//dolomite-shop.myshopify.com/cdn/shop/files/DM_20260818153059_002.png?v=1787038834&width=500" alt="DOLOMITE 54 High Dust GTX" srcset="//dolomite-shop.myshopify.com/cdn/shop/files/DM_20260818153059_002.png?v=1787038834&width=240 240w, //dolomite-shop.myshopify.com/cdn/shop/files/DM_20260818153059_002.png?v=1787038834&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="imagesToTransition[]" data-media-id="71156153647486" style="object-position: 50.0% 50.0%;"> </div> <div class="resource-card__content"> <p class="resource-card__title paragraph">DOLOMITE 54 High Dust GTX</p> <div ref="priceContainer"> <div class=" price__regular price__hidden " > <span class="price">€123,00</span> </div> <div class=" price__sale " > <span class="price-item__group"> <span class="visually-hidden">Prezzo di listino </span> <span class="price-item--regular compare-at-price">€179,95</span> </span> <span class="price-item__group"> <span class="visually-hidden">Prezzo promozionale </span> <span class="price-item--sale price">€123,00</span> </span> </div> </div> </div> </div></product-card-link> </li> <li class="predictive-search-results__card predictive-search-results__card--product" ref="resultsItems[]" > <product-card-link class="resource-card__wrapper" data-product-id="16051189186942" data-featured-media-url="//dolomite-shop.myshopify.com/cdn/shop/files/DM_20260818152956_001.png?v=1787038901&width=500" data-product-transition="true" on:click="/handleViewTransition" view-event-payload="{"product":{"id":16051189186942,"title":"DOLOMITE 54 High Dust GTX","handle":"dolomite-54-high-dust-gtx-3","selectedVariant":null},"context":"search","selectedOptions":[]}" ><div class="resource-card" data-resource-type="product" > <a class="resource-card__link" href="/it/products/dolomite-54-high-dust-gtx-3" > <span class="visually-hidden"> DOLOMITE 54 High Dust GTX </span> </a> <div class="resource-card__media" style="--resource-card-aspect-ratio: 4 / 5;" ref="cardGallery" data-view-transition-to-main-product > <img src="//dolomite-shop.myshopify.com/cdn/shop/files/DM_20260818152956_001.png?v=1787038901&width=500" alt="" srcset="//dolomite-shop.myshopify.com/cdn/shop/files/DM_20260818152956_001.png?v=1787038901&width=240 240w, //dolomite-shop.myshopify.com/cdn/shop/files/DM_20260818152956_001.png?v=1787038901&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="imagesToTransition[]" style="object-position: 50.0% 50.0%;"> <img src="//dolomite-shop.myshopify.com/cdn/shop/files/DM_20260818152956_002.png?v=1787038900&width=500" alt="DOLOMITE 54 High Dust GTX" srcset="//dolomite-shop.myshopify.com/cdn/shop/files/DM_20260818152956_002.png?v=1787038900&width=240 240w, //dolomite-shop.myshopify.com/cdn/shop/files/DM_20260818152956_002.png?v=1787038900&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="imagesToTransition[]" data-media-id="71156161184126" style="object-position: 50.0% 50.0%;"> </div> <div class="resource-card__content"> <p class="resource-card__title paragraph">DOLOMITE 54 High Dust GTX</p> <div ref="priceContainer"> <div class=" price__regular price__hidden " > <span class="price">€123,00</span> </div> <div class=" price__sale " > <span class="price-item__group"> <span class="visually-hidden">Prezzo di listino </span> <span class="price-item--regular compare-at-price">€179,95</span> </span> <span class="price-item__group"> <span class="visually-hidden">Prezzo promozionale </span> <span class="price-item--sale price">€123,00</span> </span> </div> </div> </div> </div></product-card-link> </li> </ul> </div> </div> </div> </div> <div class="predictive-search-form__footer"> <button class="button predictive-search__search-button" ref="viewAllButton" > Visualizza tutto </button> </div> </div> </form> </predictive-search-component> </dialog> </dialog-component> <script src="//dolomite-shop.myshopify.com/cdn/shop/t/2/assets/gift-card-recipient-form.js?v=170482155849799299241786333983" type="module" fetchpriority="low" ></script> <quick-add-dialog id="quick-add-dialog"> <dialog class="quick-add-modal dialog-modal color-custom-popover" ref="dialog" scroll-lock > <button ref="closeButton" on:click="/closeDialog" class="button button-unstyled close-button quick-add-modal__close" aria-label="Chiudi finestra di dialogo" ><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/> </svg> </button> <product-component id="quick-add-modal-content" class="quick-add-modal__content" view-event-trigger="dialog" ></product-component> </dialog> </quick-add-dialog> <script src="//dolomite-shop.myshopify.com/cdn/shop/t/2/assets/tiny-img-link-preloader.js?v=161691863847448465861786333983" defer></script> <!-- 全局赠品防护：无主商品时自动清除赠品并弹窗提示 --> <script> (function () { let isCleaningCart = false; function shopifyRoot() { return (window.Shopify && Shopify.routes && Shopify.routes.root) || '/'; } // 🌟 创建并显示弹窗的函数 function showGiftAlert() { // 避免重复弹窗 if (document.getElementById('gift-alert-overlay')) return; // 创建遮罩层 const overlay = document.createElement('div'); overlay.id = 'gift-alert-overlay'; overlay.style.cssText = 'position:fixed; top:0; left:0; width:100vw; height:100vh; background:rgba(0,0,0,0.4); z-index:999999; display:flex; align-items:center; justify-content:center; opacity:0; transition:opacity 0.3s ease; backdrop-filter: blur(2px);'; // 创建弹窗主体 const modal = document.createElement('div'); modal.style.cssText = 'background:#fff; padding:30px 24px; border-radius:16px; box-shadow:0 20px 40px rgba(0,0,0,0.15); max-width:90%; width:340px; text-align:center; transform:translateY(20px); transition:transform 0.3s ease; box-sizing: border-box;'; // 警告图标 (SVG) const icon = document.createElement('div'); icon.innerHTML = '<svg style="width:48px;height:48px;color:#e32c2b;margin-bottom:16px;" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"></path></svg>'; // 提示文字 const text = document.createElement('p'); text.textContent = '免费赠品不单独出售，请搭配其它商品一起购买！'; text.style.cssText = 'margin:0 0 24px; font-size:16px; color:#111; line-height:1.5; font-weight:600; letter-spacing:-0.01em;'; // 确认按钮 const btn = document.createElement('button'); btn.textContent = '我知道了'; btn.style.cssText = 'appearance:none; background:#111; color:#fff; border:none; padding:12px 24px; border-radius:8px; font-size:14px; cursor:pointer; font-weight:700; width:100%; transition:transform 0.1s, opacity 0.2s;'; btn.onmouseover = () => btn.style.opacity = '0.85'; btn.onmouseout = () => btn.style.opacity = '1'; btn.onmousedown = () => btn.style.transform = 'scale(0.98)'; btn.onmouseup = () => btn.style.transform = 'scale(1)'; // 组装弹窗 modal.appendChild(icon); modal.appendChild(text); modal.appendChild(btn); overlay.appendChild(modal); document.body.appendChild(overlay); // 触发动画 void overlay.offsetWidth; overlay.style.opacity = '1'; modal.style.transform = 'translateY(0)'; // 关闭逻辑 function closeAlert() { overlay.style.opacity = '0'; modal.style.transform = 'translateY(20px)'; setTimeout(() => overlay.remove(), 300); } btn.onclick = closeAlert; overlay.onclick = (e) => { if (e.target === overlay) closeAlert(); }; } async function getCart() { const res = await fetch(shopifyRoot() + 'cart.js', { credentials: 'same-origin', headers: { Accept: 'application/json' } }); if (!res.ok) throw new Error('Cart fetch failed'); return res.json(); } async function validateCartGifts() { if (isCleaningCart) return; try { const cart = await getCart(); if (!cart || !Array.isArray(cart.items) || cart.items.length === 0) return; const giftItems = []; let regularItemCount = 0; cart.items.forEach(function (item) { const isGift = item.properties && (item.properties._gift === 'true' || item.properties._gift === true); if (isGift) { giftItems.push(item); } else { regularItemCount += item.quantity; } }); // 当常规商品为 0 且存在赠品时，触发弹窗并清除赠品 if (regularItemCount === 0 && giftItems.length > 0) { isCleaningCart = true; // 1. 调用弹窗 showGiftAlert(); // 2. 清空赠品 const updates = {}; giftItems.forEach(function (item) { updates[item.key || item.variant_id] = 0; }); const updateRes = await fetch(shopifyRoot() + 'cart/update.js', { method: 'POST', credentials: 'same-origin', headers: { 'Content-Type': 'application/json', Accept: 'application/json' }, body: JSON.stringify({ updates }) }); const updatedCart = await updateRes.json(); // 3. 触发 Horizon 主题购物车抽屉与角标刷新 document.dispatchEvent( new CustomEvent('cart:update', { bubbles: true, detail: { data: { itemCount: updatedCart.item_count, source: 'gift-auto-clean' } } }) ); } } catch (e) { console.error('[Gift Validation Error]', e); } finally { isCleaningCart = false; } } // 监听全站购物车更新事件 document.addEventListener('cart:update', function (e) { const source = e.detail?.data?.source || e.detail?.source; if (source === 'gift-auto-clean') return; setTimeout(validateCartGifts, 200); }); document.addEventListener('shopify:cart:lines-update', function () { setTimeout(validateCartGifts, 200); }); // 页面初次加载时执行自检 if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', validateCartGifts); } else { validateCartGifts(); } })(); </script> <div id="shopify-block-AY2Y4TEtaQ2FVOEVpU__3806842522224694177" class="shopify-block shopify-app-block"> <style id="esw_additionalSettings"></style> <script> (function () { const settings = window?.EazySwatchesConfig?.crmSettings?.settings; if (settings) { if (settings.js) eval(settings.js); const styleEl = document.getElementById('esw_additionalSettings'); if (styleEl && settings.css) styleEl.innerHTML = settings.css; } })(); console.log('Eazy swatches v1.0.0'); </script> </div></body> </html>
