Eternal Welker Rotar y macchina 3,2 mmBlack

Codice prodotto: 750108BK

Disponibilità: Esaurito

Welker 3,2 mm Rotar y

Maggiori dettagli

DETTAGLI Dettagli sulla consegna RECENSIONI

</ iframe> </ span> </ p> <P> <span style = "font-family: Arial, sans-serif; color: # 000000;"> <span style = "font-size: small;"> The Eternal Welker 3,2 millimetri Rotary è una precisione artigianale tatuaggio rotativo macchina di & nbsp; </ span> </ span> <span style = "color: # 000000;">. La macchina è composta da velivoli classifica 6061 aluminimumm e acciaio inox 304, con parti in plastica assolutamente nessuna. I cuscinetti sono realizzati in acciaio inox 440. </ Span> </ p> <P> <span style = "color: # 000000;"> Il 3,2 millimetri Welker è p <span style = "font-family: Arial, sans-serif; font-size: small;"> owered dalla parte superiore della linea tedesca fatto Faulhaber DC micro-motore con 2,6 Watt di potenza di uscita e 9900 rpm di velocità a vuoto @ 12 Volt. Macchina funzionerà approssimativamente 125cps @ 12 volt e rilasciare circa 14 cps a riduzione 1 volt di potenza a pieno carico con aghi in lavoro la tela </ span> </ span> & nbsp;. </ P> <P> <span style = "color: # 000000;"> Needle serrature ritenzione testamentaria al carico ago a sinistra ea destra per facilitare. La quantità di pre-bend proposta all'ago determina tensione. Il sistema di ritenzione può essere utilizzato in posizione caricata (tensione) quando si utilizza un tipo t-tech adapter per punte degli aghi intercambiabili come la ruota di guida del sistema di ritenzione guida dell'ago lungo il centro del tubo. </ Span> </ p> <P> <span style = "font-size: small; font-family: Arial, sans-serif; color: # 000000;"> Noi incoraggiamo queste macchine da eseguire ad una velocità pari a rivestimento bobina e le macchine dello shader. range ottimale di funzionamento & nbsp; è compreso tra 9,5 e 10,5 volt volt per ombreggiatura e 10.5volts a 12 volt per il rivestimento. </ span> </ p> <P> <span style = "color: # 000000;"> <span style = "font-family: Arial, sans-serif;"> <span style = "font-size: small;"> Abbiamo scoperto che artisti tendono a iniziare a tensioni inferiori a causa di precedenti esperienze con macchine rotative. Una volta che cominciano a diventare aqainted con questo tipo di macchina che naturalmente iniziano a muoversi verso normali velocità operative che le macchine di bobina sono sintonizzati per. </ Span> </ span> </ span> </ p> <Ul> <Li> <span style = "color: # 000000;">. Connessione di alimentazione RCA (collegamento del cavo di clip non consigliato e invalida la garanzia se si utilizza un allegato) </ span> </ li> <Li> <span style = "color: # 000000;">. Albero motore guidato in avanti e scivola all'indietro & nbsp; </ span> </ li> <Li> <span style = "color: # 000000;"> Viene in 3,2 millimetri (.125 & rdquo;) </ span> </ li> <Li> <span style = "color: # 000000;"> è disponibile in nero </ span> </ li> <Li> <span style = "color: # 000000;"> Pesa 120g (4,25 once) </ span> </ li> <Li> <span style = "color: # 000000;">. Prodotto in casa di macchine Welker una divisione di Eternal Ink Inc </ span> </ li> <Li> <span style = "color: # 000000;">. Sistema di azionamento Patent Pending tecnico </ span> </ li> </ Ul> <P> <span style = "color: # 000000;"> <span style = "font-family: Arial, sans-serif;"> <span style = "font-size: small;"> <br /> < / span> </ span> </ span> </ p></div> </div> <div class="alpine-tab-content tab-panel w-full" :class="{ 'active': activeTab === 1 }" x-show.transition.in.opacity.duration.600="activeTab === 1"> <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><p><strong>Consegna pacchi standard</strong></p> <p><strong>La consegna standard in Italia impiega normalmente dai 3 ai 5 giorni lavorativi se la tua posizione non viene classificata come rurale.</strong></p> <p><strong>Consegna il giorno successivo</strong></p> <p><strong>La consegna per il giorno successivo </strong>è disponibile per tutti gli ordini ed è gratuita per tutti gli ordini inseriti con valore superiore ai 200,00€</p> <p>Ogni ordine consegnato in Italia con valore inferiore ai 200,00€ avrà spese di spedizione standard di 9,99€.</p> <p>La consegna per il giorno successivo è disponibile per gli ordini con valore inferiore ai 200,00€ e costa 9,99€.</p> <p><strong>Visita la nostra pagina </strong><a href="https://www.barberdts.com/it/panoramica-sulle-spedizioni/">Consegne in Italia</a>.</p> <p><strong>Tutti gli ordini inseriti prima delle ore 20:00 dal Luned</strong>ì al Venerdì saranno inviati il giorno stesso a meno che non si verifichino fattori esterni, al di fuori del nostro controllo*. Gli ordini ricevuti di Sabato e Domenica o in pubbliche festività saranno processati ed inviati il giorno lavorativo successivo.</p> <p><strong>Consegna in Europa & Resto del Mondo</strong>.</p> <p>Tutte le spedizioni Europee consegnate da UPS e inserite prima delle 20:00 <strong>dal Luned</strong>ì al Venerdì saranno processate ed inviate il giorno stesso a meno che non si verifichino fattori esterni, al di fuori del nostro controllo*.</p> <p><strong>Consegna standard Europea</strong></p> <p><strong>La consegna standard Europea nei </strong>Paesi Bassi, Francia, Belgio, Austria e Germania impiega normalmente da 2 a 3 giorni lavorativi.</p> <p>È disponibile anche la consegna europea per il giorno successivo. Consulta le opzioni di consegna al momento del checkout.</p> <p><strong>Consegna per il giorno successivo in </strong><strong>Danimarca, Svezia, Polonia e Norvegia</strong></p> <p>La consegna per il giorno successivo è disponibile anche in questi paesi con importo nella valuta equivalente per il valore dell'ordine.</p> <p>Alcuni altri fattori per quanto concerne il peso si applicano per la Polonia e la Norvegia</p> <p>Consulta le opzioni di consegna al momento del checkout per questi paesi.</p> <p><strong>Consegna per resto del mondo</strong></p> <p>La consegna al di fuori dei paesi elencati in precedenza varia a seconda del peso e della destinazione, ma se hai bisogno di una quotazione esatta, consulta le opzioni di consegna al checkout.</p> <h3>Altre informazioni importanti</h3> <p><strong>Pagamenti doganali</strong></p> <p>I prodotti consegnati a determinate destinazioni, soprattutto all'esterno dell'UE, possono essere soggetti a tasse, canoni, contributi o altri oneri, imposti dalla legislazione locale.</p> <p>Il destinatario del prodotto è responsabile di queste tasse, compresi i dazi all'importazione ei dazi doganali che sono generalmente richiesti dal vettore, Inserendo un ordine si acconsente a questi, come termini e condizioni principali.</p> <p><strong>Lice</strong><strong>nze</strong></p> <p>Alcuni paesi richiedono ai destinatari delle nostre merci di possedere le licenze pertinenti.</p> <p>Questo è a responsabilità del destinatario:assicurarsi di avere tutte le necessarie pratiche per ricevere la propria spedizione.</p> <p>Nel caso in cui il destinatario non sia in grado di fornire i documenti richiesti alle autorità locali per rilasciare l'ordine, nessun rimborso verrà elaborato.</p> <p><strong>Prodotti speciali</strong></p> <p>Ci sono un piccolo numero di prodotti speciali che non abbiamo in magazzino e ordiniamo dal produttore nel momento in cui inseriamo il tuo ordine. Ciò è dovuto a processi specifici del produttore. I prodotti speciali che passano attraverso questo processo sono evidenziati sul nostro sito all'interno della descrizione dei singoli prodotti.</p> <p><strong>Termini di restituzione</strong></p> <p>Barber DTS offre una politica completa per le merci indesiderate o danneggiate. Per ulteriori informazioni, visitate la nostra pagina <a href="https://www.barberdts.com/it/restituzioni/">termini di restituzione</a> per maggiori dettagli.</p> <p><strong>Fattori esterni oltre il nostro controllo</strong></p> <p>Si prega di notare che a volte a causa di fattori di consegna esterni, al di fuori del nostro controllo, La consegna per il giorno successivo non può essere garantita al 100%.</p> <p><strong>Sostanze pericolose</strong></p> <p>Tutti gli ordini contenenti sostanze soggette a restrizioni o pericolose sono soggette a disposizioni aggiuntive per le operazioni di trasporto o per le autorità dell'aviazione civile che possono causare una giornata di ritardo in spedizione e consegna.<strong> </strong></p> <p><strong>Opzioni di consegna esclusivamente a pagamento</strong></p> <p>Se il tuo ordine è inferiore a 25 euro (senza IVA) ma supera i 2 chilogrammi di peso imballato, il tuo ordine deve essere inviato tramite UPS a un costo aggiuntivo a causa delle restrizioni della posta standard.</p> <p><strong>Spedizione ordini in ritardo</strong></p> <p>A volte ci possono essere fattori aggiuntivi, il che significa che il tuo ordine richiede controlli e amministrazione aggiuntivi prima di essere rilasciato.</p> <p>In alcuni casi questo può causare un lieve ritardo alla spedizione. Tutti gli ordini contenentiprodotti soggetti a restrizioni, per esempio, necessitano di un controllo aggiuntivo prima del rilascio.</p> <p><strong>Firma alla consegna</strong></p> <p>Tutti i colli inviati tramite il nostro corriere principale dovranno essere firmati e possono essere consegnati in qualsiasi momento tra le 8.30 e le 18.00. Le consegne in un orario predefinito e le consegne di sabato possono essere disponibili a un costo aggiuntivo.</p></div> </div> <div class="alpine-tab-content tab-panel w-full" :class="{ 'active': activeTab === 2 }" x-show.transition.in.opacity.duration.600="activeTab === 2"> <div class="">  <div class="trustpilot-widget" data-locale="it-IT" data-template-id="5763bccae0a06d08e809ecbb" data-businessunit-id="5f2194b2703639000186222a" data-style-height="350px" data-style-width="100%" data-theme="light" data-sku="750108BK" data-name="Eternal Welker Rotar y macchina 3,2 mmBlack " data-review-languages="it" data-star-color="#00b67a" data-no-reviews="" data-fullwidth="true"> <a href="https://www.trustpilot.com/review/barberdts.com" target="_blank" rel="noopener">Trustpilot</a> </div>  </div> </div> </div> </div> <div class="newsletter m-auto text-center border-t p-6 md:px-0 pt-16 pb-0"> <form class="form subscribe md:w-2/3 lg:w-1/2 m-auto" action="https://www.barberdts.com/it/newsletter/subscriber/new/" method="post" x-data="initNewsletterForm()" @submit.prevent="submitForm()" id="newsletter-validate-detail"> <div class="news-wrapper mb-3 text-gray-900 title-font"> <h3 class="text-lg font-bold uppercase md:text-22 color-black mb-3 md\:mb-6">ISCRIVITI PER RICEVERE NOTIZIE DA NOI</h3> <p class="font-lato-reg text-sm mb-6">Scoprite per primi i nostri ultimi lanci di prodotti, le promozioni e le novita'</p> </div> <div class="news-form-wrapper flex flex-wrap justify-center gap-2 mb-6 md:justify-start md:flex-nowrap"> <label for="newsletter-subscribe" class="sr-only"> Enter email address </label> <input name="email" type="email" required id="newsletter-subscribe" class="form-input inline-flex md:flex-1 w-full font-lato-reg text-sm text-center mb-4 md:mb-0" placeholder="Inserisci il tuo indirizzo email"> <input name="form_key" type="hidden" value="x4weKRVZ2a72Cqib" /> <button class="inline-flex m-auto sm:ml-4 xl:mt-0 btn ghost-button transition duration-300 ease-in-out"> <span class="inline hover:zoom transition duration-150 ease-in-out origin-top-left-center md:ml-0 lg:ml-2 lg:inline"> Iscriviti </span> </button> </div> <div> <template x-if="displayErrorMessage"> <p class="flex items-center text-red"> <span class="inline-block w-8 h-8 mr-3"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" viewBox="0 0 24 24" width="24" height="24" role="img"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4m0 4h.01M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/><title>exclamation-circle</title></svg> </span> <template x-for="errorMessage in errorMessages"> <span x-html="errorMessage"></span> </template> </p> </template> </div> </form> <div class="w-full"> </div> <script> function initNewsletterForm() { return { errors: 0, hasCaptchaToken: 0, displayErrorMessage: false, errorMessages: [], setErrorMessages(messages) { this.errorMessages = [messages] this.displayErrorMessage = this.errorMessages.length }, submitForm() { // Do not rename $form, the variable is expected to be declared in the recaptcha output const $form = document.querySelector('#newsletter-validate-detail'); if (this.errors === 0) { $form.submit(); } } } } </script> </div> </div></div></main><div class="page-bottom"><div class="content"> </div> <div id="magewire-loader" x-data="magewireLoader()" x-spread="loader()" x-bind="loader()" role="status" aria-live="polite" > <div class="fixed top-0 left-0 right-0 bottom-0 w-full h-screen overflow-hidden bg-white bg-opacity-90" x-spread="overlay()" x-bind="overlay()" x-cloak x-transition:enter="transition duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" > <div class="flex flex-col justify-center items-center h-screen w-full space-y-6"> <div class="w-9 h-9"> <svg class="animate-spin w-full h-full" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" > <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="shadow-md" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </div> </div> </div> <div id="magewire-loader-notifications" x-data="magewireLoaderNotifications({ messageHideTimeout: 2500 })" x-init="initialize()" x-spread="notifications()" x-bind="notifications()" > <div class="magewire.messenger z-50 w-full fixed top-0 right-0 md:max-w-xs"> <div class="space-y-6 flex flex-col space-y-3 px-3 md:flex-col-reverse"> <template x-for="(message, index, messages) in messageList()" x-bind:key="index"> <div role="button" aria-busy="true" aria-label="off" class="magewire.notification.message relative" x-bind:class="{ 'sync-input' : message.update.type === 'syncInput', 'call-method': message.update.type === 'callMethod', 'fire-event' : message.update.type === 'fireEvent', 'message-failure': message.success === false, 'message-success': message.success === true }" x-transition:leave="transition ease-in duration-600" x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-80" x-show="message.active" x-on:click.once="message.active = false" > <div class="relative w-full rounded-md border border-gray-300 bg-white bg-opacity-75 backdrop-blur-sm bg-blur py-3 px-5 md:py-4 md:pl-6 md:pr-4 shadow-lg md:max-w-sm" x-bind:class="{ 'border-red-600 bg-red-100': message.success === false }" > <div class="flex text-left text-sm space-x-0.5 text-gray-900"> <div class="flex-grow w-0 space-y-1"> <template x-for="(title, position, loaders) in message.loader" :key="position"> <p class="hyphens-auto leading-tight" x-text="title" x-bind:class="{ 'font-bold': (position <= 1 && loaders.length >= 3) || (position == 0 && loaders.length >= 1), 'text-gray-400 uppercase': position === 0 && loaders.length > 2, 'text-red-800': message.success === false }" >  </p> </template> </div> <div class="flex-none w-5 h-5 right-3 top-0 bottom-0 m-auto md:right-5 mt-0.5" > <div class="relative"> <div class="absolute" x-show="message.loading" x-transition:leave="transition ease-in duration-600" x-transition:leave-start="scale-100" x-transition:leave-end="scale-0" > <svg class="animate-spin w-full h-full" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" > <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="shadow-md" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </div> <svg class="w-full h-full text-green-700 stroke-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x-show="message.success === true" x-transition:enter="transition ease-in duration-200" x-transition:enter-start="scale-0" x-transition:enter-end="scale-100" > <path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5"></path> </svg> <svg class="w-full h-full text-red-700 stroke-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x-show="message.success === false" x-transition:enter="transition ease-in duration-200" x-transition:enter-start="scale-0" x-transition:enter-end="scale-100" > <path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z"></path> </svg> </div> </div> </div> </div> </div> </template> </div> </div> </div> <script> function magewireLoaderNotifications(config = {}) { return { messages: [], config: Object.assign({ messageHideTimeout: 2500 }, config), initialize() { document.addEventListener('magewire:loader:start', (event) => { if (event.detail) { this.messageCreate(event.detail); } }) document.addEventListener('magewire:loader:tick', (event) => { if (event.detail) { this.messageCreate(event.detail); } }) document.addEventListener('magewire:loader:stop', (event) => { if (this.messages.length === 0 || (! event.detail.component && ! event.detail.component.id && event.detail.loader)) { return; } for (let message in this.messages) { if (event.detail.loader && this.messages[message].key == event.detail.loader.key) { return this.messageDeactivate(message, event.failure || false); } } }) }, messageCreate(item) { this.messages.push( Object.assign({}, item, { active : true, loader : item.loader, loading: true, success: null, timeout: this.config.messageHideTimeout }) ); }, messageDeactivate(index, failure = false) { let message = this.messages[index] || false; if (message === false) { return console.error('Magewire: Could not deactivate the notification message.'); } if (failure) { message.timeout += 5000; } message.loading = false; message.success = ! failure; setTimeout(() => message.active = false, message.timeout) }, messageList() { return this.messages.filter(message => message.loader.length); }, notifications() { return {}; }, messenger() { return {}; } }; } </script> </div> <script> function magewireLoader() { return { active: false, loader() { return { ['x-on:magewire:loader:start.window']() { this.active = true }, ['x-on:magewire:loader:done.window']() { this.active = false }, ['x-bind:class']() { return { 'z-50 relative': this.active }; } }; }, overlay() { return { ['x-show']() { return this.active; } }; } }; } </script> </div><footer class="page-footer"><div class="footer content"> <div class="text-gray-700 bg-footer md:bg-container-darker border-container-darker pt-2 pb-2"> <div class="ignore-div" data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><img class="md:hide-desktop mx-auto" src="https://www.barberdts.com/it/media//wysiwyg/paymenticons2022-mobile-foot-nodb.png" alt="Cards" style="width: 300px;" /> <img class="hide-mobile md:hide-mobile mx-auto" src="https://www.barberdts.com/it/media//wysiwyg/paymenticons2022-nodb.png" alt="Cards" style="width: 562px;"/> </div></div> <div class="body-font bg-footer md:bg-container-darker border-t border-white lg:border-container border-container-darker shadow pb-16"> <div class="footer-top flex flex-col justify-between lg:flex-row lg:container"> <div class="trustpilot-widget flex lg:flex-1 lg:justify-start p-4 pb-2 mt-4 md:mt-2 lg:px-0 lg:ml-minus1" data-locale="it-IT" data-template-id="5419b732fbfb950b10de65e5" data-businessunit-id="5f2194b2703639000186222a" data-style-height="24px" data-style-width="100%" data-theme="light" data-font-family="Montserrat"> <a href="https://www.trustpilot.com/review/barberdts.com" target="_blank" rel="noopener">Trustpilot</a> </div> <div class="phone_title lg:flex-1 flex-columns-wrapper items-center sm:justify-center lg:flex-col pt-2 px-4 lg:px-0 lg:pb-0 lg:ml-minus1"> <p class="call font-termina font-medium text-right text-black tracking-wider lg:text-lg mb-0 md:mr-4 lg:m-0">CONTATTACI</p> <p class="number font-termina text-right text-black font-extrabold tracking-wider lg:text-lg mb-0"><a href="tel: +39 06 9480 1161"> +39 06 9480 1161</a></p> </div> <div class="social-top flex lg:flex-1 justify-center lg:justify-end p-4 pt-6 lg:pr-0 lg:px-0 mb-4"> <a href="https://www.instagram.com/barber_dts/" target="_blank" rel="noopener"><svg xmlns="http://www.w3.org/2000/svg" id="Group_1" data-name="Group 1" width="24" height="24" viewBox="0 0 24.258 24.258" class="w-6 h-6" role="img"> <path id="Path_501" data-name="Path 501" d="M1054.144,2201.685c3.239,0,3.622.012,4.9.071a6.7,6.7,0,0,1,2.252.418,4.015,4.015,0,0,1,2.3,2.3,6.7,6.7,0,0,1,.417,2.252c.058,1.279.071,1.662.071,4.9s-.013,3.622-.071,4.9a6.7,6.7,0,0,1-.417,2.252,4.017,4.017,0,0,1-2.3,2.3,6.691,6.691,0,0,1-2.252.418c-1.279.058-1.662.071-4.9.071s-3.622-.012-4.9-.071a6.7,6.7,0,0,1-2.252-.418,4.019,4.019,0,0,1-2.3-2.3,6.719,6.719,0,0,1-.418-2.252c-.058-1.279-.07-1.662-.07-4.9s.012-3.622.07-4.9a6.719,6.719,0,0,1,.418-2.252,4.018,4.018,0,0,1,2.3-2.3,6.705,6.705,0,0,1,2.252-.418c1.279-.058,1.663-.071,4.9-.071m0-2.185c-3.294,0-3.707.014-5,.073a8.916,8.916,0,0,0-2.945.563,6.2,6.2,0,0,0-3.546,3.548,8.883,8.883,0,0,0-.564,2.944c-.059,1.294-.074,1.707-.074,5s.015,3.706.074,5a8.883,8.883,0,0,0,.564,2.944,6.2,6.2,0,0,0,3.546,3.548,8.9,8.9,0,0,0,2.945.563c1.293.06,1.706.073,5,.073s3.708-.013,5-.073a8.9,8.9,0,0,0,2.944-.563,6.2,6.2,0,0,0,3.547-3.548,8.9,8.9,0,0,0,.564-2.944c.059-1.295.073-1.707.073-5s-.014-3.707-.073-5a8.9,8.9,0,0,0-.564-2.944,6.2,6.2,0,0,0-3.547-3.548,8.911,8.911,0,0,0-2.944-.563c-1.293-.059-1.707-.073-5-.073" transform="translate(-1042.015 -2199.5)"/> <path id="Path_502" data-name="Path 502" d="M1054.324,2205.581a6.228,6.228,0,1,0,6.229,6.229,6.229,6.229,0,0,0-6.229-6.229m0,10.271a4.043,4.043,0,1,1,4.043-4.043,4.043,4.043,0,0,1-4.043,4.043" transform="translate(-1042.196 -2199.68)"/> <path id="Path_503" data-name="Path 503" d="M1062.6,2205.282a1.455,1.455,0,1,1-1.455-1.456,1.455,1.455,0,0,1,1.455,1.456" transform="translate(-1042.54 -2199.628)"/> <title>instagram</title></svg> </a> <a class="ml-4" href="https://www.facebook.com/BarberDTS/" target="_blank" rel="noopener"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 12.596 24.258" class="w-6 h-6" role="img"> <path id="Path_1" data-name="Path 1" d="M1103.248,2212.693l.556-4.313h-4.271v-2.753c0-1.249.348-2.1,2.139-2.1h2.282v-3.857a30.5,30.5,0,0,0-3.327-.17c-3.293,0-5.545,2.01-5.545,5.7v3.18h-3.724v4.313h3.724v11.064h4.451v-11.064Z" transform="translate(-1091.358 -2199.5)"/> <title>facebook</title></svg> </a> <a class="ml-4" href="https://www.youtube.com/@BarberDTSTattooSupplies" target="_blank" rel="noopener"><svg xmlns="http://www.w3.org/2000/svg" id="Group_1" data-name="Group 1" width="24" height="24" viewBox="0 0 24.258 24.258" class="w-6 h-6" role="img"> <g id="Group_1531" data-name="Group 1531" transform="translate(0 0)"> <path id="Path_708" data-name="Path 708" d="M393.371-227.307h1.516a1.351,1.351,0,0,0,.182.039,11.549,11.549,0,0,1,5.267,1.675,11.972,11.972,0,0,1,5.735,8.325c.082.44.125.888.186,1.332v1.516c-.019.155-.041.311-.058.467a11.925,11.925,0,0,1-2.66,6.417,11.939,11.939,0,0,1-7.3,4.3c-.448.082-.9.126-1.354.188h-1.516c-.3-.036-.593-.068-.888-.11a11.893,11.893,0,0,1-5.994-2.607,11.947,11.947,0,0,1-4.3-7.3c-.081-.448-.127-.9-.189-1.355v-1.516c.019-.155.04-.311.057-.466a11.941,11.941,0,0,1,2.966-6.778,11.884,11.884,0,0,1,7.04-3.944C392.5-227.2,392.935-227.247,393.371-227.307Zm.8,17.487c1.714-.081,3.426-.145,5.135-.249a2.049,2.049,0,0,0,2.207-2.035,20.96,20.96,0,0,0,.173-4.016,22,22,0,0,0-.274-2.584,1.774,1.774,0,0,0-1.545-1.493,7.447,7.447,0,0,0-1.126-.138c-1.735-.059-3.471-.148-5.207-.133-1.647.014-3.3.118-4.94.232a1.806,1.806,0,0,0-1.759,1.606,24.733,24.733,0,0,0-.269,2.918,16.789,16.789,0,0,0,.272,4.054,1.833,1.833,0,0,0,1.5,1.493,4.269,4.269,0,0,0,.726.1C390.764-209.978,392.467-209.9,394.17-209.82Z" transform="translate(-382 227.307)"/> <path id="Path_709" data-name="Path 709" d="M610.224-16.9l-3.94,2.268v-4.535Z" transform="translate(-595.659 29.029)"/> </g> <title>youtube</title></svg> </a> <a class="ml-4" href="https://www.tiktok.com/@barber_dts" target="_blank" rel="noopener"><svg xmlns="http://www.w3.org/2000/svg" id="Group_1" data-name="Group 1" width="24" height="24" viewBox="0 0 21.307 24.258" class="w-6 h-6" role="img"> <g id="Group_1534" data-name="Group 1534" transform="translate(0 0)"> <path id="Path_711" data-name="Path 711" d="M477.782-137.792c-.538-.079-1.084-.123-1.613-.243a7.516,7.516,0,0,1-5.7-6.319,7.512,7.512,0,0,1,6.291-8.37,6.97,6.97,0,0,1,2.368-.006v3.987c-.21-.039-.408-.084-.607-.113a3.579,3.579,0,0,0-4.061,2.982,3.6,3.6,0,0,0,3.092,4.109,3.615,3.615,0,0,0,4.052-3.671c-.022-2.877,0-5.755,0-8.633q0-3.83,0-7.66v-.321h3.924c.058.408.093.816.175,1.215a6.1,6.1,0,0,0,5.712,4.827c.241.008.3.072.3.309-.013,1.122-.006,2.245-.006,3.368v.271a9.711,9.711,0,0,1-3.239-.525,10.2,10.2,0,0,1-2.905-1.55c0,.134,0,.217,0,.3q.012,4.2.025,8.4a7.268,7.268,0,0,1-1.231,4.21,7.476,7.476,0,0,1-5.849,3.4c-.085.007-.17.026-.255.04Z" transform="translate(-470.41 162.05)"/> </g> <title>tiktok</title></svg> </a> </div> <div class="get-app md:flex justify-center items-center text-center lg:hide-desktop-flex"> <h4 class="text-termina font-extrabold uppercase text-black">Scarica l'applicazione</h4> <div class=" flex justify-between items-center px-8"> <a class="w-40 md:mr-4" href="https://apps.apple.com/gb/app/barber-dts-tattoo-supplies/id6443899609" target="_blank"><img src="https://www.barberdts.com/it/static/version1713820785/frontend/Hyva/barberdts/it_IT/images/apple-appstore-badge.png"></a> <a class="w-40" href="https://play.google.com/store/apps/details?id=com.nexuseu.barberdts" target="_blank"><img src="https://www.barberdts.com/it/static/version1713820785/frontend/Hyva/barberdts/it_IT/images/google-play-badge.png"></a> </div> </div> </div> <div class="container md:py-8 mt-8 mx-auto"> <div class="flex flex-wrap lg:flex-nowrap md:justify-between order-first gap-y-8 md:gap-y-16"> <div class="w-full flex flex-wrap lg:hide-desktop"> <div class="w-full grid grid-cols-1 lg:grid-cols-3 gap-8 xl:col-span-2"> <div class="ignore-div" data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><div x-data="{ open: false }"> <h4 class="flex justify-between text-xs color-black leading-5 font-semibold tracking-wider uppercase border-b pb-4" @click="open = !open">Servizio Clienti <span x-show="! open"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewbox="0 0 20 20" class="w-6 h-6" width="12" height="12" role="img"><path fill-rule="evenodd" d="M10 5a1 1 0 0 1 1 1v3h3a1 1 0 1 1 0 2h-3v3a1 1 0 1 1-2 0v-3H6a1 1 0 1 1 0-2h3V6a1 1 0 0 1 1-1Z" clip-rule="evenodd"></path><title>heroicons/solid/plus-sm</title></svg> </span><span x-show="open"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewbox="0 0 20 20" class="w-6 h-6" width="12" height="12" role="img"><path fill-rule="evenodd" d="M5 10a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2H6a1 1 0 0 1-1-1Z" clip-rule="evenodd"></path><title>heroicons/solid/minus-sm</title></svg> </span></h4> <ul class="mt-2" :class="{ 'hidden': !open , 'block': open }"> <li class="mt-2"><a href='https://www.barberdts.com/it/contattaci' class="text-xs font-lato-reg color-black uppercase tracking-wider leading-5">Contattaci</a></li> <li class="mt-2"><a href='https://www.barberdts.com/it/panoramica-sulle-spedizioni' class="text-xs font-lato-reg color-black uppercase tracking-wider leading-5">Opzioni Sulla Consegna</a></li> <li class="mt-2"><a href='https://www.barberdts.com/it/restituzioni' class="text-xs font-lato-reg color-black uppercase tracking-wider leading-5">Restituzione della merce</a></li> <li class="mt-2"><a href='https://www.barberdts.com/it/scarica-l-applicazione-barber-dts-tattoo-supplies' class="text-xs font-lato-reg color-black uppercase tracking-wider leading-5">Barber DTS App</a></li> <li class="mt-2"><a href='https://www.barberdts.com/it/invita-un-amico' class="text-xs font-lato-reg color-black uppercase tracking-wider leading-5">Invita un Amico</a></li> <li class="mt-2"><a href='https://www.barberdts.com/it/richiesta-di-rimozione-dell-account' class="text-xs font-lato-reg color-black uppercase tracking-wider leading-5">Richiesta di rimozione dell'account</a></li> </ul> </div> <div style="margin-top: -0.75rem;" x-data="{open:false}"> <h4 class="flex justify-between text-xs color-black leading-5 font-semibold tracking-wider uppercase" @click="open = !open" :class="{ 'border-0 pb-0': open, 'border-b pb-4': !open }">L'azienda <span x-show="! open"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewbox="0 0 20 20" class="w-6 h-6" width="12" height="12" role="img"><path fill-rule="evenodd" d="M10 5a1 1 0 0 1 1 1v3h3a1 1 0 1 1 0 2h-3v3a1 1 0 1 1-2 0v-3H6a1 1 0 1 1 0-2h3V6a1 1 0 0 1 1-1Z" clip-rule="evenodd"></path><title>heroicons/solid/plus-sm</title></svg> </span><span x-show="open"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewbox="0 0 20 20" class="w-6 h-6" width="12" height="12" role="img"><path fill-rule="evenodd" d="M5 10a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2H6a1 1 0 0 1-1-1Z" clip-rule="evenodd"></path><title>heroicons/solid/minus-sm</title></svg> </span></h4> <ul class="mt-2" :class="{ 'hidden': !open , 'block': open }"> <li class="mt-2"><a href='https://www.barberdts.com/it/pro-team' class="text-xs font-lato-reg color-black uppercase tracking-wider leading-5">Pro Team</a></li> <li class="mt-2"><a href='https://www.barberdts.com/it/amblog/' class="text-xs font-lato-reg color-black uppercase tracking-wider leading-5">Ultime Notizie</a></li> <li class="mt-2"><a href='https://www.barberdts.com/it/su-di-noi' class="text-xs font-lato-reg color-black uppercase tracking-wider leading-5">Chi siamo</a></li> <li class="mt-2"><a href='https://www.barberdts.com/it/termini-sulla-privacy' class="text-xs font-lato-reg color-black uppercase tracking-wider leading-5"> Sicurezza & Privacy</a></li> <li class="mt-2"><a href='https://www.barberdts.com/it/termini' class="text-xs font-lato-reg color-black uppercase tracking-wider leading-5">Termini e condizioni</a></li> <li class="mt-2"><a href='https://www.barberdts.com/it/cookies' class="text-xs font-lato-reg color-black uppercase tracking-wider leading-5">Cookies</a></li> </ul> </div> <div class="xl:flex md:flex-row md:justify-between xl:min-width390 xxl:min-width440" style="margin-top: -0.75rem;"> <div class="mb-4" x-data="{open:false}"> <h4 class="flex justify-between text-xs color-black leading-5 font-semibold tracking-wider uppercase" @click="open = !open" :class="{ 'border-0 pb-0': open, 'border-b pb-4': !open }">Siamo qui per Aiutarti <span x-show="! open"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewbox="0 0 20 20" class="w-6 h-6" width="12" height="12" role="img"><path fill-rule="evenodd" d="M10 5a1 1 0 0 1 1 1v3h3a1 1 0 1 1 0 2h-3v3a1 1 0 1 1-2 0v-3H6a1 1 0 1 1 0-2h3V6a1 1 0 0 1 1-1Z" clip-rule="evenodd"></path><title>heroicons/solid/plus-sm</title></svg> </span><span x-show="open"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewbox="0 0 20 20" class="w-6 h-6" width="12" height="12" role="img"><path fill-rule="evenodd" d="M5 10a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2H6a1 1 0 0 1-1-1Z" clip-rule="evenodd"></path><title>heroicons/solid/minus-sm</title></svg> </span></h4> <ul class="mt-2" :class="{ 'hidden': !open , 'block': open }"> <li class="mt-2"><a href='https://www.barberdts.com/it/area-consigli/it/' class="text-xs font-lato-reg color-black uppercase tracking-wider leading-5">Area Consigli</a></li> <li class="mt-2"><a href='https://www.barberdts.com/it/lista-convention' class="text-xs font-lato-reg color-black uppercase tracking-wider leading-5">Elenco delle convenzioni</a></li> </ul> </div> <div x-data="{open:false}"> <h4 class="flex justify-between text-xs color-black leading-5 font-semibold tracking-wider uppercase" @click="open = !open" :class="{ 'border-0 pb-0': open, 'border-b pb-4': !open }">Marchi Associati <span x-show="! open"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewbox="0 0 20 20" class="w-6 h-6" width="12" height="12" role="img"><path fill-rule="evenodd" d="M10 5a1 1 0 0 1 1 1v3h3a1 1 0 1 1 0 2h-3v3a1 1 0 1 1-2 0v-3H6a1 1 0 1 1 0-2h3V6a1 1 0 0 1 1-1Z" clip-rule="evenodd"></path><title>heroicons/solid/plus-sm</title></svg> </span><span x-show="open"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewbox="0 0 20 20" class="w-6 h-6" width="12" height="12" role="img"><path fill-rule="evenodd" d="M5 10a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2H6a1 1 0 0 1-1-1Z" clip-rule="evenodd"></path><title>heroicons/solid/minus-sm</title></svg> </span></h4> <ul class="mt-2" :class="{ 'hidden': !open , 'block': open }"> <li class="mt-2"><a title="TATSoul Tattoo Supplies – USA Tattoo Furniture, Needles and Cartridges Partner" href="https://www.tatsoul.com/supplies" target="_blank" class="text-xs font-lato-reg color-black uppercase tracking-wider leading-5">TATSoul Tattoo Supply</a></li> <li class="mt-2"><a title="Critical Tattoo – Tattoo Power Supply and Tattoo Machines Partner" href="https://www.criticaltattoo.com" target="_blank" class="text-xs font-lato-reg color-black uppercase tracking-wider leading-5">Critical Tattoo</a></li> <li class="mt-2"><a title="Eternal Ink – Ink Partner" href="https://eternaltattooink.com/" target="_blank" class="text-xs font-lato-reg color-black uppercase tracking-wider leading-5">Eternal Ink</a></li> <li class="mt-2"><a title="Bishop Rotary – Tattoo Power Supply and Tattoo Machines Partner" href="https://bishoptattoosupply.com/" target="_blank" class="text-xs font-lato-reg color-black uppercase tracking-wider leading-5">Bishop Rotary</a></li> <li class="mt-2"><a title="Kingpin Tattoo Supply – USA Tattoo Supply Partner" href="https://kingpintattoosupply.com" target="_blank" class="text-xs font-lato-reg color-black uppercase tracking-wider leading-5">Kingpin Tattoo Supply</a></li> </ul> </div> </div></div> </div> </div> <div class="md:w-2/3 w-full flex flex-wrap pr-4 hide-mobile lg:hide-mobile-flex lg:pr-0"> <div class="w-full"> <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><div class="md:max-11" style="margin-right: 2.3rem;"> <h4 class="text-xs color-black leading-5 font-semibold tracking-wider uppercase">Servizio Clienti</h4> <ul> <li class="mt-2"><a href='https://www.barberdts.com/it/contattaci' class="text-xs font-lato-reg color-black uppercase tracking-wider leading-5">Contattaci</a></li> <li class="mt-2"><a href='https://www.barberdts.com/it/panoramica-sulle-spedizioni' class="text-xs font-lato-reg color-black uppercase tracking-wider leading-5">Opzioni Sulla Consegna</a></li> <li class="mt-2"><a href='https://www.barberdts.com/it/restituzioni' class="text-xs font-lato-reg color-black uppercase tracking-wider leading-5">Restituzione della merce</a></li> <li class="mt-2"><a href='https://www.barberdts.com/it/klarna-it' class="text-xs font-lato-reg color-black uppercase tracking-wider leading-5">Klarna</a></li> <li class="mt-2"><a href='https://www.barberdts.com/it/scarica-l-applicazione-barber-dts-tattoo-supplies' class="text-xs font-lato-reg color-black uppercase tracking-wider leading-5">Barber DTS App</a></li> <li class="mt-2"><a href='https://www.barberdts.com/it/invita-un-amico' class="text-xs font-lato-reg color-black uppercase tracking-wider leading-5">Invita un Amico</a></li> <li class="mt-2"><a href='https://www.barberdts.com/it/richiesta-di-rimozione-dell-account' class="text-xs font-lato-reg color-black uppercase tracking-wider leading-5">Richiesta di rimozione dell'account</a></li> </ul> </div> <div class="md:max-11"> <h4 class="text-xs color-black leading-5 font-semibold tracking-wider uppercase">L'azienda</h4> <ul> <li class="mt-2"><a href='https://www.barberdts.com/it/pro-team' class="text-xs font-lato-reg color-black uppercase tracking-wider leading-5">Pro Team</a></li> <li class="mt-2"><a href='https://www.barberdts.com/it/amblog/' class="text-xs font-lato-reg color-black uppercase tracking-wider leading-5">Ultime Notizie</a></li> <li class="mt-2"><a href='https://www.barberdts.com/it/su-di-noi' class="text-xs font-lato-reg color-black uppercase tracking-wider leading-5">Chi siamo</a></li> <li class="mt-2"><a href='https://www.barberdts.com/it/termini-sulla-privacy' class="text-xs font-lato-reg color-black uppercase tracking-wider leading-5"> Sicurezza & Privacy</a></li> <li class="mt-2"><a href='https://www.barberdts.com/it/termini' class="text-xs font-lato-reg color-black uppercase tracking-wider leading-5">Termini e condizioni</a></li> <li class="mt-2"><a href='https://www.barberdts.com/it/cookies' class="text-xs font-lato-reg color-black uppercase tracking-wider leading-5">Cookies</a></li> </ul> </div> <div class="xl:flex md:flex-row md:justify-between"> <div class="w-44 mb-4"> <h4 class="text-xs color-black leading-5 font-semibold tracking-wider uppercase">Siamo qui per Aiutarti</h4> <ul :class="{ 'hidden': !open , 'block': open }"> <li class="mt-2"><a href='https://www.barberdts.com/it/area-consigli/it/' class="text-xs font-lato-reg color-black uppercase tracking-wider leading-5">Area Consigli</a></li> <li class="mt-2"><a href='https://www.barberdts.com/it/lista-convention' class="text-xs font-lato-reg color-black uppercase tracking-wider leading-5">Elenco delle convenzioni</a></li> </ul> </div> <div class="w-44"> <h4 class="text-xs color-black leading-5 font-semibold tracking-wider uppercase">Marchi Associati</h4> <ul> <li class="mt-1"><a title="TATSoul Tattoo Supplies – USA Tattoo Furniture, Needles and Cartridges Partner" href="https://www.tatsoul.com/supplies" target="_blank" class="text-xs font-lato-reg color-black uppercase tracking-wider leading-5">TATSoul Tattoo Supply</a></li> <li class="mt-1"><a title="Critical Tattoo – Tattoo Power Supply and Tattoo Machines Partner" href="https://www.criticaltattoo.com" target="_blank" class="text-xs font-lato-reg color-black uppercase tracking-wider leading-5">Critical Tattoo</a></li> <li class="mt-1"><a title="Eternal Ink – Ink Partner" href="https://eternaltattooink.com/" class="text-xs font-lato-reg color-black uppercase tracking-wider leading-5">Eternal Ink</a></li> <li class="mt-1"><a title="Bishop Rotary – Tattoo Power Supply and Tattoo Machines Partner" href="https://bishoptattoosupply.com/" target="_blank" class="text-xs font-lato-reg color-black uppercase tracking-wider leading-5">Bishop Rotary</a></li> <li class="mt-1"><a title="Kingpin Tattoo Supply – USA Tattoo Supply Partner" href="https://kingpintattoosupply.com" target="_blank" class="text-xs font-lato-reg color-black uppercase tracking-wider leading-5">Kingpin Tattoo Supply</a></li> </ul> </div> </div> <style> .hide-mobile div[data-content-type="html"] { display: flex; justify-content: space-between; } </style></div> </div> </div> <div class="flex justify-center w-full flex-row lg:justify-between lg:items-start lg:width30p"> <div class="get-app flex-col text-left hide-mobile lg:hide-mobile-flex lg:flex-1"> <h4 class="text-termina font-extrabold uppercase text-black md:text-xs">Scarica l'applicazione</h4> <div class=" flex flex-col"> <a class="w-40" href="https://apps.apple.com/gb/app/barber-dts-tattoo-supplies/id6443899609" target="_blank"><img src="https://www.barberdts.com/it/static/version1713820785/frontend/Hyva/barberdts/it_IT/images/apple-appstore-badge.png"></a> <a class="w-40" href="https://play.google.com/store/apps/details?id=com.nexuseu.barberdts" target="_blank"><img src="https://www.barberdts.com/it/static/version1713820785/frontend/Hyva/barberdts/it_IT/images/google-play-badge.png"></a> </div> </div> <div class="footer-logo lg:flex lg:flex-1 lg:justify-end lg:ml-8"> <img src="https://www.barberdts.com/it/static/version1713820785/frontend/Hyva/barberdts/it_IT/images/barber-dts-logo-footer.svg" alt="Barber DTS" /> </div> </div> </div> </div> <div> <div class="container py-6 mx-auto flex items-center sm:flex-row flex-col"> <a href="https://hyva.io" class="flex title-font font-medium items-center md:justify-start justify-center text-gray-900"> <span class="ml-3 text-xl"></span> </a> <div class="ignore-div" data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><div class="m-auto font-lato-reg text-xs color-black text-center leading-6"> <p style="margin-bottom: 0.25rem;">Barber DTS, Unit 25 Shortwood Court, Shortwood Business Park, Dearne Valley Parkway, Barnsley. S74 9LH</p><p style="margin-bottom: 0.25rem;">Registrato nel Regno Unito</p><p>Copyright © 2024 Barber DTS. Tutti i diritti riservati.</p> </div></div> </div> </div> </div> </div></footer><span style="display:none;"> <span id="klevu_sessionId"></span> <span id="klevu_loginCustomerGroup"></span> <span id="klevu_loginCustomerEmail"></span> <span id="klevu_shopperIP"></span> </span> <script> var updateKlevuSessionDataElementsFromLocalStorage = function() { var klevuLocalStorage = JSON.parse(window.localStorage.getItem( 'klv_mage' ) || '{}'); var klevuMagentoCustomerDataKey = 'customerData'; var klevuLocalStorageCustomerData = klevuLocalStorage.hasOwnProperty(klevuMagentoCustomerDataKey) ? klevuLocalStorage[klevuMagentoCustomerDataKey] : {}; document.getElementById('klevu_sessionId').innerText = klevuLocalStorageCustomerData.hasOwnProperty('session_id') ? klevuLocalStorageCustomerData.session_id : ''; document.getElementById('klevu_loginCustomerGroup').innerText = klevuLocalStorageCustomerData.hasOwnProperty('customer_group_id') ? klevuLocalStorageCustomerData.customer_group_id : ''; document.getElementById('klevu_loginCustomerEmail').innerText = klevuLocalStorageCustomerData.hasOwnProperty('id_code') ? klevuLocalStorageCustomerData.id_code : ''; document.getElementById('klevu_shopperIP').innerText = klevuLocalStorageCustomerData.hasOwnProperty('shopper_ip') ? klevuLocalStorageCustomerData.shopper_ip : ''; } updateKlevuSessionDataElementsFromLocalStorage(); document.addEventListener( 'klevu.customerData.loaded', updateKlevuSessionDataElementsFromLocalStorage ); </script> <script data-ommit="true"> document.addEventListener("DOMContentLoaded", () => { let bind = () => { Object.entries( { addToCart: event => { AEC.add(event.currentTarget, dataLayer); }, removeFromCart:event => { AEC.remove(event.currentTarget, dataLayer); }, productClick:event => { AEC.click(event.currentTarget, dataLayer); }, addToWishlist:event => { AEC.wishlist(event.currentTarget, dataLayer); }, addToCompare:event => { AEC.compare(event.currentTarget, dataLayer); }, addToCartSwatch:event => { AEC.addSwatch(event.currentTarget, dataLayer); } }).forEach(([event, callback]) => { [...document.querySelectorAll('[data-event]:not([data-bound])')].filter(element => { return element.dataset.event === event; }).forEach(element => { element.addEventListener('click', callback); element.dataset.bound = true; }); }); }; bind(); if("PerformanceObserver" in window) { const observer = new PerformanceObserver((items) => { items.getEntries().filter(({ initiatorType }) => initiatorType === "xmlhttprequest").forEach((entry) => { bind(); }); }); observer.observe( { entryTypes: ["resource"] }); } }); </script><script data-ommit="true"> document.addEventListener("DOMContentLoaded", () => { var PromotionTrack = ((dataLayer) => { return { apply: () => { var promotions = [], position = 0; document.querySelectorAll('[data-promotion]').forEach(promotion => { let entity = { id: promotion.dataset.promotionId, name: promotion.dataset.promotionName, creative: promotion.dataset.promotionCreative, position: promotion.dataset.promotionPosition }; AEC.EventDispatcher.trigger('ec.cookie.promotion.entity', entity, { element: promotion }); promotions.push(entity); promotion.addEventListener('click', (event) => { var data = { 'event': 'promotionClick', 'ecommerce': { 'promoClick': { 'promotions': [ { 'id': event.target.dataset.promotionId, 'name': event.target.dataset.promotionName, 'creative': event.target.dataset.promotionCreative, 'position': event.target.dataset.promotionPosition } ] } } }; AEC.Cookie.promotionClick(data, promotion).push(dataLayer); /** * Save persistent data */ AEC.Persist.push(AEC.Persist.CONST_KEY_PROMOTION, { 'promotion':data.ecommerce.promoClick.promotions[0] }); }); }); if (promotions.length) { AEC.Cookie.promotion( { 'event':'promoViewNonInteractive', 'ecommerce': { 'promoView': { 'promotions': promotions } } }).push(dataLayer); } return this; } } })(dataLayer).apply(); }); </script><script data-ommit="true"> document.addEventListener("DOMContentLoaded", () => { (() => { let map = {}, trace = {}; document.querySelectorAll('[data-widget]').forEach((element) => { let widget = element.dataset.widget; var twodec = element.dataset.price; twodec = (Math.round(twodec*100)/100).toFixed(2); let entity = { id: element.dataset.id, name: element.dataset.name, category: element.dataset.category, brand: element.dataset.brand, list: element.dataset.list, price: parseFloat(twodec), position: parseFloat(element.dataset.position) }; let attributes = element.dataset.attributes; if (attributes) { Object.entries(JSON.parse(attributes)).forEach(([key, value]) => { entity[key] = value; }); } if (!map.hasOwnProperty(widget)) { map[widget] = []; map[widget].trace = {}; map[widget].entry = []; } if (!map[widget].trace.hasOwnProperty(element.dataset.id)) { map[widget].trace[element.dataset.id] = true; map[widget].entry.push(entity); } }); Object.entries(map).forEach(([key, value]) => { if (value.entry.length) { let data = { event: 'widgetViewNonInteractive', ecommerce: { actionField: { list: value.entry.find(Boolean).list, currency: "EUR" }, impressions: value.entry } }; if ('undefined' !== typeof dataLayer) { (function(callback) { if (AEC.Const.COOKIE_DIRECTIVE) { AEC.CookieConsent.queue(callback).process(); } else { callback.apply(window,[]); } }) ( (function(dataLayer, data) { return function() { AEC.EventDispatcher.trigger('ec.widget.view.data', data); dataLayer.push(data); } })(dataLayer, data) ); } } }); })(); }); </script> <script data-ommit="true"> if (typeof dataLayer !== "undefined") { AEC.Request.get(AEC.url('datalayer/index/events'), {}, response => { Object.entries(response.events).forEach(([key, event]) => { dataLayer.push(event); }); }); AEC.EventDispatcher.on('ec.facebook.loaded', () => { }); for (a = 0, b = EC.length; a < b; a++) { EC[a].apply(this,[dataLayer]); EC[a].apply(this,[dataLayerTransport]); } if (window.google_tag_params) { (function(callback) { if (AEC.Const.COOKIE_DIRECTIVE) { if (!AEC.Const.COOKIE_DIRECTIVE_CONSENT_GRANTED) { AEC.CookieConsent.queue(callback); } else { callback.apply(window,[]); } } else { callback.apply(window,[]); } }) ( (function(dataLayer) { return () => { AEC.Cookie.remarketing({ event:'fireRemarketingTag', google_tag_params: window.google_tag_params }).push(dataLayer); } })(dataLayer) ); } } else { console.log('dataLayer[] is not intialized. Check if GTM is installed properly'); } </script> <script> //Placeholders (function() { function setPlaceholderHtml (placeholderId, html) { const $placeholder = document.querySelector('[data-banner-placeholder="' + placeholderId + '"]'); if ($placeholder) { let scriptContent = retriveScript(html); if (scriptContent) { html = html.replace(scriptContent, ''); } $placeholder.innerHTML = html; if (scriptContent) { scriptContent = scriptContent.replace(/<script([^>]*)>/m, '').replace('</scr' + 'ipt>', ''); let scriptElement = document.createElement('script'); scriptElement.innerHTML = scriptContent; if(scriptContent.indexOf('new Swiper') > 0) { scriptElement.type = 'module'; } document.querySelector('body').appendChild(scriptElement); } $placeholder.dispatchEvent(new Event("contentUpdated")); } } function getParamStr(placeholderIds){ let params = JSON.parse('{"page_type":"catalog_product_view","product_id":"34972","category_id":null,"uri":"https:\/\/www.barberdts.com\/it\/eternal-welker-rotary-machine-3-2mm-black.html"}'); params.placeholder_id = placeholderIds; if (placeholderIds.length === 0) { return; } let paramArray = []; for (let key in params) { if (params.hasOwnProperty(key)) { paramArray.push(key + '=' + encodeURIComponent(params[key])); } } return paramArray.join('&'); } function retriveScript (html) { const scriptBeginTag = '<script'; const scriptEndTag = '</scr' + 'ipt>'; const scriptStartPos = html.indexOf(scriptBeginTag); const scriptEndPos = html.indexOf(scriptEndTag) + 9; if (scriptStartPos >= 0 && scriptEndPos >= 0) { return html.slice(scriptStartPos, scriptEndPos) } return ''; } let placeholderIds = []; const placeholders = document.querySelectorAll('[data-banner-placeholder]'); for (let placeholder of placeholders) { const id = placeholder.dataset.bannerPlaceholder if (!placeholder.dataset.loaded || placeholder.dataset.loaded !=1) { placeholderIds.push(id); } } let paramStr = getParamStr(placeholderIds); let myRequest = 'https://www.barberdts.com/it/mst_banner/placeholder/loader/?isAjax=1&' + paramStr + '&uniq=' + Math.random(); fetch(myRequest) .then(response => response.json()) .then(data => { for (const placeholder of data.placeholders) { setPlaceholderHtml(placeholder.placeholder_id, placeholder.html); } }) .catch(console.error); })(); //Analytics (function() { let analyticsConfig = JSON.parse('{"url":"https:\/\/www.barberdts.com\/it\/mst_banner\/banner\/track\/","params":{"uri":"\/it\/eternal-welker-rotary-machine-3-2mm-black.html"}}'); let pushedBannerAnalytics = {}; var analytics = { init: function () { setInterval(function () { const banners = document.querySelectorAll('[data-banner]'); for (let banner of banners){ var id = banner.dataset.banner; if (this.isVisible(banner)) { this.push(id); } } }.bind(this), 1000); }, isVisible: function ($el) { if ($el.style.display === 'none' || $el.style.visibility === 'hidden') { return false; } var rect = $el.getBoundingClientRect(); return ( rect.top >= 0 && rect.left >= 0 && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && rect.right <= (window.innerWidth || document.documentElement.clientWidth) ); }, push: function (bannerID) { if (pushedBannerAnalytics[bannerID] === true) { return; } pushedBannerAnalytics[bannerID] = true; let request = new XMLHttpRequest(), data = new FormData(); data.append('banner_id', bannerID); data.append('action', 'impression'); data.append('referrer', analyticsConfig.params.uri); data.append('form_key', hyva.getFormKey()); request.open('POST', analyticsConfig.url, true); request.send(data); } }; analytics.init();} )() </script> <script type="text/javascript"> // add in cms template var klevu_current_version = '3.4.2'; var allInputs = document.getElementsByTagName( 'input' ); (function () { // Remove Magento event observers from the search box // Redirect to klevu js page for( i = 0, len = allInputs.length; i < len; i++ ){ if( allInputs[i].type === "text" || allInputs[i].type === "search" ){ if( allInputs[i].name === "q" || allInputs[i].id === "search" ){ var search_input = allInputs[i]; search_input.form.action='https://www.barberdts.com/it/search/' ;//?q="+search_input.value; } } } })(); var klevu_storeLandingPageUrl = 'https://www.barberdts.com/it/search/'; var klevu_showQuickSearchOnEnter=false; // call store js var klevu_apiKey = 'klevu-158440294759111729', searchTextBoxName = 'search', klevu_lang = 'it', klevu_result_top_margin = '', klevu_result_left_margin = ''; (function () { var ws = document.createElement('script'),kl_protocol =("https:"===document.location.protocol?"https://":"http://"); ws.type = 'text/javascript'; ws.async = true; ws.src = kl_protocol+'js.klevu.com/klevu-js-v1/js/klevu-webstore.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ws, s); })(); </script> <script type="text/javascript"> if (typeof klevu_baseCurrencyCode === "undefined") { var klevu_baseCurrencyCode = "EUR"; } if (typeof klevu_currentCurrencyCode === "undefined") { var klevu_currentCurrencyCode = "EUR"; } klevu_pubIsInUse = true ; if(!(typeof klevu_uc_productCustomizations === "function" && typeof klevu_uc_productCustomizations.nodeType !== "number")) { function klevu_uc_productCustomizations( product ){ if(klevu_pubIsInUse){ product.productImage = product.productImage.replace( 'pub/', ''); product.productImage = product.productImage.replace( 'needtochange/', ''); } else { product.productImage = product.productImage.replace( 'needtochange/', 'pub/'); } if ('undefined' !== typeof klevuMagentoCustomerGroupFlag && klevuMagentoCustomerGroupFlag == false) { product.productPrice = '0'; product.startPrice = '0'; product.toPrice = '0'; product.salePrice = '0'; } return product; } } </script><script type="text/javascript"> var klevu_cms_module_enabled=true; </script> <script type="text/javascript"> // Enable CMS for klevu template var klevu_cmsSearchEnabled = false; </script> <script type="text/javascript" async> var w = document.createElement("script"); w.type = "text/javascript"; w.src = "//widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js"; w.async = true; document.head.appendChild(w); </script> <script type="text/javascript"> (function(w,d,s,r,n){w.TrustpilotObject=n;w[n]=w[n]||function(){(w[n].q=w[n].q||[]).push(arguments)}; a=d.createElement(s);a.async=1;a.src=r;a.type='text/java'+s;f=d.getElementsByTagName(s)[0]; f.parentNode.insertBefore(a,f)})(window,document,'script', 'https://invitejs.trustpilot.com/tp.min.js', 'tp'); tp('register',''); </script> <script type="text/javascript"> function inIframe () { try { return window.self !== window.top; } catch (e) { return false; } } function tryParseJson(str) { if (typeof str === 'string') { try { return JSON.parse(str); } catch (e) { return false; } } return false; } if (inIframe()) { window.addEventListener('message', function(e) { var adminOrign = new URL(window.location).hostname; if (!e.data || e.origin.indexOf(adminOrign) === -1) { return; } if (typeof TrustpilotPreview !== 'undefined') { if (typeof e.data === 'string' && e.data === 'submit') { TrustpilotPreview.sendTrustboxes(); } else { jsonData = tryParseJson(e.data); if (jsonData.trustbox) { TrustpilotPreview.setSettings(jsonData.trustbox); } else if (jsonData.customised) { TrustpilotPreview.updateActive(jsonData.customised); } } } else { var settings = tryParseJson(e.data); if (settings) { var p = document.createElement("script"); p.type = "text/javascript"; p.onload = function () { const iFrame = e.source.parent.document.getElementById('configuration_iframe').contentWindow; TrustpilotPreview.init(['//ecommplugins-scripts.trustpilot.com/v2.1/css/preview.min.css'], settings, iFrame, e.source); }; p.src = '//ecommplugins-scripts.trustpilot.com/v2.1/js/preview.min.js'; document.head.appendChild(p); } } }); } </script><script type="text/javascript" async> const trustpilot_trustbox_settings = {"trustboxes":[]}; if (trustpilot_trustbox_settings) { document.addEventListener('DOMContentLoaded', function() { tp('trustBox', trustpilot_trustbox_settings); }); } </script><script> document.addEventListener('livewire:available', (event) => { const orig = Element.prototype.setAttribute; Element.prototype.setAttribute = function patchLivewireSetAttribute(name, value) { // In Alpine v2, ignore Alpine v3 x-bind attributes that are used as x-spread if (window.Alpine && Alpine.version.substring(0, 1) === '2' && ! name) return; orig.call(this, name, value); } }) </script> <script src="https://www.barberdts.com/it/static/version1713820785/frontend/Hyva/barberdts/it_IT/Magewirephp_Magewire/js/livewire.js"></script> <script> 'use strict'; if (window.magewire) { console.warn('Magewire: It looks like Magewire\'s JavaScript assets have already been loaded. Make sure you aren\'t loading them twice.') } window.magewire = new Livewire() window.Livewire = window.magewire window.Magewire = window.magewire window.livewire_app_url = 'https://www.barberdts.com/it/magewire/post' window.livewire_token = window.hyva.getFormKey() if (window.Alpine) { document.addEventListener("DOMContentLoaded", () => { setTimeout(function() { console.warn("Magewire: It looks like AlpineJS has already been loaded. Make sure Magewire\'s scripts are loaded before AlpineJS.") }) }) } (() => { const startMagewireOnce = () => { document.removeEventListener('DOMContentLoaded', startMagewireOnce) window.removeEventListener('alpine:init', startMagewireOnce) window.magewire.start() } const initAlpine = window.deferLoadingAlpine || ((callback) => callback()) window.deferLoadingAlpine = (callback) => { window.addEventListener('magewire:load', () => { initAlpine(callback) }); } document.addEventListener('DOMContentLoaded', startMagewireOnce) window.addEventListener('alpine:init', startMagewireOnce) })(); Magewire.dispatchEvent = (name, event = {}, element = null) => { let e = new CustomEvent(`magewire:${ name }`, Object.assign({ 'bubbles': true, 'cancelable': false }, event)) if (element) { element.dispatchEvent(e); } else { document.dispatchEvent(e) } } ['load', 'update'].forEach(function (target, index) { document.addEventListener('livewire:' + target, (event) => { Magewire.dispatchEvent(target, event) }) }) Magewire.plugins = {} </script> <script> 'use strict'; (() => { let queue = []; const loaderTypeResolvers = { syncInput: (item, loader) => { let name = item.payload.name; let expression = [ `${ name }:${ item.payload.value }`, `${ name.substr(0, name.lastIndexOf('.')) }:${ item.payload.value }`, `${ name }`, `${ name.substr(0, name.lastIndexOf('.')) }` ].filter((expression) => { return expression in loader })[0] || false; if (expression) { return loader[expression]; } return true; }, callMethod: (item, loader) => { return loader[item.method]; }, fireEvent: (item, loader) => { return loader[item.payload.event]; } } const getLoaderData = function(message, component) { let loader = component.effects.loader || null; if (! loader) { return null; } let data = {}; for (let item of message.updateQueue) { let value = true; if (typeof loader === 'object' && item.type in loaderTypeResolvers) { value = loaderTypeResolvers[item.type](item, loader); } else if (typeof loader === 'string') { value = [loader]; } if (value === undefined) { value = false; if ('*' in loader) { value = loader['*']; } } data[component.id] = { key: Date.now(), component: component, loader: value, update: item }; } return data; } const start = function(loader, component) { if (! loader || ! component) { Magewire.dispatchEvent(`loader:start`); return; } let first = ! queue.some(({ parent }) => parent); let me = queue.findIndex(item => item.component.id === component.id); if (first) { queue.push({ loader: loader, component: component }); } if (queue[me]) { queue[me].loader = loader; } queue.forEach((item, index) => { item.parent = item.parent ?? false; if (me > index && item.loader) { stop(item.component, false, true); } }); Magewire.dispatchEvent(`loader:${ first ? 'start' : 'tick' }`, { detail: loader }); } const stop = function(component, failure = false, force = false) { if (failure) { force = true; } let remove = []; const me = queue.findIndex(item => item && item.component && item.component.id === component.id); if (queue[me]) { queue[me].done = true; } if (force) { remove.push(me); } else if (queue.every(item => item && item.done)) { remove = Object.keys(queue); } remove.forEach(index => { if (queue[index] && queue[index].loader) { Magewire.dispatchEvent(`loader:stop`, { detail: { loader: queue[index].loader, component: queue[index].component, failure: failure } }); } delete queue[index]; }); if (Object.values(queue).length === 0) { Magewire.dispatchEvent(`loader:done`, { detail: { component: component, failure: failure } }); // Empty insurance. queue = []; } } Magewire.plugins.loader = (() => { return { start(loader, component) { return start(loader, component); }, stop(component, failure = false, force = false) { return stop(component, failure, force); } } })(); document.addEventListener('DOMContentLoaded', () => { Magewire.hook('message.sent', (message, component) => { let loader = getLoaderData(message, component) || {}; if (component.id in loader && loader[component.id].loader) { Magewire.plugins.loader.start(loader[component.id], component); } }); Magewire.hook('message.processed', (message, component) => { if (message.response && message.response.effects) { (message.response.effects.emits || []).forEach((emit) => { Magewire.components.componentsListeningForEvent(emit.event) .filter(listener => ! emit.to || emit.to === listener.id) .forEach(listener => queue.push({ component: listener, parent: component })); }); let ids = []; for (let i = queue.length - 1; i >= 0; i--) { if (queue[i]) { if (ids.indexOf(queue[i].component.id) !== -1) { queue.splice(i, 1); continue; } ids.push(queue[i].component.id); } } } Magewire.plugins.loader.stop(component); if (component.effects && message.response.effects) { component.effects.loader = message.response.effects.loader; } }); Magewire.hook('message.failed', (message, component) => { Magewire.plugins.loader.stop(component, true); }); }); })(); </script> <script> 'use strict'; Magewire.onPageExpired(() => { alert('The\u0020session\u0020has\u0020expired.\u0020Therefore,\u0020the\u0020page\u0020will\u0020be\u0020refreshed\u0020when\u0020you\u0020confirm.') window.location.reload() }) Magewire.onError((status, response) => { if (status === 419) { return } }) </script> <script> 'use strict'; Magewire.hasPlugin = function(name) { const plugins = Magewire.plugins if (typeof plugins !== 'object' || plugins.length === 0) { return false; } else if (typeof name === 'object') { return name.every((name) => Magewire.hasPlugin(name)) } return name in plugins } </script> <script> Magewire.dispatchEvent('available') </script> <script> Magewire.directive('select', (element, directive, component) => { if (element.tagName !== 'SELECT') { console.error('Magewire: [wire:select] can only be applied on elements of type select.', element) return } if (directive.value) { console.error('Magewire: [wire:select] shouldn\'t have a value.', element) return } if (! element.hasAttribute('wire:model.defer')) { console.error('Magewire: [wire:model] requires a defer modifier for [wire:select] to function properly.', element) return } let changed = false, timeout = null const sync = () => { clearTimeout(timeout) if (changed) { changed = false component.fireMessage() } } const debounce = () => { if (directive.modifiers.includes('debounce')) { clearTimeout(timeout) timeout = setTimeout(() => sync(), directive.durationOr(1500)) } } const change = () => { changed = true debounce() } element.addEventListener('keydown', debounce) element.addEventListener('change', change) if (directive.modifiers.includes('blur')) { element.addEventListener('blur', () => sync()) } }) </script> <script> (() => { function src_default(Alpine) { Alpine.directive("intersect", (el, { value, expression, modifiers }, { evaluateLater, cleanup }) => { let evaluate = evaluateLater(expression); let options = { rootMargin: getRootMargin(modifiers), threshold: getThreshhold(modifiers) }; let observer = new IntersectionObserver((entries) => { entries.forEach((entry) => { if (entry.isIntersecting === (value === "leave")) return; evaluate(); modifiers.includes("once") && observer.disconnect(); }); }, options); observer.observe(el); cleanup(() => { observer.disconnect(); }); }); } function getThreshhold(modifiers) { if (modifiers.includes("full")) return 0.99; if (modifiers.includes("half")) return 0.5; if (!modifiers.includes("threshold")) return 0; let threshold = modifiers[modifiers.indexOf("threshold") + 1]; if (threshold === "100") return 1; if (threshold === "0") return 0; return Number(`.${threshold}`); } function getLengthValue(rawValue) { let match = rawValue.match(/^(-?[0-9]+)(px|%)?$/); return match ? match[1] + (match[2] || "px") : void 0; } function getRootMargin(modifiers) { const key = "margin"; const fallback = "0px 0px 0px 0px"; const index = modifiers.indexOf(key); if (index === -1) return fallback; let values = []; for (let i = 1; i < 5; i++) { values.push(getLengthValue(modifiers[index + i] || "")); } values = values.filter((v) => v !== void 0); return values.length ? values.join(" ").trim() : fallback; } document.addEventListener("alpine:init", () => { window.Alpine.plugin(src_default); }); })(); </script> <script> // x-teleport implementation (_ => { document.addEventListener('DOMContentLoaded', event => { // x-teleport available only for template if (!Alpine.version.startsWith('2')) { return; } const teleportDirective = (el, expression) => { let target = document.querySelector(expression) let clone = el.content.cloneNode(true).firstElementChild; target.appendChild(clone); setTimeout(() => { target.querySelectorAll('[x-data]') .forEach(el => Alpine.initializeComponent(el)); }, 0) }; document.querySelectorAll('template').forEach(el => { if (!el.hasAttribute('x-teleport')) { return; } teleportDirective(el, el.getAttribute('x-teleport')); }); document.querySelectorAll('[x-data]').forEach(el => { if (el.hasAttribute('x-init')) { return; } setTimeout(() => { Alpine.initializeComponent(el); }, 0); }); }); })() </script> <script type="module" src="https://www.barberdts.com/it/static/version1713820785/frontend/Hyva/barberdts/it_IT/Hyva_Theme/js/alpine3.min.js" defer crossorigin ></script> <script> 'use strict'; function dispatchMessages(messages, hideAfter) { const messagesEvent = new CustomEvent("messages-loaded", { detail: { messages: messages, hideAfter: hideAfter } }); window.dispatchEvent(messagesEvent); } if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) { console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script"); } (function( hyva, undefined ) { hyva.initFormKey = () => { const inputSelector = 'input[name="form_key"]', formKey = hyva.getFormKey(); Array.from(document.querySelectorAll(inputSelector)).map(function (input) { input.value = formKey }); } hyva.initMessages = () => { try { const messages = hyva.getCookie('mage-messages'); window.mageMessages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : []; dispatchMessages(window.mageMessages); // empty `mage-messages` cookie const skipSetDomain = true; hyva.setCookie('mage-messages','', -1, skipSetDomain); } catch (error) { console.warn('Error parsing Cookie Messages:', error); } } window.addEventListener('DOMContentLoaded', hyva.initFormKey); hyva.alpineInitialized(hyva.initMessages) }( window.hyva = window.hyva || {} )); </script> <script> 'use strict'; { const private_content_key = 'mage-cache-storage'; const private_content_expire_key = 'mage-cache-timeout'; const private_content_version_key = 'private_content_version'; const section_data_ids_key = 'section_data_ids'; const mage_cache_session_id_key = 'mage-cache-sessid'; const last_visited_store_key = 'last_visited_store'; const ttl = 3600; if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) { console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script"); } function loadSectionData () { const browserStorage = hyva.getBrowserStorage(); if (!browserStorage) { typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( [{ type: "warning", text: "Please enable LocalStorage in your browser." }] ); return; } try { let isInvalid = false; if (hyva.getCookie(last_visited_store_key) !== CURRENT_STORE_CODE) { isInvalid = true; } hyva.setCookie(last_visited_store_key, CURRENT_STORE_CODE, false, false); if (!hyva.getCookie(mage_cache_session_id_key)) { isInvalid = true; const skipSetDomain = true; const days = false; hyva.setCookie(mage_cache_session_id_key, true, days, skipSetDomain) } const cookieVersion = hyva.getCookie(private_content_version_key); const storageVersion = browserStorage.getItem(private_content_version_key); if (cookieVersion && !storageVersion || cookieVersion !== storageVersion) { isInvalid = true; } const privateContentExpires = browserStorage.getItem(private_content_expire_key); if (privateContentExpires && new Date(privateContentExpires) < new Date()) { browserStorage.removeItem(private_content_key); } if (isInvalid) { fetchPrivateContent([]); } else if (cookieVersion && storageVersion && cookieVersion === storageVersion) { const privateContent = JSON.parse(browserStorage.getItem(private_content_key)); if ( privateContent && privateContentExpires && privateContent.cart && privateContent.customer ) { dispatchPrivateContent(privateContent); } else { fetchPrivateContent([]); } } else { dispatchPrivateContent({}); } } catch (error) { console.warn('Error retrieving Private Content:', error); } } hyva.alpineInitialized(loadSectionData) window.addEventListener('reload-customer-section-data', loadSectionData); function dispatchPrivateContent(data) { const privateContentEvent = new CustomEvent("private-content-loaded", { detail: { data: data } }); window.dispatchEvent(privateContentEvent); } function fetchPrivateContent(sections) { fetch(`${BASE_URL}customer/section/load/?sections=${encodeURIComponent(sections.join(','))}`, { method: 'GET', headers: { 'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest' } }) .then(response => response.json()) .then( data => { if (data) { try { const browserStorage = hyva.getBrowserStorage(); // merge new data preserving non-invalidated sections const oldSectionData = JSON.parse(browserStorage.getItem(private_content_key) || '{}') || {}; if ((! data.cart || ! data.cart.cartId) && oldSectionData['checkout-data']) { delete oldSectionData['checkout-data']; } const newSectionData = Object.assign(oldSectionData, data); dispatchPrivateContent(newSectionData); // don't persist messages, they've been dispatched already if (newSectionData.messages && newSectionData.messages.messages ) { newSectionData.messages.messages = []; } browserStorage.setItem(private_content_key, JSON.stringify(newSectionData)); const expiresAt = new Date(Date.now() + (ttl * 1000)).toISOString(); browserStorage.setItem(private_content_expire_key, expiresAt); const newCookieVersion = hyva.getCookie(private_content_version_key); browserStorage.setItem(private_content_version_key, newCookieVersion); // We don't need the section_data_ids in Hyvä, but we store them for compatibility // with Luma Fallback. Otherwise, not all sections are loaded in Luma Checkout hyva.setCookie( section_data_ids_key, JSON.stringify( Object.keys(data).reduce((sectionDataIds, sectionKey) => { sectionDataIds[sectionKey] = data[sectionKey]['data_id']; return sectionDataIds; }, {}) ), false, true ); } catch (error) { console.warn("Couldn't store privateContent", error); } } } ); } } </script> <script> (() => { document.addEventListener('submit', event => event.target.action = event.target.action.replace('%25uenc%25', hyva.getUenc())); })() </script> <script> (events => { const dispatchUserInteractionEvent = () => { events.forEach(type => window.removeEventListener(type, dispatchUserInteractionEvent)) window.dispatchEvent(new Event('init-external-scripts')) }; events.forEach(type => window.addEventListener(type, dispatchUserInteractionEvent, {once: true, passive: true})) })(['touchstart', 'mouseover', 'wheel', 'scroll', 'keydown']) </script> <script> function initCompareOnProductList() { return { addToCompare(productId) { const formKey = hyva.getFormKey(); const postUrl = BASE_URL + 'catalog/product_compare/add/'; fetch(postUrl, { "headers": { "content-type": "application/x-www-form-urlencoded; charset=UTF-8", }, "body": "form_key=" + formKey + "&product=" + productId + "&uenc=" + hyva.getUenc(), "method": "POST", "mode": "cors", "credentials": "include" }).then(function (response) { if (response.redirected) { window.location.href = response.url; } }).catch(function (error) { typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( [{ type: "error", text: error }], 5000 ); }); } }; } </script> <script> function initWishlist() { return { addToWishlist(productId) { const formKey = hyva.getFormKey(); const postUrl = BASE_URL + 'wishlist/index/add/'; fetch(postUrl, { "headers": { "content-type": "application/x-www-form-urlencoded; charset=UTF-8", }, "body": "form_key=" + formKey + "&product=" + productId + "&uenc=" + hyva.getUenc(), "method": "POST", "mode": "cors", "credentials": "include" }).then(function (response) { if (response.redirected) { window.location.href = ""; } else if (response.ok) { return response.json(); } else { typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( [{ type: "warning", text: "Could not add item to wishlist." }], 5000 ); } }).then(function (response) { if (!response) { return } typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( [{ type: (response.success) ? "success" : "error", text: (response.success) ? "Prodotto è stato aggiunto nella tua lista desideri." : response.error_message }], 5000 ); const reloadCustomerDataEvent = new CustomEvent("reload-customer-section-data"); window.dispatchEvent(reloadCustomerDataEvent); }).catch(function (error) { typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( [{ type: "error", text: error }], 5000 ); }); } } } </script> <script> function initConfigurableOptions(productId, optionConfig) { function findPathParam(key) { const baseUrl = (BASE_URL.substring(0, 2) === '//' ? 'http:' : '') + BASE_URL; const baseUrlParts = (new URL(baseUrl)).pathname.replace(/\/$/, '').split('/'); const pathParts = window.location.pathname.split('/').slice(baseUrlParts.length + 3); for (let i = 0; i < pathParts.length; i += 2) { if (pathParts[i] === key && pathParts.length > i) { return pathParts[i + 1]; } } } return { optionConfig, productId, itemId: (new URLSearchParams(window.location.search)).get('id') || findPathParam('id'), allowedAttributeOptions: [], selectedValues: [], init() { this.findAllowedAttributeOptions(); this.$nextTick(() => { if (typeof this.optionConfig.defaultValues === 'object') { for (const [attributeId, value] of Object.entries(this.optionConfig.defaultValues)) { this.changeOption(attributeId, value + ''); } } }); }, findSimpleIndex() { this.productIndex = this.calculateSimpleIndexForPartialSelection(this.selectedValues); }, calculateSimpleIndexForPartialSelection(selectedValues) { if (selectedValues.length === 0) return 0; let productIndexIds = Object.keys(this.optionConfig.index); Object.keys(this.optionConfig.attributes).forEach((attribute) => { const productsWithAttributeMatch = selectedValues[attribute] ? productIndexIds.filter((productIndex) => { return this.optionConfig.index[productIndex][attribute] === this.selectedValues[attribute] }) : []; productIndexIds = productsWithAttributeMatch.length ? productsWithAttributeMatch : productIndexIds }) return productIndexIds[0]; }, calculateSimpleIndexForFullSelection(selectedValues) { const productIndexes = this.optionConfig.index; return Object.keys(productIndexes).find(productIndex => { const productCandidateOptions = productIndexes[productIndex]; for (const productOption in productCandidateOptions) { if ( ! selectedValues[productOption] || selectedValues[productOption] !== productCandidateOptions[productOption] ) { return false; } } return productIndex; }); }, productIndex: 0, findAllowedAttributeOptions() { this.allowedAttributeOptions = this.calculateAllowedAttributeOptions(this.selectedValues); }, calculateAllowedAttributeOptions(selectedValues) { const allAttributes = this.optionConfig.attributes; const allAttributesSorted = Object.values(allAttributes).sort((a,b) => { return a.position - b.position }); const newAllowedAttributeOptions = []; allAttributesSorted.forEach(attribute => { const selectionWithoutAttr = Object.assign({}, this.removeAttrFromSelection(selectedValues, attribute.id)); const availableIndexes = this.calculateAvailableProductIndexes(selectionWithoutAttr); newAllowedAttributeOptions[attribute.id] = allAttributes[attribute.id].options.filter(option => { return !!option.products.find(product => { return availableIndexes.includes(product); }) }); }); return newAllowedAttributeOptions; }, calculateAvailableProductIndexes(selectedOptions) { if (Object.keys(selectedOptions).length === 0) { if (Object.values(this.optionConfig.salable || {}).length) { return [].concat.apply([], [].concat.apply([], Object.values(this.optionConfig.salable).map(Object.values))).filter((x, i, a) => a.indexOf(x) === i) } return Object.keys(this.optionConfig.index); } const selectedIds = Object.keys(selectedOptions); if (Object.values(this.optionConfig.salable || {}).length) { const selectedOptionIndexes = selectedIds.map(attrId => { const optionValue = selectedOptions[attrId]; return this.optionConfig.salable[attrId] && this.optionConfig.salable[attrId][optionValue] || [] }) return selectedOptionIndexes.reduce((acc, optionIndexes) => { return acc.filter(index => optionIndexes.includes(index)); }); } else { const productIndexes = this.optionConfig.index; return Object.keys(productIndexes).filter(index => { for (const attrId of selectedIds) { if (productIndexes[index][attrId] !== `${selectedOptions[attrId]}`) return false } return true }); } }, findAttributeByOptionId(optionId) { for (const attributeId in this.optionConfig.attributes) { const attributeOptions = this.optionConfig.attributes[attributeId].options || []; if (attributeOptions.find(option => option.id === optionId)) { return attributeId; } } }, getAllowedAttributeOptions(attributeId) { return this.allowedAttributeOptions[attributeId] || [] }, getProductIdsForOption(option) { const attributeId = this.findAttributeByOptionId(option.id); const allOptions = this.optionConfig.attributes[attributeId]; const opt = (allOptions && allOptions.options || []).find(o => o.id === option.id); return opt && opt.products ? opt.products : []; }, findProductIdsForPartialSelection(optionSelection) { const candidateProducts = Object.values(optionSelection).reduce((candidates, optionId) => { const newCandidates = this.getProductIdsForOption({id: optionId}); return candidates === null ? newCandidates : candidates.filter(productId => newCandidates.includes(productId)); }, null); return candidateProducts || []; }, findCheapestProductForPartialSelection(optionSelection) { const candidateProducts = this.findProductIdsForPartialSelection(optionSelection); return candidateProducts.reduce((cheapest, simpleIdx) => { // in the first iteration we start with simpleIdx as the currently cheapest product if (! this.optionConfig.optionPrices[cheapest]) return simpleIdx; const knownCheapestPrice = this.optionConfig.optionPrices[cheapest].finalPrice.amount; return knownCheapestPrice > this.optionConfig.optionPrices[simpleIdx].finalPrice.amount ? simpleIdx : cheapest; }, 0) }, findProductIdToUseForOptionPrice(option) { // try to find a product for a complete selection const attributeId = this.findAttributeByOptionId(option.id); const optionSelection = Object.assign({}, this.selectedValues, {[attributeId]: option.id}); const matchingSimpleIndex = this.calculateSimpleIndexForFullSelection(optionSelection); // if there is no complete selection, use the cheapest product for the option return matchingSimpleIndex || this.findCheapestProductForPartialSelection(optionSelection); }, getAttributeOptionLabel(option) { const optionProduct = this.findProductIdToUseForOptionPrice(option); if ((! optionProduct) || (optionProduct === this.productIndex)) { return option.label; } const currentPrice = this.getOptionPriceAdjustmentBasePrice(); if (this.optionConfig.optionPrices[optionProduct]) { const optionPrice = this.optionConfig.optionPrices[optionProduct].finalPrice.amount; if (optionPrice !== currentPrice){ return option.label + ' ' + hyva.formatPrice(optionPrice - currentPrice, true); } } return option.label; }, getOptionPriceAdjustmentBasePrice() { if (this.optionConfig.optionPrices[this.productIndex]) { return this.optionConfig.optionPrices[this.productIndex].finalPrice.amount } const cheapestForSelection = this.findCheapestProductForPartialSelection(this.selectedValues); return this.optionConfig.optionPrices[cheapestForSelection] ? this.optionConfig.optionPrices[cheapestForSelection].finalPrice.amount : this.optionConfig.prices.finalPrice.amount; // default price if no option selection }, clearOptionIfActive(optionId, value) { if (this.selectedValues[optionId] === value) { this.blurLabel() this.changeOption(optionId, '') } }, removeAttrFromSelection(selectedValues, attributeId) { attributeId = parseInt(attributeId); return selectedValues.reduce((newSelection, val, attr) => { if (attr !== attributeId) { newSelection[attr] = val; } return newSelection; }, []); }, changeOption(attributeId, value) { if (value === '') { this.selectedValues = this.removeAttrFromSelection(this.selectedValues, attributeId) } else if (value && this.getAllowedAttributeOptions(attributeId).find(option => option.id === value)) { this.selectedValues[attributeId] = value; } this.findSimpleIndex(); this.findAllowedAttributeOptions(); this.updatePrices(); this.updateGallery(); window.dispatchEvent( new CustomEvent( 'configurable-selection-changed', { detail: { productId: this.productId, optionId: attributeId, value: value, productIndex: this.productIndex, selectedValues: this.selectedValues, candidates: this.findProductIdsForPartialSelection(this.selectedValues), } } ) ); }, calculateIsMinimalPrice() { return ( this.selectedValues.filter(value => !!value).length < Object.keys(this.optionConfig.attributes).length ); }, updatePrices() { const value = this.productIndex ? this.optionConfig.optionPrices[this.productIndex] : this.optionConfig.prices; window.dispatchEvent( new CustomEvent( "update-prices-" + this.productId, { detail: Object.assign( value, { isMinimalPrice: this.calculateIsMinimalPrice() } ) } ) ); }, updateGallery () { if (this.productIndex) { const images = this.optionConfig.images[this.productIndex]; images && window.dispatchEvent(new CustomEvent( "update-gallery", { detail: this.sortImagesByPosition(images) } )); } else { window.dispatchEvent(new Event("reset-gallery")); } }, sortImagesByPosition(images) { return images.sort((x, y) => { return x.position === y.position ? 0 : (parseInt(x.position) > parseInt(y.position) ? 1 : -1) }); }, onGetCartData(data) { if (this.productId === '34972') { this.preselectCartItems(data); this.preselectQuerystringItems(); this.preselectLocationHashItems(); } }, preselectCartItems(data) { // pre-select options based on cart data for current (quote) itemId const cart = data && data.cart; if (cart && cart.items) { const cartItem = cart.items.find((item) => { return ( item.item_id === this.itemId && item.product_id === this.productId ) }); if (cartItem && cartItem.options && cartItem.options.length) { cartItem.options.map(option => { this.changeOption(option.option_id, option.option_value); }) } } }, preselectQuerystringItems() { // pre-select option like ?size=167 const urlQueryParams = new URLSearchParams(window.location.search.replace('?','')); this.preselectItemsBasedOnLocation(attribute => urlQueryParams.get(attribute.code)); }, preselectLocationHashItems() { // pre-select option like #144=167 const urlHashParams = new URLSearchParams(window.location.hash.replace('#','')); this.preselectItemsBasedOnLocation(attribute => urlHashParams.get(attribute.id)); }, preselectItemsBasedOnLocation(getLocationValue) { Object.values(this.optionConfig.attributes).map(attribute => { this.changeOption(attribute.id, getLocationValue(attribute)) }); } } } </script> <script> function initSwatchOptions(swatchConfig) { return { swatchConfig, getAttributeSwatchData(attributeId) { const swatchConfig = Object.assign({}, this.swatchConfig[attributeId]); swatchConfig['details'] = JSON.parse(swatchConfig['additional_data']); return swatchConfig; }, getAllAttributeOptions(attributeId) { return ( this.optionConfig.attributes[attributeId] && this.optionConfig.attributes[attributeId].options ) || [] }, optionIsActive(attributeId, optionId) { // return true if a product with this option is in stock return !!this.getAllowedAttributeOptions(attributeId).find( option => option.id === optionId ) }, optionIsEnabled(attributeId, optionId) { // return true if a product with this option is enabled for (const productId in this.optionConfig.index) { if (this.optionConfig.index[productId][attributeId] === optionId) { return true; } } return false; }, mapSwatchTypeNumberToTypeCode(typeNumber) { switch ("" + typeNumber) { case "1": return "color" case "2": return "image" case "3": return "empty" case "0": default: return "text" } }, getTypeOfFirstOption(attributeId) { for (const optionId in this.swatchConfig[attributeId]) { const option = this.swatchConfig[attributeId][optionId]; if (typeof option.type !== 'undefined') { return this.mapSwatchTypeNumberToTypeCode(option.type); } } }, getVisualSwatchType(attributeId, targetOptionId) { // If a type configuration is present for the given option id, use it const config = this.swatchConfig[attributeId]; if (config[targetOptionId] && typeof config[targetOptionId].type !== 'undefined') { return this.mapSwatchTypeNumberToTypeCode(config[targetOptionId].type); } // Otherwise - if no config is present for the target option - use the type of the first option // with a type property from the attribute, thus assuming its the same type as the target option. // (This edge case condition can occur on single swatch products if some options are not salable) return this.getTypeOfFirstOption(attributeId); }, getSwatchType(attributeId, optionId) { // Deserialize the attribute details the first time they are used if (this.swatchConfig[attributeId] && ! this.swatchConfig[attributeId].details) { this.swatchConfig[attributeId] = this.getAttributeSwatchData(attributeId); } const type = this.swatchConfig[attributeId] && this.swatchConfig[attributeId].details && this.swatchConfig[attributeId].details.swatch_input_type || "empty"; return type === 'visual' ? this.getVisualSwatchType(attributeId, optionId) : type; }, isTextSwatch(attributeId, optionId) { return this.getSwatchType(attributeId, optionId) === 'text'; }, isVisualSwatch(attributeId, optionId) { const type = this.getSwatchType(attributeId, optionId); return ['image', 'color'].includes(type); }, getSwatchBackgroundStyle(attributeId, optionId) { const config = this.getSwatchConfig(attributeId, optionId); const type = this.getSwatchType(attributeId, optionId); if (type === "color") { return 'background-color:' + config.value; } else if (type === "image") { return "background: #ffffff url('" + config.value + "') no-repeat center"; } else { return ''; } }, getSwatchText(attributeId, optionId) { const config = this.getSwatchConfig(attributeId, optionId); return config.label || config.value || this.getOptionLabelFromOptionConfig(attributeId, optionId); }, getOptionLabelFromOptionConfig(attributeId, optionId) { // Fallback if no value is present in swatchConfig data // Reference issue https://gitlab.hyva.io/hyva-themes/magento2-default-theme/-/issues/190 const option = this.getAllAttributeOptions(attributeId).filter(option => option.id === optionId); return option && option[0] && option[0].label ||''; }, getSwatchConfig(attributeId, optionId) { return this.swatchConfig[attributeId] && this.swatchConfig[attributeId][optionId] ? this.swatchConfig[attributeId][optionId] : false; }, activeTooltipItem: false, tooltipPositionElement: false, isTooltipVisible() { return this.activeTooltipItem && this.getSwatchConfig( this.activeTooltipItem.attribute, this.activeTooltipItem.item ); }, isFirstItemCol() { return this.activeTooltipItem.index === 0; }, getTooltipImageStyle(attributeId, optionId) { const config = this.getSwatchConfig(attributeId, optionId); const type = this.getSwatchType(attributeId, optionId); if (type === "color") { return 'background-color:' + config.value + '; width: 110px; height: 90px;'; } else if (type === "image") { return "background: #ffffff url('" + config.thumb + "') center center no-repeat; width: 110px; height: 90px;"; } else { return 'display:none'; } }, getTooltipPosition() { return this.tooltipPositionElement ? `top: ${this.tooltipPositionElement.offsetTop}px;` + `left: ${ this.tooltipPositionElement.offsetLeft - ( this.tooltipPositionElement.closest('.snap') && this.tooltipPositionElement.closest('.snap').scrollLeft || 0 ) }px;` : '' }, getTooltipLabel() { return this.getSwatchConfig(this.activeTooltipItem.attribute, this.activeTooltipItem.item).label }, focusedLabel: false, focusLabel(optionId) { this.focusedLabel = optionId; }, blurLabel() { this.focusedLabel = false; }, showSwatches: false, initShowSwatchesIntersect() { if ('IntersectionObserver' in window && !window.scrollY) { let io = new IntersectionObserver( entries => { entries.map(entry => { if (entry.isIntersecting) { this.showSwatches = true; io.unobserve(this.$root); } }) } ); io.observe(this.$root); } else { this.showSwatches = true } } } } </script> <script> 'use strict'; (() => { const equalizeButtonWidths = (buttons) => { const buttonList = buttons.querySelectorAll('[data-element="link"], [data-element="empty_link"]'); let buttonMinWidth = 0; buttonList.forEach(button => { const buttonWidth = button.offsetWidth; if (buttonWidth > buttonMinWidth) { buttonMinWidth = buttonWidth; } }); buttonList.forEach(button => { button.style.minWidth = `${buttonMinWidth}px`; }); }; window.addEventListener('DOMContentLoaded', () => { document.querySelectorAll('[data-content-type="buttons"][data-same-width="true"]').forEach(buttons => { equalizeButtonWidths(buttons); }); }); })(); </script> <script> 'use strict'; (() => { const initCarousels = (elements) => { if (!Glider) { return; } const initProductCarousel = (carousel) => { const gliderElement = carousel.querySelector('[data-role="glider-content"]'); if (!gliderElement) { return; } const gliderDots = carousel.querySelector('.glider-dots'); const gliderPrev = carousel.querySelector('.glider-prev'); const gliderNext = carousel.querySelector('.glider-next'); const glider = new Glider(gliderElement, { slidesToShow: 2, slidesToScroll: 2, scrollLock: true, draggable: true, dragVelocity: 2.5, dots: gliderDots, arrows: { prev: gliderPrev, next: gliderNext, }, responsive: [ { breakpoint: 768, settings: { slidesToShow: 3, slidesToScroll: 3, } }, { breakpoint: 1024, settings: { slidesToShow: 4, slidesToScroll: 4, } }, ], }); carousel.classList.remove('overflow-x-scroll'); gliderPrev.classList.remove('hidden'); gliderNext.classList.remove('hidden'); if (carousel.dataset.autoplay !== 'false') { gliderAutoplay( glider, carousel.dataset.autoplaySpeed, carousel.dataset.infiniteLoop ); } }; const initSliderCarousel = (slider) => { slider.innerHTML = `<div data-role="glider-content">${slider.innerHTML}</div>`; slider.classList.add('glider-contain'); slider.insertAdjacentHTML( 'beforeend', '\u000A\u003Cdiv\u0020class\u003D\u0022carousel\u002Dnav\u0020flex\u0020items\u002Dcenter\u0020justify\u002Dcenter\u0020flex\u002D1\u0020p\u002D4\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u003Cbutton\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020aria\u002Dlabel\u003D\u0022Previous\u0022\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020class\u003D\u0022glider\u002Dprev\u0020w\u002D8\u0020h\u002D8\u0020mr\u002D1\u0020text\u002Dblack\u0020rounded\u002Dfull\u0020outline\u002Dnone\u0020focus\u003Aoutline\u002Dnone\u0020hidden\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Csvg\u0020xmlns\u003D\u0022http\u003A\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\u0022\u0020fill\u003D\u0022none\u0022\u0020stroke\u003D\u0022currentColor\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u0020role\u003D\u0022img\u0022\u003E\u003Cpath\u0020stroke\u002Dlinecap\u003D\u0022round\u0022\u0020stroke\u002Dlinejoin\u003D\u0022round\u0022\u0020stroke\u002Dwidth\u003D\u00222\u0022\u0020d\u003D\u0022m15\u002019\u002D7\u002D7\u00207\u002D7\u0022\u002F\u003E\u003Ctitle\u003Echevron\u002Dleft\u003C\u002Ftitle\u003E\u003C\u002Fsvg\u003E\u000A\u0020\u0020\u0020\u0020\u003C\u002Fbutton\u003E\u000A\u0020\u0020\u0020\u0020\u003Cdiv\u0020role\u003D\u0022tablist\u0022\u0020class\u003D\u0022glider\u002Ddots\u0020select\u002Dnone\u0020flex\u0020flex\u002Dwrap\u0020mx\u002D1\u0020justify\u002Dcenter\u0020p\u002D0\u0020focus\u003Aoutline\u002Dnone\u0022\u003E\u003C\u002Fdiv\u003E\u000A\u0020\u0020\u0020\u0020\u003Cbutton\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020aria\u002Dlabel\u003D\u0022Seguente\u0022\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020class\u003D\u0022glider\u002Dnext\u0020w\u002D8\u0020h\u002D8\u0020ml\u002D1\u0020text\u002Dblack\u0020rounded\u002Dfull\u0020outline\u002Dnone\u0020focus\u003Aoutline\u002Dnone\u0020hidden\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Csvg\u0020xmlns\u003D\u0022http\u003A\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\u0022\u0020fill\u003D\u0022none\u0022\u0020stroke\u003D\u0022currentColor\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u0020role\u003D\u0022img\u0022\u003E\u003Cpath\u0020stroke\u002Dlinecap\u003D\u0022round\u0022\u0020stroke\u002Dlinejoin\u003D\u0022round\u0022\u0020stroke\u002Dwidth\u003D\u00222\u0022\u0020d\u003D\u0022m9\u00205\u00207\u00207\u002D7\u00207\u0022\u002F\u003E\u003Ctitle\u003Echevron\u002Dright\u003C\u002Ftitle\u003E\u003C\u002Fsvg\u003E\u000A\u0020\u0020\u0020\u0020\u003C\u002Fbutton\u003E\u000A\u003C\u002Fdiv\u003E\u000A' ); const gliderElement = slider.querySelector('[data-role="glider-content"]'); const gliderDots = slider.querySelector('.glider-dots'); const gliderPrev = slider.querySelector('.glider-prev'); const gliderNext = slider.querySelector('.glider-next'); const glider = new Glider(gliderElement, { slidesToShow: 1, slidesToScroll: 1, scrollLock: true, scrollLockDelay: 250, draggable: true, dragVelocity: 2.5, dots: gliderDots, arrows: { prev: gliderPrev, next: gliderNext, }, }); slider.classList.add('glider-initialized'); if (slider.dataset.showArrows === 'true') { gliderPrev.classList.remove('hidden'); gliderNext.classList.remove('hidden'); } if (slider.dataset.autoplay !== 'false') { gliderAutoplay( glider, slider.dataset.autoplaySpeed, slider.dataset.infiniteLoop ); } }; const gliderAutoplay = (glider, milliseconds, loop) => { const pagesCount = glider.track.childElementCount; let slideTimeout = null; let nextIndex = 1; let paused = false; const slide = () => { slideTimeout = setTimeout( () => { if (loop && nextIndex >= pagesCount) { nextIndex = 0; } glider.scrollItem(nextIndex); }, parseInt(milliseconds) ); }; glider.ele.addEventListener('glider-animated', () => { nextIndex = glider.slide + glider.opt.slidesToScroll; window.clearInterval(slideTimeout); if (!paused && (loop || nextIndex < pagesCount)) { slide(); } }); const pause = () => { if (!paused) { clearInterval(slideTimeout); paused = true; } }; const unpause = () => { if (paused) { slide(); paused = false; } }; glider.ele.parentElement.addEventListener('mouseover', pause, {passive: true}); glider.ele.parentElement.addEventListener('touchstart', pause, {passive: true}); glider.ele.parentElement.addEventListener('mouseout', unpause, {passive: true}); glider.ele.parentElement.addEventListener('touchend', unpause, {passive: true}); slide(); }; elements.forEach(element => { if (element.dataset.contentType === 'products') { initProductCarousel(element); } if (element.dataset.contentType === 'slider') { initSliderCarousel(element); } }); }; window.addEventListener('DOMContentLoaded', () => { const carouselElements = document.querySelectorAll( `[data-content-type="products"][data-appearance="carousel"], [data-content-type="slider"]` ); if (carouselElements.length > 0) { const script = document.createElement('script'); script.type = 'text/javascript'; script.addEventListener('load', () => { initCarousels(carouselElements); }); script.src = 'https\u003A\u002F\u002Fwww.barberdts.com\u002Fit\u002Fstatic\u002Fversion1713820785\u002Ffrontend\u002FHyva\u002Fbarberdts\u002Fit_IT\u002FMagento_PageBuilder\u002Fjs\u002Fglider.min.js'; document.head.appendChild(script); } }); })(); </script> <script> 'use strict'; (() => { const initMaps = (elements) => { const renderMap = (element) => { const dataLocations = element.dataset.locations; // Hide map if no locations set if (!dataLocations || dataLocations === '[]') { element.classList.add('hidden'); return; } const map = new google.maps.Map( element, getMapOptions( element.dataset.showControls !== 'true', element.dataset.showControls === 'true' ) ); const locations = JSON.parse(dataLocations); const latitudeLongitudeBounds = new google.maps.LatLngBounds(); const bounds = []; locations.forEach(location => { const position = { lat: parseFloat(location.position.latitude), lng: parseFloat(location.position.longitude), }; bounds.push(position); const infowindow = new google.maps.InfoWindow({ content: getInfoWindowContent(location), }); const marker = new google.maps.Marker({ position: position, map, title: location.location_name, }); marker.addListener('click', () => { infowindow.open(map, marker); }); }); // Set bounds if multiple locations if (bounds.length > 1) { bounds.forEach(function (bound) { latitudeLongitudeBounds.extend(bound); }); map.fitBounds(latitudeLongitudeBounds); } // Center if single location if (bounds.length === 1) { map.setCenter(bounds[0]); } }; const getMapOptions = (disableDefaultUI, mapTypeControl) => { const style = ''; return { zoom: 8, scrollwheel: false, disableDoubleClickZoom: false, mapTypeControlOptions: { style: google.maps.MapTypeControlStyle.DEFAULT, }, styles: style ? JSON.parse(style) : [], disableDefaultUI: disableDefaultUI, mapTypeControl: mapTypeControl, }; }; const getInfoWindowContent = (location) => { const title = location.location_name ? `<h3 class="text-2xl font-medium text-gray-900 title-font">${location.location_name}</h3>` : ''; const comment = location.comment ? `<p class="px-1 pt-3 text-primary">${location.comment}</p>` : ''; const phone = location.phone ? `<p class="px-1 pt-3 text-primary">Phone: ${location.phone}</p>` : ''; const street = location.address ? `${location.address}<br/>` : ''; const city = location.city ? `${location.city}<br/>` : ''; const state = location.state ? `${location.state}<br/>` : ''; const zipCode = location.zipcode ? `${location.zipcode}<br/>` : ''; const country = location.country ? location.country : ''; return `<div> ${title} ${comment} ${phone} <p class="px-1 pt-3 text-primary"> ${street} ${city} ${state} ${zipCode} ${country} </p> </div>`; }; const hideAllMaps = () => { document.querySelectorAll('[data-content-type="map"]').forEach(element => { element.classList.add('hidden'); }); }; window.gm_authFailure = () => { hideAllMaps(); }; if (typeof google.maps === 'undefined') { hideAllMaps(); return; } elements.forEach(element => { if (element.dataset.contentType === 'map') { renderMap(element); } }); }; window.addEventListener('DOMContentLoaded', () => { const mapElements = document.querySelectorAll('[data-content-type="map"]'); if (mapElements.length > 0) { const script = document.createElement('script'); script.type = 'text/javascript'; script.addEventListener('load', () => { initMaps(mapElements); }); script.src = 'https\u003A\u002F\u002Fmaps.googleapis.com\u002Fmaps\u002Fapi\u002Fjs\u003Fv\u003D3\u0026key\u003D'; document.head.appendChild(script); } }); })(); </script> <script> 'use strict'; (() => { const initParallaxImage = (element) => { if (!window.jarallax) { return; } element.classList.add('jarallax'); element.dataset.jarallax = ''; const parallaxSpeed = parseFloat(element.dataset.parallaxSpeed) || 0.5; const elementStyle = window.getComputedStyle(element); window.jarallax(element, { imgPosition: elementStyle.backgroundPosition || '50% 50%', imgRepeat: elementStyle.backgroundRepeat || 'no-repeat', imgSize: elementStyle.backgroundSize || 'cover', speed: parallaxSpeed, }); }; const initVideoBackground = (element) => { if (!window.jarallax) { return; } let slider = null; if (element.classList.contains('pagebuilder-slide-wrapper')) { const viewportElement = document.createElement('div'); slider = element.closest('[data-content-type=slider]'); viewportElement.classList.add('jarallax-viewport-element'); element.dataset.elementInViewport = '.jarallax-viewport-element'; element.appendChild(viewportElement); } element.classList.add('jarallax'); element.dataset.jarallax = ''; const parallaxSpeed = parseFloat(element.dataset.parallaxSpeed) || 0.5; window.jarallax(element, { imgSrc: element.dataset.videoFallbackSrc, speed: parallaxSpeed, videoLoop: element.dataset.videoLoop, videoPlayOnlyVisible: element.dataset.videoPlayOnlyVisible, videoLazyLoading: element.dataset.videoLazyLoad, disableVideo: false, elementInViewport: element.dataset.elementInViewport && element.querySelector(element.dataset.elementInViewport), }); if (slider) { if (slider.dataset.afterChangeIsSet) { return; } slider.addEventListener('glider-loaded', () => { slider.querySelectorAll('.jarallax').forEach(videoSlide => { videoSlide.jarallax && videoSlide.jarallax.onScroll(); }); }); slider.addEventListener('glider-animated', () => { slider.querySelectorAll('.jarallax').forEach(videoSlide => { videoSlide.jarallax && videoSlide.jarallax.onScroll(); }); }); slider.dataset.afterChangeIsSet = true; } }; window.addEventListener('DOMContentLoaded', () => { const parallaxImageElements = document.querySelectorAll( `[data-content-type="row"][data-background-type="image"][data-enable-parallax="1"], [data-content-type="row"] > [data-background-type="image"][data-enable-parallax="1"]` ); const videoBackgroundsElements = document.querySelectorAll( `[data-content-type="row"][data-background-type="video"][data-enable-parallax="1"], [data-content-type="row"] > [data-background-type="video"][data-enable-parallax="1"], [data-content-type="banner"] [data-background-type="video"], [data-content-type="slide"] [data-background-type="video"]` ); if (parallaxImageElements.length > 0 || videoBackgroundsElements.length > 0) { const jarallaxScript = document.createElement('script'); jarallaxScript.type = 'text/javascript'; jarallaxScript.addEventListener('load', () => { parallaxImageElements.forEach(row => { initParallaxImage(row); }); const jarallaxVideoScript = document.createElement('script'); jarallaxVideoScript.type = 'text/javascript'; jarallaxVideoScript.addEventListener('load', () => { videoBackgroundsElements.forEach(element => { initVideoBackground(element); }); }); jarallaxVideoScript.src = 'https\u003A\u002F\u002Fwww.barberdts.com\u002Fit\u002Fstatic\u002Fversion1713820785\u002Ffrontend\u002FHyva\u002Fbarberdts\u002Fit_IT\u002FMagento_PageBuilder\u002Fjs\u002Fjarallax\u002Dvideo.min.js'; document.head.appendChild(jarallaxVideoScript); }); jarallaxScript.src = 'https\u003A\u002F\u002Fwww.barberdts.com\u002Fit\u002Fstatic\u002Fversion1713820785\u002Ffrontend\u002FHyva\u002Fbarberdts\u002Fit_IT\u002FMagento_PageBuilder\u002Fjs\u002Fjarallax.min.js'; document.head.appendChild(jarallaxScript); } }); })(); </script> <script> 'use strict'; (() => { const applyShowOnHover = (element) => { const showOverlayOnHover = (element) => { const overlay = element.querySelector('.pagebuilder-overlay'); const color = overlay.dataset.overlayColor; element.addEventListener('mouseover', () => { overlay.style.backgroundColor = color; }); element.addEventListener('mouseout', () => { overlay.style.backgroundColor = 'transparent'; }); }; const showButtonOnHover = (element) => { const button = element.querySelector('.pagebuilder-banner-button'); element.addEventListener('mouseover', () => { button.style.opacity = '1'; button.style.visibility = 'visible'; }); element.addEventListener('mouseout', () => { button.style.opacity = '0'; button.style.visibility = 'hidden'; }); }; if (element.dataset.showOverlay === 'hover') { showOverlayOnHover(element); } if (element.dataset.showButton === 'hover') { showButtonOnHover(element); } }; window.addEventListener('DOMContentLoaded', () => { document.querySelectorAll('[data-content-type="banner"],[data-content-type="slider"]').forEach(element => { applyShowOnHover(element); }); }); })(); </script> <script> 'use strict'; (() => { document.querySelectorAll('[data-content-type="tab-item"]').forEach(tabItem => { tabItem.setAttribute('x-show', `tab === '${tabItem.id}'`); }); document.querySelectorAll('[data-content-type="tabs"]').forEach(tab => { const defaultActiveTab = parseInt(tab.dataset.activeTab) || 0; tab.querySelectorAll('.tab-header').forEach((tabHeader, index) => { const tabLink = tabHeader.querySelector('a'); const tabId = tabLink.getAttribute('href').replace('#', ''); tabHeader.setAttribute(':class', `{ 'active': tab === '${tabId}' }`); tabLink.setAttribute('x-on:click.prevent', `tab = '${tabId}'`); if (index === defaultActiveTab) { tab.setAttribute('x-data', `{ tab: '${tabId}' }`); } }); }); })(); </script> <script> 'use strict'; const grecaptchaV2LoadCallbacks = []; function executeRecaptchaLoadCallbacks () { while (window.grecaptcha && grecaptchaV2LoadCallbacks.length > 0) { const callback = grecaptchaV2LoadCallbacks.pop(); typeof callback === 'string' ? window[callback]() : callback(); } } (function() { const loadRecaptchaScript = (event) => { if (window.grecaptcha || !event.target.form) { return; } const url = 'https://www.google.com/recaptcha/api.js?onload=executeRecaptchaLoadCallbacks'; const siteKey = '6LdhOcMeAAAAAKPGaNAcC_tl\u002D3EAwD_T8UCa4_Bm'; const script = document.createElement('script'); script.type = 'text/javascript'; script.src = siteKey ? `${url}&render=${siteKey}` : `${url}&render=explicit`; script.async = true; document.head.appendChild(script); script.addEventListener('load', () => { Array.from(document.querySelectorAll('button[data-recaptcha-btn]:disabled')).forEach(btn => btn.removeAttribute('disabled')); }); } window.forceLoadRecaptchaScript = (form) => { loadRecaptchaScript({target: {form: form || 'dummy'}}); executeRecaptchaLoadCallbacks(); }; document.body.addEventListener('input', loadRecaptchaScript, { once: true }); document.body.addEventListener('focus', loadRecaptchaScript, { once: true }); }()); </script> <script> (payload => { dataLayer.push(payload); })({"payload":"detail"}); </script> <script type="text/javascript"> var referrer, search_term, klevu_search_product_tracking; referrer = document.referrer; var getQueryString = function (field, url) { var href = url ? url : window.location.href; var reg = new RegExp('[?&]' + field + '=([^&#]*)', 'i'); var string = reg.exec(href); if (!string) { return null; } return decodeURIComponent(string[1].replace(/\+/g, " ")); }; search_term = getQueryString('q', referrer); if (referrer.indexOf('catalogsearch/result') > -1 && search_term) { klevu_search_product_tracking = {"klevu_apiKey":"klevu-158440294759111729","klevu_term":"","klevu_type":"clicked","klevu_productId":"34972","klevu_productName":"Eternal Welker Rotar y macchina 3,2 mmBlack ","klevu_productUrl":"https:\/\/www.barberdts.com\/it\/eternal-welker-rotary-machine-3-2mm-black.html","Klevu_typeOfRecord":"KLEVU_PRODUCT","klevu_productGroupId":"34972","klevu_productVariantId":"34972"}; klevu_search_product_tracking.klevu_term = search_term; let searchParams = new URLSearchParams(); for (let key in klevu_search_product_tracking) { if (!klevu_search_product_tracking.hasOwnProperty(key)) { continue; } searchParams.append(key, klevu_search_product_tracking[key]) } const url = 'https://stats.ksearchnet.com/analytics/productTracking?'+ searchParams.toString(); fetch(url, { method: 'GET', crossDomain: true }).then(response => { }); } </script> <script> 'use strict'; function responseSerialize(response) { if (response.redirected) { window.location.href = response.url; } else if (response.ok) { return response.json(); } else { // Check if result is Promise then throw to new Error let defaultErrMsg = 'Something went wrong. Please contact the website admin for more information.', result; result = response.text(); if (typeof result?.then === 'function') { result.then(res => { let errorMessage; try { errorMessage = JSON.parse(res); errorMessage = errorMessage?.message ? errorMessage.message : defaultErrMsg; } catch (e) { errorMessage = defaultErrMsg; } window.dispatchMessages([ { type: 'error', text: errorMessage } ], 3000); }); } else { throw new Error(defaultErrMsg); } } } if (typeof window.buildRestAPIUrl !== 'function') { window.buildRestAPIUrl = function (url, params = {}) { const method = 'rest', storeCode = 'italian_store', version = 'V1', serviceUrl = ':method/:storeCode/:version'; let urlParts; params.method = method; params.storeCode = storeCode; params.version = version; url = serviceUrl + url; urlParts = url.split('/'); urlParts = urlParts.filter(Boolean); Object.entries(urlParts).forEach (entry => { let [key, part] = entry; part = part.replace(':', ''); if (params[part] !== undefined) { urlParts[key] = params[part]; } }); return urlParts.join('/'); } } if (typeof window.isObjectEmpty !== 'function') { window.isObjectEmpty = function (obj) { return ( Object.prototype.toString.call(obj) === '[object Object]' && JSON.stringify(obj) === '{}' ); } } if (typeof window.mergeDeep !== 'function') { /** * Deep merge two objects. * * @param target * @param sources * @returns {*} */ window.mergeDeep = (target, ...sources) => { /** * Simple object check. * * @param item * @returns {boolean} */ const isObject = (item) => { return (item && typeof item === 'object' && !Array.isArray(item)); }; if (!sources.length) return target; const source = sources.shift(); if (isObject(target) && isObject(source)) { for (const key in source) { if (isObject(source[key])) { if (!target[key]) Object.assign(target, { [key]: {} }); mergeDeep(target[key], source[key]); } else { Object.assign(target, { [key]: source[key] }); } } } return mergeDeep(target, ...sources); } } </script> <script> 'use strict'; function initParentContainerProcessor() { const selectors = { labelContainer: '.amasty-label-container', galleryImg: '#gallery img:not(.amasty-label-image)' } return { /** * @param {AmlabelComponent} label * @return {void} */ process: function (label) { this.moveLabelToParent(label); this.setParentStyles(label); }, /** * @param {AmlabelComponent} label * @return {void} */ moveLabelToParent: function (label) { const newParent = this.getNewParent(label); if (!newParent) { return; } const wrapperElement = newParent.querySelector(label.wrapperClass); label.parent = newParent; // if same wrapper already exists - move label there if (wrapperElement && !wrapperElement.isSameNode(label.element)) { this.insertLabelByPriority(label, wrapperElement); } else { newParent.prepend(label.element); } }, /** * @param {AmlabelComponent} label * @return {HTMLElement|null} */ getNewParent: function (label) { // move label to container from settings let newParent = label.element.closest(label.config.path) || this.findPreviousNodeExcludingScriptsAndDifferentLabels(label.element)?.querySelector(label.config.path) || label.parent.querySelector(label.config.path); // Try to find default gallery container on product page if none of the config selectors found if (!newParent && label.config.move !== 1 && label.config.mode === 'prod') { newParent = document.querySelector(selectors.galleryImg)?.parentElement; } return newParent; }, /** * @param {HTMLElement} element * @return {HTMLElement|null} */ findPreviousNodeExcludingScriptsAndDifferentLabels: function (element) { const previousElement = element?.previousElementSibling; if (!previousElement) { return null; } if (previousElement?.tagName !== 'SCRIPT' && !previousElement?.className?.includes?.('amlabel-position-wrapper') ) { return previousElement; } return this.findPreviousNodeExcludingScriptsAndDifferentLabels(previousElement); }, /** * @param {AmlabelComponent} label * @param {HTMLElement} wrapperElement * @return {void} */ insertLabelByPriority: function (label, wrapperElement) { const labelContainers = wrapperElement.querySelectorAll(selectors.labelContainer); const currentLabelOrder = label.labelContainer.dataset.amlabelOrder; let insertAfterContainer = null; // find the label behind which we want to insert current one by priority labelContainers.forEach(labelContainer => { if (labelContainer.dataset.amlabelOrder < currentLabelOrder) { insertAfterContainer = labelContainer; } }); insertAfterContainer === null ? wrapperElement.prepend(label.labelContainer) : insertAfterContainer.after(label.labelContainer); label.element.remove(); label.element = wrapperElement; }, /** * @param {AmlabelComponent} label * @return {void} */ setParentStyles: function (label) { /* required for child position absolute */ !(label.parent.style.position === 'absolute') && (label.parent.style.position = 'relative'); !label.parent.style.width && label.parent.classList.add('w-fit-content'); !label.parent.style.marginLeft && label.parent.classList.add('ml-auto'); !label.parent.style.marginRight && label.parent.classList.add('mr-auto'); }, } } </script> <script> 'use strict'; function initLabelItemProcessor() { /** * @typedef {Object} AmlabelComponent * * @property {HTMLElement} element Label wrapper element * @property {HTMLElement} parent Element where label should be placed * @property {boolean} initialized Is label initialized * @property {string} wrapperClass Dynamic class for label wrapper to place multiple labels properly by position * @property {HTMLElement} labelContainer Container for label text image and tooltip * @property {Config} config Label Configuration * @property {Object} parentContainerProcessor * @property {Object} labelItemProcessor */ /** * @typedef {Object} AmLabelConfig * * @property {0|1} alignment Labels Alignment config value (0 - Horizontal| 1 - Vertical) * @property {number} label Label Id * @property {number} margin Margin between labels config value * @property {('cat'|'prod')} mode Label mode * @property {number} move * @property {number} order Label order * @property {string} path The css selector to which label should place * @property {string} position Label position * @property {string} product Product Id * @property {string} redirect_url * @property {string} size Label size * @property {{ * backgroundColor: string, * color: string, * content: string, * status: 1|2|3 * }} tooltip */ return { /** * @param {AmlabelComponent} label * @return {void} */ process: function(label) { this.setLabelSize(label); this.setLinkProps(label); }, /** * @param {AmlabelComponent} label * @return {void} */ setLabelSize: function (label) { if (!label.config.size) { return; } label.labelContainer.style.width = label.parent.offsetWidth * label.config.size / 100 + 'px'; }, /** * * @param {Object} $event * @param {HTMLElement} tooltipNode */ placeTooltip: function($event, tooltipNode) { const labelNode = $event.target; const labelNodeRect = labelNode.getBoundingClientRect(); tooltipNode.style.bottom = (window.innerHeight - labelNodeRect.top) + 'px'; tooltipNode.style.left = (labelNodeRect.left + labelNode.offsetWidth / 2 ) + 'px'; }, /** * @param {AmlabelComponent} label * @return {void} */ setLinkProps: function (label) { !!label.config.redirect_url && label.labelContainer.classList.add('-link', 'cursor-pointer'); }, /** * @param {Object} $event Click event * @param {string} redirectUrl */ openLink: function($event, redirectUrl) { if (redirectUrl.length === 0) { return; } $event.preventDefault(); window.open(redirectUrl, '_blank'); } } } </script> <script> (function () { 'use strict'; const observedEvent = 'amlabel-swatch-product-changed'; const selectors = { swatchOptions: 'div[x-data^=initConfigurable][x-data*=Options]', addToCartFormOnListing: 'form.product_addtocart_form', galleryImage: '#gallery img:not(.amasty-label-image)', labelWrapper: '.amlabel-position-wrapper' } /** * @return {void} */ const injectLabelObserver = function () { const swatches = document.querySelectorAll(selectors.swatchOptions); swatches.forEach(swatch => { const isListing = !!swatch.closest(selectors.addToCartFormOnListing); const injectedDispatch = `$dispatch('${observedEvent}', ` + `{productIndex: productIndex, element: $el, optionConfig: optionConfig, isListing: ${isListing ? 1 : 0}})`; let mutatedInitAttribute = swatch.getAttribute('x-init'); mutatedInitAttribute += `; $watch('productIndex', (productIndex) => { ${injectedDispatch} });`; swatch.setAttribute('x-init', mutatedInitAttribute); }); } /** * @param {{ * productIndex: number, * element: HTMLElement, * optionConfig: Object, * isListing: 0|1 * }} payload * @return {void} */ const updateLabel = function ({detail: payload}) { const {productIndex, element, optionConfig, isListing} = payload; if (!productIndex) { return; } const reloadUrl = optionConfig.label_reload; const headers = { "content-type": "application/x-www-form-urlencoded; charset=UTF-8", }; const body = new URLSearchParams({ product_ids: productIndex, in_product_list: isListing }); const labelContainerSelector = isListing ? optionConfig.label_category : optionConfig.label_product; fetch(`${reloadUrl}?${body.toString()}`, {headers: headers, method: 'GET'}).then((response) => { if (response.ok) { return response.json(); } }).then((result) => { const labelHtml = result.labels && result.labels[productIndex]; let labelContainer = findClosest(element, labelContainerSelector); // Try to find default gallery container on product page if none of the config selectors found if (labelContainer === null && isListing === 0) { labelContainer = document.querySelector(selectors.galleryImage)?.parentElement; } if (!!labelContainer) { !!labelHtml ? replaceLabels(labelContainer, labelHtml) : clearLabelWrapper(labelContainer); } }).catch((error) => { typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( [{ type: 'error', text: error }], 5000 ); }); } /** * We use approach from hyva.replaceDomElement method to replace labels and init components * * @param {HTMLElement} labelContainer * @param {string} labelHtml * @return {void} */ function replaceLabels(labelContainer, labelHtml) { const parser = new DOMParser(); const doc = parser.parseFromString(labelHtml, 'text/html'); const nodes = doc.querySelectorAll(selectors.labelWrapper); if (!nodes) { return; } clearLabelWrapper(labelContainer); // Extract all the script tags from the new content. // Script tags won't execute when inserted into a dom-element directly, // therefore we need to inject them to the head of the document. const tmpScripts = doc.getElementsByTagName('script'); if (tmpScripts.length > 0) { // Push all script tags into an array // (to prevent dom manipulation while iterating over dom nodes) const scripts = [...tmpScripts]; // Iterate over all script tags and duplicate+inject each into the head scripts.forEach(script => { let scriptNode = document.createElement('script'); scriptNode.innerHTML = script.innerHTML; document.head.appendChild(scriptNode); // Remove the original (non-executing) node from the page script.parentNode.removeChild(script); }); } labelContainer.append(...nodes); } /** * @param {HTMLElement} labelContainer * @return {void} */ function clearLabelWrapper(labelContainer) { labelContainer.querySelectorAll(selectors.labelWrapper).forEach(wrapper => wrapper.remove()); } /** * @param {HTMLElement} currentElement * @param {string} selector * @return {HTMLElement|null} */ function findClosest(currentElement, selector) { // We need to limit parent searches to prevent labels from being associated with the wrong product. const maxDepth = 3; let counter = 0; let closest = null; while (currentElement.parentNode && closest === null && counter < maxDepth) { ++counter; currentElement = currentElement.parentNode; closest = currentElement.querySelector(selector); } return closest; } injectLabelObserver(); window.addEventListener(observedEvent, updateLabel); })(); </script> <script> // Functionality directly ported from original uiComponent, with minor modifications to work with Alpine function initBraintreePayPalExpress(clientToken, currency) { return { clientToken: clientToken, currency: currency, cart: null, customer: 0, isGuestCheckoutAllowed: null, init() { // don't do anything }, custom_init() { // called by nextTick this.loadScript('https://js.braintreegateway.com/web/3.92.2/js/client.min.js', function() { this.setupButton(this.$root); }.bind(this)); }, receiveCustomerData(event) { if(event.detail && event.detail.data){ this.cart = event.detail.data.cart; if(this.cart){ this.isGuestCheckoutAllowed = this.cart.isGuestCheckoutAllowed; } this.customer = event.detail.data.customer; } }, loadScript(url, callback) { const script = document.createElement('script'); script.type = 'text/javascript'; script.src = url; script.addEventListener('load', callback); document.head.appendChild(script); }, buildForm(actionUrl, fields) { const form = document.createElement('form'); form.action = actionUrl; form.method = 'POST'; form.hidden = true; form.enctype = 'application/x-www-form-urlencoded'; Object.entries(fields).forEach(field => { const [key, value] = field; let fieldElement; fieldElement = document.createElement('input'); fieldElement.type = 'hidden'; fieldElement.name = key; fieldElement.value = value; form.appendChild(fieldElement); }); document.body.appendChild(form); form.submit(); }, payPalButton(element, paypalCheckoutInstance) { let self = this, style = { color: element.dataset.color, shape: element.dataset.shape, size: element.dataset.size, }; if (element.dataset.fundingicons) { style.fundingicons = element.dataset.fundingicons; } // Render let paypalActions; let button = paypal.Buttons({ fundingSource: element.dataset.funding, style: style, createOrder: function () { return paypalCheckoutInstance.createPayment({ amount: element.dataset.amount, locale: element.dataset.locale, currency: element.dataset.currency, flow: 'checkout', enableShippingAddress: true, displayName: element.dataset.displayname, }); }, validate: function(actions) { if (!self.customer.firstname && !self.isGuestCheckoutAllowed) { actions.disable(); } paypalActions = actions; }, onCancel: function (data) { console.warn('paypalCheckout\u0020has\u0020been\u0020cancelled', data); }, onError: function (err) { console.error('paypalCheckout\u0020button\u0020render\u0020error', err); }, onClick: function(data) { if (!self.customer.firstname && !self.isGuestCheckoutAllowed) { alert('Per\u0020il\u0020checkout,\u0020registrati\u0020usando\u0020il\u0020tuo\u0020indirizzo\u0020email.'); } }, onApprove: function (data1) { return paypalCheckoutInstance.tokenizePayment(data1, function(err, payload) { // Map the shipping address correctly var address = payload.details.shippingAddress, recipientFirstName, recipientLastName; if (typeof address.recipientName !== 'undefined') { var recipientName = address.recipientName.split(" "); recipientFirstName = recipientName[0].replace(/'/g, "'"); recipientLastName = recipientName[1].replace(/'/g, "'"); } else { recipientFirstName = payload.details.firstName.replace(/'/g, "'"); recipientLastName = payload.details.lastName.replace(/'/g, "'"); } payload.details.shippingAddress = { streetAddress: typeof address.line2 !== 'undefined' ? address.line1.replace(/'/g, ''') + ' ' + address.line2.replace(/'/g, ''') : address.line1.replace(/'/g, '''), locality: address.city.replace(/'/g, '''), postalCode: address.postalCode, countryCodeAlpha2: address.countryCode, email: payload.details.email.replace(/'/g, '''), recipientFirstName: recipientFirstName, recipientLastName: recipientLastName, telephone: typeof payload.details.phone !== 'undefined' ? payload.details.phone : '', region: typeof address.state !== 'undefined' ? address.state.replace(/'/g, ''') : '', }; if(element.dataset.location === 'productpage') { var form = document.getElementById('product_addtocart_form'); if (!form.checkValidity()) { return false; } payload.additionalData = form.serialize(); } var actionSuccess = element.dataset.actionsuccess; self.buildForm( actionSuccess, { result: JSON.stringify(payload), form_key: hyva.getFormKey(), } ); }); } }); if (!button.isEligible()) { element.parentNode.remove(); return; } // Clear element content prior to render to prevent duplicated buttons element.innerHTML = ''; button.render(element); }, renderpayPalMessages() { document.querySelectorAll('.action-braintree-paypal-message').forEach((container) => { paypal.Messages({ amount: container.dataset['pp-amount'], pageType: container.dataset['pp-type'], style: { layout: 'text', }, }).render('#' + container.id); }) }, loadBraintreeSDK(token, currency, button) { let self = this; braintree.client.create({ authorization: token }, (clientErr, clientInstance) => { if (clientErr) { return console.error('paypalCheckout\u0020error', clientErr); } self.loadScript('https://js.braintreegateway.com/web/3.92.2/js/data-collector.min.js', () => { braintree.dataCollector.create({ client: clientInstance, paypal: true }, (err, dataCollectorinstance) => { if (err) { return console.error(err); } }); }); self.loadScript('https://js.braintreegateway.com/web/3.92.2/js/paypal-checkout.min.js', () => { braintree.paypalCheckout.create({ client: clientInstance }, (err, paypalCheckoutInstance) => { if (typeof paypal !== 'undefined' ) { self.payPalButton(button, paypalCheckoutInstance); self.renderpayPalMessages(); } else { paypalCheckoutInstance.loadPayPalSDK({ components: 'buttons,messages,funding-eligibility', currency: currency, }, () => { self.payPalButton(button, paypalCheckoutInstance); self.renderpayPalMessages(); }); } }); }); }); }, setupButton(button) { this.loadBraintreeSDK(this.clientToken, this.currency, button); }, } } </script> <script> function initBraintreeApplePayExpress() { return { buttonApi: {}, /** * Initialise Apple Pay. */ init() { if (!this.deviceSupported()) { return; } this.loadScript('https://js.braintreegateway.com/web/3.92.2/js/client.min.js', function() { this.setupButton(this.$root); }.bind(this)); }, /** * Dynamically load a script from a given url. * * @param {String} url * @param callback * @return void */ loadScript(url, callback) { const script = document.createElement('script'); script.type = 'text/javascript'; script.src = url; script.addEventListener('load', callback); document.head.appendChild(script); }, /** * Fetch the countries via the Magento API. * * @return void */ setupCountryDirectory() { if (!this.countryDirectory) { fetch( BASE_URL + 'rest/V1/directory/countries', { method: 'GET', } ).then(function (response) { return response.json(); }).then(function (response) { this.countryDirectory = {}; for (let i = 0; i < response.length; i++) { let data = response[i]; this.countryDirectory[data.two_letter_abbreviation] = {}; if (typeof data.available_regions !== 'undefined') { for (let x = 0; x < data.available_regions.length; x++) { let region = data.available_regions[x]; let regionName = region.name.toLowerCase().replace(/[^A-Z0-9]/ig, ''); this.countryDirectory[data.two_letter_abbreviation][regionName] = region.id; } } } }.bind(this)); } }, /** * Get the API URL based on whether the customer is logged in or not. * * @param {String} uri * @return {String} */ getApiUrl(uri) { const baseUrl = BASE_URL + 'rest/' + this.storeCode + '/V1/'; if (this.isLoggedIn) { return baseUrl + 'carts/mine/' + uri; } else { return baseUrl + 'guest-carts/' + this.quoteId + '/' + uri; } }, /** * Get the region ID given a country code and region name combination. * * @param {String} countryCode * @param {String} regionName * @return {String|Number} */ getRegionId(countryCode, regionName) { if (typeof regionName !== 'string') { return null; } regionName = regionName.toLowerCase().replace(/[^A-Z0-9]/ig, ''); if (typeof this.countryDirectory[countryCode] !== 'undefined' && typeof this.countryDirectory[countryCode][regionName] !== 'undefined' ) { return this.countryDirectory[countryCode][regionName]; } return 0; }, /** * Check the site is using HTTPS & Apple Pay is supported on the device. * * @return boolean */ deviceSupported() { if (location.protocol !== 'https:') { console.warn('Braintree\u0020Apple\u0020Pay\u0020requires\u0020your\u0020checkout\u0020be\u0020served\u0020over\u0020HTTPS'); return false; } if (!(window.ApplePaySession && ApplePaySession.canMakePayments())) { console.warn('Braintree\u0020Apple\u0020Pay\u0020is\u0020not\u0020supported\u0020on\u0020this\u0020device\u002Fbrowser'); return false; } return true; }, /** * Retrieve shipping methods based on address. * * @param {Object} event * @param {Object} session * @return false on error */ onShippingContactSelect(event, session) { // get the address let address = event.shippingContact; // create a payload let payload = { address: { city: address.locality, region: address.administrativeArea, country_id: address.countryCode.toUpperCase(), postcode: address.postalCode, save_in_address_book: 0, }, }; this.shippingAddress = payload.address; // POST to endpoint for shipping methods fetch( this.getApiUrl('estimate-shipping-methods'), { method: 'POST', body: JSON.stringify(payload), headers: { 'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest' }, } ).then(function (response) { return response.json(); }).then(function (response) { // stop if no shipping methods if (response.length === 0) { let virtualFlag = false; let productItems = customerData.get('cart')().items; productItems.forEach((item) => { virtualFlag = item.product_type === 'virtual'; }); if (virtualFlag) { session.completeShippingContactSelection( ApplePaySession.STATUS_SUCCESS, [], { label: this.displayName, amount: this.grandTotalAmount, }, [ { type: 'final', label: 'spedizione', amount: 0, }, ] ); } else { session.abort(); alert('There\u0020are\u0020no\u0020shipping\u0020methods\u0020available\u0020for\u0020you\u0020right\u0020now.\u0020Please\u0020try\u0020again\u0020or\u0020use\u0020an\u0020alternative\u0020payment\u0020method.'); return false; } } let shippingMethods = []; this.shippingMethods = {}; // format shipping methods array for (let i = 0; i < response.length; i++) { if (typeof response[i].method_code !== 'string') { continue; } let method = { identifier: response[i].method_code, label: response[i].method_title, detail: response[i].carrier_title ? response[i].carrier_title : '', amount: parseFloat(response[i].amount).toFixed(2), }; // add method object to array shippingMethods.push(method); this.shippingMethods[response[i].method_code] = response[i]; if (!this.shippingMethod) { this.shippingMethod = response[i].method_code; } } // create payload to get totals let totalsPayload = { 'addressInformation': { 'address': { 'countryId': this.shippingAddress.country_id, 'region': this.shippingAddress.region, 'regionId': this.getRegionId( this.shippingAddress.country_id, this.shippingAddress.region ), 'postcode': this.shippingAddress.postcode }, 'shipping_method_code': this.shippingMethods[shippingMethods[0].identifier].method_code, 'shipping_carrier_code': this.shippingMethods[shippingMethods[0].identifier].carrier_code, }, }; // POST to endpoint to get totals, using first shipping method fetch( this.getApiUrl('totals-information'), { method: 'POST', body: JSON.stringify(totalsPayload), headers: { 'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest' }, } ).then(function (response) { return response.json(); }).then(function (response) { // set total this.grandTotalAmount = response.base_grand_total; // pass shipping methods back session.completeShippingContactSelection( ApplePaySession.STATUS_SUCCESS, shippingMethods, { label: this.displayName, amount: this.grandTotalAmount, }, [ { type: 'final', label: 'spedizione', amount: shippingMethods[0].amount, }, ] ); }.bind(this)).catch(function (response) { session.abort(); alert('We\u0020are\u0020unable\u0020to\u0020fetch\u0020the\u0020cart\u0020totals\u0020for\u0020you.\u0020Please\u0020try\u0020an\u0020alternative\u0020payment\u0020method.'); console.error( 'Braintree\u0020ApplePay\u003A\u0020Unable\u0020to\u0020get\u0020totals', response ); return false; }); }.bind(this)).catch(function (response) { session.abort(); alert('We\u0020are\u0020unable\u0020to\u0020find\u0020any\u0020shipping\u0020methods\u0020for\u0020you.\u0020Please\u0020try\u0020an\u0020alternative\u0020payment\u0020method.'); console.error( 'Braintree\u0020ApplePay\u003A\u0020Unable\u0020to\u0020find\u0020shipping\u0020methods\u0020for\u0020estimate\u002Dshipping\u002Dmethods', response ); return false; }); }, /** * Record which shipping method has been selected and update totals. * * @param {Object} event * @param {Object} session * @return void */ onShippingMethodSelect(event, session) { let shippingMethod = event.shippingMethod; this.shippingMethod = shippingMethod.identifier; let payload = { 'addressInformation': { 'address': { 'countryId': this.shippingAddress.country_id, 'region': this.shippingAddress.region, 'regionId': this.getRegionId(this.shippingAddress.country_id, this.shippingAddress.region), 'postcode': this.shippingAddress.postcode, }, 'shipping_method_code': this.shippingMethods[this.shippingMethod].method_code, 'shipping_carrier_code': this.shippingMethods[this.shippingMethod].carrier_code, }, }; fetch( this.getApiUrl('totals-information'), { method: 'POST', body: JSON.stringify(payload), headers: { 'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest' }, } ).then(function (response) { return response.json(); }).then(function (response) { this.grandTotalAmount = response.base_grand_total; session.completeShippingMethodSelection( ApplePaySession.STATUS_SUCCESS, { label: this.displayName, amount: this.grandTotalAmount, }, [ { type: 'final', label: 'spedizione', amount: shippingMethod.amount, }, ] ); }.bind(this)); }, /** * Get the payment request. * * @return {Object} */ getPaymentRequest() { return { total: { label: this.displayName, amount: this.grandTotalAmount, }, requiredShippingContactFields: ['postalAddress', 'name', 'email', 'phone'], requiredBillingContactFields: ['postalAddress', 'name'], }; }, /** * Initiate the order placement process. * * @param {String} nonce * @param {Object} event * @param {Object} session */ startPlaceOrder(nonce, event, session) { let shippingContact = event.payment.shippingContact; let billingContact = event.payment.billingContact; let payload = { 'addressInformation': { 'shipping_address': { 'email': shippingContact.emailAddress, 'telephone': shippingContact.phoneNumber, 'firstname': shippingContact.givenName, 'lastname': shippingContact.familyName, 'street': shippingContact.addressLines, 'city': shippingContact.locality, 'region': shippingContact.administrativeArea, 'region_id': this.getRegionId( shippingContact.countryCode.toUpperCase(), shippingContact.administrativeArea ), 'region_code': null, 'country_id': shippingContact.countryCode.toUpperCase(), 'postcode': shippingContact.postalCode, 'same_as_billing': 0, 'customer_address_id': 0, 'save_in_address_book': 0, }, 'billing_address': { 'email': shippingContact.emailAddress, 'telephone': '0000000000', 'firstname': billingContact.givenName, 'lastname': billingContact.familyName, 'street': billingContact.addressLines, 'city': billingContact.locality, 'region': billingContact.administrativeArea, 'region_id': this.getRegionId( billingContact.countryCode.toUpperCase(), billingContact.administrativeArea ), 'region_code': null, 'country_id': billingContact.countryCode.toUpperCase(), 'postcode': billingContact.postalCode, 'same_as_billing': 0, 'customer_address_id': 0, 'save_in_address_book': 0, }, 'shipping_method_code': this.shippingMethod ? this.shippingMethods[this.shippingMethod].method_code : '' , 'shipping_carrier_code': this.shippingMethod ? this.shippingMethods[this.shippingMethod].carrier_code : '', } }; // set addresses fetch( this.getApiUrl('shipping-information'), { method: 'POST', body: JSON.stringify(payload), headers: { 'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest' }, } ).then(function () { // submit payment information fetch( this.getApiUrl('payment-information'), { method: 'POST', body: JSON.stringify( { 'email': shippingContact.emailAddress, 'paymentMethod': { 'method': 'braintree_applepay', 'additional_data': { 'payment_method_nonce': nonce, }, 'extension_attributes': { 'agreement_ids': [1], }, }, } ), headers: { 'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest' }, } ).then(function (response) { document.location = this.actionSuccess; session.completePayment(ApplePaySession.STATUS_SUCCESS); }.bind(this)).catch(function (response) { session.completePayment(ApplePaySession.STATUS_FAILURE); session.abort(); alert('We\u0020are\u0020unable\u0020to\u0020take\u0020your\u0020payment\u0020through\u0020Apple\u0020Pay.\u0020Please\u0020try\u0020an\u0020again\u0020or\u0020use\u0020an\u0020alternative\u0020payment\u0020method.'); console.error( 'Braintree\u0020ApplePay\u003A\u0020Unable\u0020to\u0020take\u0020payment', response ); return false; }); }.bind(this)).catch(function (response) { console.error( 'Braintree\u0020ApplePay\u0020Unable\u0020to\u0020set\u0020shipping\u0020information', response ); session.completePayment(ApplePaySession.STATUS_INVALID_BILLING_POSTAL_ADDRESS); }); }, /** * Initialise the Apple Pay button. * * @param {HTMLElement} button * @param {Object} context = this.buttonApi */ initButton(button, context) { // no element or context if (!button || !context) { return; } // context must implement these methods/have this data if (!context.clientToken) { console.error( 'Braintree\u0020ApplePay\u0020Context\u0020passed\u0020does\u0020not\u0020provide\u0020a\u0020client\u0020token', context ); return; } if (typeof context.getPaymentRequest !== 'function') { console.error( 'Braintree\u0020ApplePay\u0020Context\u0020passed\u0020does\u0020not\u0020provide\u0020a\u0020getPaymentRequest\u0020method', context ); return; } if (typeof context.startPlaceOrder !== 'function') { console.error( 'Braintree\u0020ApplePay\u0020Context\u0020passed\u0020does\u0020not\u0020provide\u0020a\u0020startPlaceOrder\u0020method', context ); return; } if (this.deviceSupported() === false) { return; } this.loadScript('https://js.braintreegateway.com/web/3.92.2/js/apple-pay.min.js', () => { // init braintree api braintree.client.create({authorization: context.clientToken}, function (clientErr, clientInstance) { if (clientErr) { console.error('Error\u0020creating\u0020client\u003A', clientErr); return; } braintree.applePay.create({client: clientInstance}, function (applePayErr, applePayInstance) { // no instance if (applePayErr) { console.error( 'Braintree\u0020ApplePay\u0020Error\u0020creating\u0020applePayInstance\u003A', applePayErr ); return; } var el = document.createElement('div'); el.className = 'braintree-apple-pay-button'; el.title = 'Pay\u0020with\u0020Apple\u0020Pay'; el.alt = 'Pay\u0020with\u0020Apple\u0020Pay'; el.addEventListener('click', function (e) { e.preventDefault(); // payment request object var paymentRequest = applePayInstance.createPaymentRequest(context.getPaymentRequest()); if (!paymentRequest) { alert('We\u0020are\u0020unable\u0020to\u0020take\u0020payments\u0020through\u0020Apple\u0020Pay\u0020at\u0020the\u0020moment.\u0020Please\u0020try\u0020an\u0020alternative\u0020payment\u0020method.'); console.error( 'Braintree\u0020ApplePay\u0020Unable\u0020to\u0020create\u0020paymentRequest', paymentRequest ); return; } // init Apple Pay session try { var session = new ApplePaySession(1, paymentRequest); } catch (err) { console.error( 'Braintree\u0020ApplePay\u0020Unable\u0020to\u0020create\u0020ApplePaySession', err ); alert('We\u0020are\u0020unable\u0020to\u0020take\u0020payments\u0020through\u0020Apple\u0020Pay\u0020at\u0020the\u0020moment.\u0020Please\u0020try\u0020an\u0020alternative\u0020payment\u0020method.'); return false; } // handle invalid merchant session.onvalidatemerchant = function (event) { applePayInstance.performValidation({ validationURL: event.validationURL, displayName: context.displayName, }, function (validationErr, merchantSession) { if (validationErr) { session.abort(); console.error( 'Braintree\u0020ApplePay\u0020Error\u0020validating\u0020merchant\u003A', validationErr ); alert('We\u0020are\u0020unable\u0020to\u0020take\u0020payments\u0020through\u0020Apple\u0020Pay\u0020at\u0020the\u0020moment.\u0020Please\u0020try\u0020an\u0020alternative\u0020payment\u0020method.'); return; } session.completeMerchantValidation(merchantSession); }); }; // attach payment auth event session.onpaymentauthorized = function (event) { applePayInstance.tokenize({ token: event.payment.token }, function (tokenizeErr, payload) { if (tokenizeErr) { console.error( 'Error\u0020tokenizing\u0020Apple\u0020Pay\u003A', tokenizeErr ); session.completePayment(ApplePaySession.STATUS_FAILURE); return; } // pass the nonce back to the payment method context.startPlaceOrder(payload.nonce, event, session); }); }; // attach onShippingContactSelect method if (typeof context.onShippingContactSelect === 'function') { session.onshippingcontactselected = function (event) { return context.onShippingContactSelect(event, session); }; } // attach onShippingMethodSelect method if (typeof context.onShippingMethodSelect === 'function') { session.onshippingmethodselected = function (event) { return context.onShippingMethodSelect(event, session); }; } // hook if (typeof context.onButtonClick === 'function') { context.onButtonClick(session, this, e); } else { session.begin(); } }); button.appendChild(el); }); }); }); }, /** * Perform Apple Pay button setup. * * @param {HTMLElement} button * @returns {*} */ setupButton(button) { this.buttonApi = { actionSuccess: button.getAttribute('data-success'), clientToken: button.getAttribute('data-client-token'), countryDirectory: this.setupCountryDirectory, displayName: button.getAttribute('data-display-name'), getApiUrl: this.getApiUrl, getPaymentRequest: this.getPaymentRequest, getRegionId: this.getRegionId, grandTotalAmount: parseFloat(button.getAttribute('data-amount')), isLoggedIn: (button.getAttribute('data-is-logged-in') === 'true'), onShippingContactSelect: this.onShippingContactSelect, onShippingMethodSelect: this.onShippingMethodSelect, quoteId: button.getAttribute('data-quote-id'), shippingAddress: {}, shippingMethods: {}, startPlaceOrder: this.startPlaceOrder, storeCode: button.getAttribute('data-store-code'), }; // attach the button this.initButton( button, this.buttonApi ); return this; }, } } </script> <script> 'use strict'; (function () { const modals = []; const excludedFromFocusTrapping = new Set(); function loadInertPolyfill(callback) { if (window.hyva.modal.disableInertPolyfill) { callback && callback(); } else { const polyfill = document.createElement('script'); polyfill.src = 'https\u003A\u002F\u002Fwww.barberdts.com\u002Fit\u002Fstatic\u002Fversion1713820785\u002Ffrontend\u002FHyva\u002Fbarberdts\u002Fit_IT\u002FHyva_Theme\u002Fjs\u002Fwicg\u002Dinert\u002D3.1.1\u002Finert.min.js'; callback && polyfill.addEventListener('load', callback); const firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(polyfill, firstScriptTag); } } let isInertPolyfillLoaded = 0; function setSiblingsInert(dialogElement, toState) { if (isInertPolyfillLoaded === 0) { isInertPolyfillLoaded = 1; loadInertPolyfill(() => { isInertPolyfillLoaded = 2; setSiblingsInert(dialogElement, toState) }) return; } if (isInertPolyfillLoaded === 1) { return; } let el = dialogElement; while (el && (el = el.parentElement)) { if (el === document.body || el.parentElement === null) continue; Array.from(el.parentElement.children).forEach(sibling => { if (sibling !== el) { sibling.inert = toState; } }) } (function setChildrenInert(el, toState) { if (el) { el.inert = toState; Array.from(el.children).forEach(child => setChildrenInert(child, toState)); } })(findParentWithOverlaySpread(dialogElement), ! toState) excludedFromFocusTrapping.forEach(selector => { Array.from(document.querySelectorAll(selector)).map(el => el.inert = false); }) } function findParentWithOverlaySpread(el) { while (el && (el = el.parentElement)) { if (el === document.body || el.parentElement === null) continue; if (el.hasAttribute('x-spread') && el.getAttribute('x-spread').indexOf('overlay(') !== -1) { return el; } } } function freeFocusFromModalTrap(modal) { const dialogElement = modal.instance.$refs[modal.name]; isOverlayDisabled(dialogElement) || modal.instance.$nextTick(() => setSiblingsInert(dialogElement, false)); } function trapFocusInNextModalWithOverlay() { for (let idx = modals.length -1; idx >= 0; idx--) { const nextOnStack = modals[idx]; const nextDialogElement = nextOnStack.instance.$refs[nextOnStack.name]; if (! isOverlayDisabled(nextDialogElement)) { nextOnStack.instance.$nextTick(() => setSiblingsInert(nextDialogElement, true)); break; } } } function focusables(dialogElement) { const selector = 'a, button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])'; return Array.from(dialogElement.querySelectorAll(selector)) .filter(el => !el.hasAttribute('disabled')); } function firstVisible(elements) { const a = Array.from(elements); for (let i = 0; i < a.length; i++) { if (a[i].offsetWidth || a[i].offsetHeight || a[i].getClientRects().length) return a[i]; } return null; } function isInViewport(element) { const rect = element && element.getBoundingClientRect(); return rect && rect.top >= 0 && rect.left >= 0 && rect.right <= window.innerWidth && rect.bottom <= window.innerHeight; } function setFocusAfterTransition(dialogElement, duration) { window.setTimeout(() => { const focusElement = firstVisible(dialogElement.querySelectorAll('[x-focus-first]')) || focusables(dialogElement)[0] || null; focusElement && isInViewport(focusElement) && focusElement.focus(); }, duration + 1); } function determineTrigger($refs, dialog, trigger) { if (typeof trigger === 'undefined' && typeof dialog === 'object' && dialog.target && dialog.target.focus) { return dialog.target; } if (typeof dialog === 'string' && typeof trigger === 'object' && trigger.target && trigger.target.focus) { return trigger.target; } if (typeof trigger === 'string') { try { return $refs[trigger] || document.querySelector(trigger) } catch (e) {} } if (trigger instanceof Element) { return trigger; } return null; } function isOverlayDisabled(dialog) { return dialog && dialog.hasAttribute('x-no-overlay') } function areRemainingModalsWithoutOverlay(modals) { const overflowDisabled = modals.map(modal => modal.instance.$refs[modal.name]).filter(isOverlayDisabled); return overflowDisabled.length === modals.length; } window.hyva.modal = function(options) { const config = Object.assign({ dialog: 'dialog', duration: 300, transitionEnter: 'transition ease-out duration-300', transitionEnterStart: 'opacity-0', transitionEnterEnd: 'opacity-100', transitionLeave: 'transition ease-in duration-300', transitionLeaveStart: 'opacity-100', transitionLeaveEnd: 'opacity-0', }, options); let lastHide = 0; return { opened: {}, show(dialog, trigger) { const focusTargetAfterHide = determineTrigger(this.$refs, dialog, trigger); const name = typeof dialog === 'string' ? dialog : config.dialog; const dialogElement = this.$refs[name]; if (! dialogElement) { return; } const useOverlay = ! dialogElement.hasAttribute('x-no-overlay'); dialogElement.scrollTop = 0; if (this.opened[name]) { return; } if (focusTargetAfterHide) { focusTargetAfterHide.setAttribute('aria-expanded', 'true'); } this.opened[name] = true; useOverlay && this.$nextTick(() => setSiblingsInert(dialogElement, true)); setFocusAfterTransition(dialogElement, config.duration); const frame = {name, instance: this, focusTarget: focusTargetAfterHide, time: Date.now()}; modals.push(frame); if (useOverlay) { document.body.classList.add('overflow-hidden'); } return new Promise(resolve => frame.resolve = resolve); }, cancel() { this.hide(false); }, ok() { this.hide(true); }, hide(value) { if (Date.now() - lastHide < config.duration) { return; } lastHide = Date.now(); const modal = modals.pop() || {}; const name = modal.name; this.opened[name] = false; freeFocusFromModalTrap(modal) trapFocusInNextModalWithOverlay(); const nextFocusAfterHide = modal.focusTarget; nextFocusAfterHide && setTimeout(() => { nextFocusAfterHide.setAttribute('aria-expanded', 'false'); nextFocusAfterHide.focus() }, config.duration); if (modals.length === 0 || areRemainingModalsWithoutOverlay(modals)) { document.body.classList.remove('overflow-hidden'); } modal.resolve(value); }, overlay(dialog) { const name = typeof dialog === 'string' ? dialog : config.dialog; return { ['x-show']() { return this.opened[name] }, ['x-transition:enter']: config.transitionEnter, ['x-transition:enter-start']: config.transitionEnterStart, ['x-transition:enter-end']: config.transitionEnterEnd, ['x-transition:leave']: config.transitionLeave, ['x-transition:leave-start']: config.transitionLeaveStart, ['x-transition:leave-end']: config.transitionLeaveEnd, ['@hyva-modal-show.window'](event) { event.detail && event.detail.dialog === name && this.show(name, event.detail.focusAfterHide) } }; } }; } window.hyva.modal.peek = () => modals.length > 0 && modals[modals.length -1] window.hyva.modal.pop = function () { if (modals.length > 0) { const modal = modals[modals.length -1]; modal.instance.hide(); } } window.hyva.modal.excludeSelectorsFromFocusTrap = function (selectors) { typeof selectors === 'string' || selectors instanceof String ? excludedFromFocusTrapping.add(selectors) : selectors.map(selector => excludedFromFocusTrapping.add(selector)); } window.hyva.modal.eventListeners = { keydown: event => { if (event.key === 'Escape') { window.hyva.modal.pop(); } }, click: event => { if (modals.length > 0) { const modal = modals[modals.length -1]; const dialog = modal.instance.$refs[modal.name]; if (modal.time + 50 < Date.now() && // if last click processing is more than 50ms ago ! isOverlayDisabled(dialog) && // if dialog has overlay ! dialog.contains(event.target)) { // if click is outside of dialog modal.instance.hide(); } } } }; document.addEventListener('keydown', window.hyva.modal.eventListeners.keydown); document.addEventListener('click', window.hyva.modal.eventListeners.click); })(); </script> <script> (() => { const { fetch: originalFetch } = window; window.fetch = async (...args) => { let [resource, config ] = args; let targetUrl = (resource instanceof Request) ? resource.url : resource.toString(); const response = await originalFetch(resource, config); const json = () => response.clone().json().then((data) => { switch (true) { case -1 !== targetUrl.indexOf('removeItem'): if (data.hasOwnProperty('dataLayer') && 'undefined' !== typeof dataLayer) { AEC.Cookie.remove(data.dataLayer).push(dataLayer); } break; } return data; }); response.json = json; return response; }; /** * Custom variants */ AEC.EventDispatcher.on('ec.variants', variants => { if (!variants.length) { [...document.querySelectorAll('[name^="super_attribute"')].forEach(input => { if (input.parentNode.classList.contains('border-primary')) { var name = input.getAttribute('name'), id = name.substring(name.indexOf('[') + 1, name.lastIndexOf(']')); Object.entries(AEC.SUPER).forEach(([key, attribute]) => { if (attribute.id == id) { attribute.options.forEach(option => { if (option.value_index == input.value) { variants.push( { id: id, option: option.value_index, text: option.label }); } }); } }); } }); } }); window.addEventListener('add-to-cart', event => { let element = [...document.querySelectorAll('[data-event=add_to_cart]')].filter(node => { return node.dataset.id === event.detail.product_sku; }); if (element) { AEC.add(element[0], dataLayer); } }); window.addEventListener('cart-data-updated', event => { dataLayer.push( { event: 'update_cart', payload: event.detail.cart }); }); })(); </script> <script> (()=> { 'use strict'; const mainContentTagName = 'MAIN'; const amBrandPosition = { selectors: { brands: '.product-brands-wrapper', productInfoTitleP: '.product-info-main p.title-font', productInfoTitleH1: '.product-info-main h1.title-font', productInfoTitleH1Wrapper: 'div.container' }, amBrandPositionInit() { const brands = document.querySelector(this.selectors.brands); let target, brandsParent; if (!brands) { return; } brandsParent = brands?.parentNode; if (brandsParent.tagName === mainContentTagName) { target = document.querySelector(this.selectors.productInfoTitleP); this.moveElement(brands, target); } else { target = document.querySelector(this.selectors.productInfoTitleH1) .closest(this.selectors.productInfoTitleH1Wrapper); this.moveElement(brands, target); brands.classList.add('w-full'); } }, moveElement(element, target) { const fragment = document.createDocumentFragment(); fragment.appendChild(element); target.append(fragment); element.classList.remove('hidden'); } } document.addEventListener('DOMContentLoaded', () => { amBrandPosition.amBrandPositionInit(); }) })() </script></div><script type="text/javascript">window.NREUM||(NREUM={});NREUM.info={"beacon":"bam.eu01.nr-data.net","licenseKey":"NRJS-fda9401f5bd6ac6aaa0","applicationID":"496989400","transactionName":"MhBSZQoZWkRWW0JQDQtacVIMEVtZGFtXTQMJGlceCApbU0JbQhYUDBBH","queueTime":0,"applicationTime":2291,"atts":"HldRE0IDSUo=","errorBeacon":"bam.eu01.nr-data.net","agent":""}</script></body> </html>

Eternal Welker Rotar y macchina 3,2 mmBlack

Potrebbe piacerti anche