32 Sesgen nutritive activating cream 50ml Sesderma

Sesderma - Cream - 50 ml

(0)

Promotion

20% off

55.98 € / 100 ml

In stock

Product on promotion. Discount already applied to the product price. Valid until 10/05/26. See more promotional products

20% off applied in the cart. Until 10/05/26. See more promotional products

Free from 89€
100% Secure Payments

Product details

Description
32 Sesgen nutrient Activator 50ml
<IFRAME></p><p> This nourishing cream for <a href= https://www.mifarma.co.uk/cosmetica-y-belleza/facial/antiarrugas >wrinkles and lines of expression</a> .</p><p> Especially effective in dry or sensitive skins.</p><p> moisturizing</p><p><b>how to use</b></p><p> Apply twice daily using gentle circular massage until completely absorbed.</p><p><b>Composition</b></p><p> Tripeptide 32 and trepona.</p></div></section></div></li><li class="flex flex-col justify-center cursor-pointer relative lg:mb-0 border-t border-neutral-80" id="key-details-title" ><div class="flex gap-4 py-6 items-center justify-between" @click.prevent.stop="toggleTabs('key-details')"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 16 16" fill="none" role="img"><g fill="#1A1D32" fill-rule="evenodd" clip-path="url(#a)" clip-rule="evenodd"><path d="M5.328 8A2.677 2.677 0 0 1 8 5.333c1.47 0 2.672 1.2 2.672 2.667A2.677 2.677 0 0 1 8 10.667c-1.47 0-2.672-1.2-2.672-2.667Zm1.336 0c0 .733.601 1.333 1.336 1.333.735 0 1.336-.6 1.336-1.333S8.735 6.667 8 6.667c-.735 0-1.336.6-1.336 1.333Z"/><path d="M8 2c5.01 0 7.816 5.467 7.95 5.733.067.134.067.4 0 .534C15.816 8.533 13.01 14 8 14S.184 8.533.05 8.267a.735.735 0 0 1 0-.534C.184 7.467 2.99 2 8 2ZM1.386 8C2.054 9.067 4.392 12.667 8 12.667c3.607 0 5.946-3.6 6.614-4.667C13.946 6.933 11.607 3.333 8 3.333c-3.608 0-5.946 3.6-6.614 4.667Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs><title>ico-eye</title></svg><h3 class="font-semibold title w-max grow text-base lg:text-lg font-client"> Key details</h3><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 8" width="14" height="14" fill="currentColor" class="mx-1 transition-all" :class="{ 'rotate-180': currentTab === 'key-details' }" role="img"><path d="M13.685 1.816c.42-.415.42-1.09 0-1.506a1.076 1.076 0 0 0-1.512 0L7 5.433 1.827.31a1.076 1.076 0 0 0-1.512 0c-.42.416-.42 1.09 0 1.506l5.934 5.876a1.069 1.069 0 0 0 1.502 0l5.934-5.876Z"/><title>ico-chevron-down</title></svg></div><div x-show="currentTab === 'key-details'" x-cloak ><section class="tabs__content p-6 lg:p-8 pb-10 -mx-4 md:mx-0 bg-neutral-100 "><div class="p-6"><ul class="grid lg:grid-cols-2 gap-6 text-sm md:text-base"><li class="flex flex-col"><span class="font-semibold">Product type</span> Cream </li><li class="flex flex-col"><span class="font-semibold">Unit price</span> 55.98 € / 100 ml </li><li class="flex flex-col"><span class="font-semibold">Brand</span><a class="underline" href="https://www.mifarma.eu/brands/sesderma"> Sesderma </a></li><li class="flex flex-col"><span class="font-semibold">PVP</span> 54,68 </li></ul></div></section></div></li></ul><script> function initTabs() { return { "currentTab": "description", toggleTabs (tab) { if (this.currentTab !== tab) { this.currentTab = tab; } else { this.currentTab = false; } } } } </script></div></div><div id="review-list" class="relative" :class="{'pointer-events-none': loading}" x-data="initReviews()" x-defer="intersect" ><div class="reviews-header yotpo-section" id="reviews-header" data-content="reviews-link"><div class="flex justify-between items-center mb-3 "><h2 class="text-lg font-semibold font-client">Opinions</h2><a href="https://mifarma.eu/terms" class="text-sm underline text-neutral-50"> Our review policy </a></div><div class="flex flex-col lg:flex-row lg:justify-between items-start"><div class="w-full flex items-center gap-6 lg:w-1/2 lg:flex-col lg:items-start lg:gap-2 mb-10"><div class="rating-summary flex flex-col gap-2"><div class="relative" style="width: 128px"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 97 16" class="text-neutral-70" width="128" height="24" aria-hidden="true"><path d="m8.5 0 2.351 4.764 5.257.764-3.804 3.708.898 5.236L8.5 12l-4.702 2.472.898-5.236L.892 5.528l5.257-.764L8.5 0ZM28.5 0l2.351 4.764 5.258.764-3.805 3.708.898 5.236L28.5 12l-4.702 2.472.898-5.236-3.805-3.708 5.258-.764L28.5 0ZM48.5 0l2.351 4.764 5.258.764-3.805 3.708.898 5.236L48.5 12l-4.702 2.472.898-5.236-3.804-3.708 5.257-.764L48.5 0ZM68.5 0l2.351 4.764 5.258.764-3.805 3.708.898 5.236L68.5 12l-4.702 2.472.898-5.236-3.804-3.708 5.257-.764L68.5 0ZM88.5 0l2.351 4.764 5.258.764-3.805 3.708.898 5.236L88.5 12l-4.702 2.472.898-5.236-3.805-3.708 5.258-.764L88.5 0Z"/></svg><div class="absolute left-0 top-0 overflow-hidden" style="width:0%"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 97 16" class="text-orange-70 fill-stars" width="128" height="24" aria-hidden="true"><path d="m8.5 0 2.351 4.764 5.257.764-3.804 3.708.898 5.236L8.5 12l-4.702 2.472.898-5.236L.892 5.528l5.257-.764L8.5 0ZM28.5 0l2.351 4.764 5.258.764-3.805 3.708.898 5.236L28.5 12l-4.702 2.472.898-5.236-3.805-3.708 5.258-.764L28.5 0ZM48.5 0l2.351 4.764 5.258.764-3.805 3.708.898 5.236L48.5 12l-4.702 2.472.898-5.236-3.804-3.708 5.257-.764L48.5 0ZM68.5 0l2.351 4.764 5.258.764-3.805 3.708.898 5.236L68.5 12l-4.702 2.472.898-5.236-3.804-3.708 5.257-.764L68.5 0ZM88.5 0l2.351 4.764 5.258.764-3.805 3.708.898 5.236L88.5 12l-4.702 2.472.898-5.236-3.805-3.708 5.258-.764L88.5 0Z"/></svg></div></div><span class="text-sm leading-none font-semibold"> (0 Opinions) </span></div></div><div class="w-full group lg:w-1/2 lg:pl-4 lg:mt-2"></div></div></div><div class="border-t border-neutral-70"></div><div></div><script> function initReviews () { return { loading: false, defaultParams: {}, p: 1, isLast: false, init () { this.defaultParams = { p: 1, star: undefined, order: this.$refs.order?.value, }; }, paginationHandler (e) { e.preventDefault(); const p = ++this.p; this._ajax({ p }) }, sortHandler (updatedParams) { this.p = 1; updatedParams.p = 1 this.$refs.review_list.querySelector('[data-element="reviews-wrapper"]').innerHTML = ''; this._ajax(updatedParams) }, _ajax (updatedParams) { const { p, star, order } = { ...this.defaultParams, ...updatedParams }; this.loading = true; this.$root.scrollIntoView({behavior: 'smooth'}); fetch('https://www.mifarma.eu/atida-review/ajax/index/', { "headers": { "content-type": "application/x-www-form-urlencoded; charset=UTF-8", 'X-Requested-With': 'XMLHttpRequest' }, 'body': `product=${109027}&p=${p}&order=${order}${star ? `&star=${star}`: ''}`, "method": "POST", "mode": "cors", "credentials": "include" }).then((result) => result.json()).then((result) => { try { const { review_list, success, error } = result; if (success) { const node = document.createElement('div'); node.innerHTML = review_list; this.$refs.review_list.querySelector('[data-element="reviews-wrapper"]').append(node.querySelector('[data-element="reviews-wrapper"]')); this.$refs.review_list.querySelector('.toolbar.review-toolbar').innerHTML = node.querySelector('.toolbar.review-toolbar').innerHTML; this.defaultParams = { p, star, order }; } if (error) { window.dispatchMessages([{ type: 'error', text: error }]); } } catch (e) { window.dispatchMessages([{ type: 'error', text: 'Something went wrong' }]); } }).finally(() => { this.loading = false; this.$nextTick(() => this.$refs.review_list.scrollIntoView({block: "end", behavior: 'smooth'})) }); } } } </script></div><div data-block-id="hyva-our-experts"></div></div></div><div class="product-options-bottom container flex flex-col md:flex-row flex-no-wrap gap-4"></div></section><section><template x-if="storeCode === 'fr'"><span class="clerk" data-template="@m2-other-customers-also-viewed" data-products="[109027]" ></span></template></section></div><div class="ambanners ambanner-6" data-position="6" data-bannerid="" data-role="amasty-banner-container" ></div><div class="cn_product_visited" style="display:none"><span class="url">https://www.mifarma.eu/32-sesgen-nutritive-activating-cream-50ml-sesderma</span><span class="product_id">580280591680</span><span class="name">32 Sesgen nutritive activating cream 50ml Sesderma</span><span class="description"><p><b>32 Sesgen nutrient Activator 50ml</b></p><p> <iframe width = "885" height = "498" src = "https://www.youtube.com/embed/0S17uUhqxa4" frameborder = "0" allowfullscreen> <IFRAME></p><p> This nourishing cream for <a href= https://www.mifarma.co.uk/cosmetica-y-belleza/facial/antiarrugas >wrinkles and lines of expression</a> .</p><p> Especially effective in dry or sensitive skins.</p><p> moisturizing</p><p> <b>how to use</b></p><p> Apply twice daily using gentle circular massage until completely absorbed.</p><p> <b>Composition</b></p><p> Tripeptide 32 and trepona.</p></span><span class="image_url">https://assets.atida.com/transform/2bcd5d26-b708-4f8e-bdc0-9fcd98ade5e9/Sesderma-Sesgen-32-Crema-Activadora-Celular-50-ml?io=transform:extend,width:250,height:250</span><span class="unit_price">27.99</span><span class="availability">instock</span><span class="unit_price_original">54.68</span><span class="unit_price_without_vat">23.132230404959</span><span class="discounted_percentage">49</span><span class="discounted_amount">26.69</span><span class="brand">Sesderma</span><span class="thumbnail_url">https://www.mifarma.eu/media/catalog/product/5/9/6/f/596f928c81668b6753043a732a22d03955a34e04_Sesderma_Sesgen_32_Crema_Activadora_Celular_50_ml.png</span><span class="category">/Atida Cash 5%</span><span class="category">/Cosmetics and Beauty</span><span class="category">/Cosmetics and Beauty/Facial</span><span class="category">/Cosmetics and Beauty/Facial/Anti-wrinkle</span><span class="category">/cyber_monday_pt_int</span><span class="category">/NO MIFARMA DAYS</span><span class="category">/Up to 70% off</span><span class="category">/Up to 50% off!</span><span class="category">/Mifarma Days NO</span><span class="category">/EPIC DAYS: Up to 75% off!</span><span class="category">/Cosmetics and Beauty/Facial/Anti-wrinkle/Creams</span><span class="category">/20% off Sesderma</span><span class="category">/20% off Selected Sesderma</span><span class="published_at">2024-09-16T06:04:27+0000</span></div><div id="frequentlyBoughtTogether" class="recommend-component"></div><div id="relatedProducts" class="recommend-component"></div><div id="trendItems" class="trendsItem recommend-component"></div><script type="text/x-magento-init"> { "*": { "Algolia_AlgoliaSearch/recommend" : { "algoliObjectId" : ["109027"] } } } </script><script type="text/x-magento-init"> { "[data-role=tocart-form]": { "catalogAddToCart": {} } } </script></div></div></main><div class="page-bottom"><div class="content"><div data-block-id="3914"><div class="widget block block-static-block"><script> (() => { const lockEnterKeyHint = () => { const input = document.querySelector('.aa-Input'); if (!input) return; try { const originalHint = input.enterKeyHint; Object.defineProperty(input, 'enterKeyHint', { get: () => originalHint, set: () => {}, configurable: false }); } catch (e){} window.removeEventListener('algolia-view-item-list', lockEnterKeyHint); }; window.addEventListener('algolia-view-item-list', lockEnterKeyHint); })(); </script></div></div><div data-block-id="1299"><div class="widget block block-static-block"></div></div><div data-block-id="2029"><div class="widget block block-static-block"><style> .catalog-product-view .slide+.main-image { z-index: -1} </style></div></div><div data-block-id="3012"><div class="widget block block-static-block"><style> #gallery .group > div:first-child { top: 0; left: 0; right: auto; bottom: auto; } </style></div></div></div></div><script> (() => { let googleApiKey = 'AIzaSyC2Qqy7Y7blc_IuCiy3vblR_yUiMMBqhlI', googleMapsPromise; window.i4LoadGoogleApis = () => { if (!googleApiKey.length) throw new Error('ERROR: Google maps API key is not set'); if (!googleMapsPromise) { googleMapsPromise = new Promise((resolve, reject) => { window.google_maps_loaded = () => resolve(window.google.maps); const script = document.createElement('script'); script.src = `https://maps.googleapis.com/maps/api/js?key=${googleApiKey}&callback=google_maps_loaded&libraries=places,geometry`; script.onerror = () => reject(new Error('ERROR: Google maps API could not be loaded')); document.head.appendChild(script); }); } return googleMapsPromise; }; })(); </script><footer class="footer bg-black mt-auto overflow-x-hidden"><div class="footer__top"><div data-block-id="footer-features"></div><section class="newsletter relative pt-10 md:px-5 z-1 bg-black"><div class="container px-7 lg:px-16"><div class="newsletter__title text-white font-semibold mb-4 text-lg lg:text-2xl"> Subscribe to our newsletter </div><div class="flex justify-center items-center md:gap-x-6 lg:gap-x-32 flex-col-reverse md:flex-row"><ul class="flex flex-col gap-4 lg:gap-3 w-full md:w-auto md:shrink-0"><li class="flex items-center gap-3"><i class="w-6"><svg class="w-6 h-3 mr-3 text-optimo-lighter"><use href="https://www.mifarma.eu/static/version1777368679/frontend/Interactiv4/atidaInternationalHyva/en_US/images/i4-sprite.svg#ico-check"></use></svg></i><span class="text-white">Exclusive promotions</span></li><li class="flex items-center gap-3"><i class="w-6"><svg class="w-6 h-3 mr-3 text-optimo-lighter"><use href="https://www.mifarma.eu/static/version1777368679/frontend/Interactiv4/atidaInternationalHyva/en_US/images/i4-sprite.svg#ico-check"></use></svg></i><span class="text-white">Individual recommendations</span></li><li class="flex items-center gap-3"><i class="w-6"><svg class="w-6 h-3 mr-3 text-optimo-lighter"><use href="https://www.mifarma.eu/static/version1777368679/frontend/Interactiv4/atidaInternationalHyva/en_US/images/i4-sprite.svg#ico-check"></use></svg></i><span class="text-white">Helpful health tips</span></li></ul><div class="newsletter__content flex justify-center w-full md:w-auto grow lg:grow-0 lg:min-w-[530px] text-white"><form class="newsletter__subscribe flex flex-col flex-nowrap items-stretch w-full md:flex-wrap" action="https://www.mifarma.eu/newsletter/subscriber/new/" method="post" id="newsletter-validate-detail" ><input name="form_key" type="hidden" value="EPICDLdYOtc7DqrB" /><label class="w-full" for="newsletter">Your email</label><div class="newsletter__subscribe--input grow"><input name="email" type="email" id="newsletter" required class="w-full mb-3 text-primary" placeholder="Your email address" /></div><div class="newsletter__subscribe--terms w-full"><div class="field choice mt-1"><input type="checkbox" required name="custom-terms" title="I am over 16 years old and I agree to subscribe to the newsletter." id="newsletter-field" class="c-check__input" ><label class="c-check__label"> I am over 16 years old and I agree to subscribe to the newsletter. </label></div></div><div data-block-id="newsletter.privacy.policy"></div><div class="newsletter__subscribe--actions my-6 lg:mb-4"><button class="action btn btn-primary w-full md:w-auto px-6 h-12 ml-0 min-w-[156px]" title="Subscribe" type="submit" > Subscribe </button></div></form></div></div></div></section></div><div class="footer__middle container text-white pt-4 px-7 lg:px-16"><div class="border-b border-grey/50 py-6 flex justify-between items-center"><img width="150" src="https://www.mifarma.eu/static/version1777368679/frontend/Interactiv4/atidaInternationalHyva/en_US/images/logo-footer.png" loading="lazy" alt="Mifarma" /><script> 'use strict'; function initStoreSwitcher () { return { storeCode: window.CURRENT_STORE_CODE, redirectToStore(el) { window.location.href = el.selectedOptions[0].dataset.href; } } } </script><div data-block-id="store-switcher"></div><style> .store-switcher select option { color: black; text-align: left; } </style></div><div class="footer__middle-wrapper pb-10 lg:py-8"><div class="footer__middle--left"><div data-block-id="footer-links"><style>.cmsb932-flex { display: flex } .cmsb932-grid { display: grid } .cmsb932-flex-col { flex-direction: column } .cmsb932-items-center { align-items: center } .cmsb932-justify-between { justify-content: space-between } .cmsb932-gap-4 { gap: 1rem } .cmsb932-border-b { border-bottom-width: 1px } .cmsb932-border-grey\/50 { border-color: rgb(208 208 212 / 0.5) } .cmsb932-py-4 { padding-top: 1rem; padding-bottom: 1rem } .cmsb932-pb-4 { padding-bottom: 1rem } .cmsb932-pl-4 { padding-left: 1rem } .cmsb932-font-semibold { font-weight: 600 } .cmsb932-text-grey-extra-light { color: #F2F2F3 } @media (min-width: 1024px) { .cmsb932-lg\:pointer-events-none { pointer-events: none } .cmsb932-lg\:\!flex { display: flex !important } .cmsb932-lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) } .cmsb932-lg\:border-0 { border-width: 0px } .cmsb932-lg\:pl-0 { padding-left: 0px } .cmsb932-lg\:pt-0 { padding-top: 0px } .cmsb932-lg\:text-2xl { font-size: 1.5rem } }</style><div class="footer-links cmsb932-grid cmsb932-lg:grid-cols-3"><div x-data="{ active: false }" :class="{ 'active' : active }" class="footer-links__item cmsb932-border-b cmsb932-border-grey/50 cmsb932-lg:border-0"><p class="cmsb932-font-semibold cmsb932-py-4 text-xl cmsb932-lg:text-2xl cmsb932-flex cmsb932-justify-between cmsb932-items-center cmsb932-lg:pt-0 cmsb932-lg:pointer-events-none" @click="active = !active">Service & contact</p><ul class="cmsb932-flex cmsb932-flex-col cmsb932-gap-4 cmsb932-pl-4 cmsb932-lg:pl-0 cmsb932-pb-4 cmsb932-lg:!flex cmsb932-text-grey-extra-light" x-show="active"><li><a href="https://www.mifarma.eu/faqs">FAQ</a></li><li><a href="https://soporte.mifarma.es/hc/en-gb/requests/new">Contact us by e-mail</a></li></ul></div><div x-data="{ active: false }" :class="{ 'active' : active }" class="footer-links__item cmsb932-border-b cmsb932-border-grey/50 cmsb932-lg:border-0"><p class="cmsb932-font-semibold cmsb932-py-4 text-xl cmsb932-lg:text-2xl cmsb932-flex cmsb932-justify-between cmsb932-items-center cmsb932-lg:pt-0 cmsb932-lg:pointer-events-none" @click="active = !active">Legal</p><ul class="cmsb932-flex cmsb932-flex-col cmsb932-gap-4 cmsb932-pl-4 cmsb932-lg:pl-0 cmsb932-pb-4 cmsb932-lg:!flex cmsb932-text-grey-extra-light" x-show="active"><li><a href="https://www.mifarma.eu/terms">Terms and conditions</a></li><li><a href="https://www.mifarma.eu/cookies">Cookies</a></li><li><a href="https://www.mifarma.eu/privacy">Privacy policy</a></li><li><a href="https://www.mifarma.eu/terms">Legal</a></li></ul></div><div x-data="{ active: false }" :class="{ 'active' : active }" class="footer-links__item cmsb932-border-b cmsb932-border-grey/50 cmsb932-lg:border-0"><p class="cmsb932-font-semibold cmsb932-py-4 text-xl cmsb932-lg:text-2xl cmsb932-flex cmsb932-justify-between cmsb932-items-center cmsb932-lg:pt-0 cmsb932-lg:pointer-events-none" @click="active = !active">Mifarma</p><ul class="cmsb932-flex cmsb932-flex-col cmsb932-gap-4 cmsb932-pl-4 cmsb932-lg:pl-0 cmsb932-pb-4 cmsb932-lg:!flex cmsb932-text-grey-extra-light" x-show="active"><li><a href="https://www.mifarma.eu/about-us">About us</a></li></ul></div></div></div></div></div><div class="footer-bottom-delivery border-t border-grey/50 py-4 px-5 lg:mx-0 lg:px-0 lg:py-11"><div data-block-id="footer-bottom-delivery"><div class="w-full"><p class="text-sm mb-8" >*Delivery times valid for Ireland, for other regions consult conditions. During sales, Black Friday or Christmas periods, delivery times may be longer than usual..</a></p></div><div class="flex gap-4 lg:gap-6 items-start lg:items-end flex-col lg:flex-row"><div class="text-sm"><p class="flex items-center gap-2 lg:mb-2"><img src="https://www.mifarma.eu/static/version1777368679/frontend/Interactiv4/atidaInternationalHyva/en_US/svg/ico-car.svg" alt="" loading="lazy" /><span class="text-xs lg:text-sm lg:pr-8 lg:font-semibold text-white">Free from €89</span></p></div><ul class="flex gap-2 w-full border-b border-grey/50 pb-4 lg:w-auto lg:border-0 lg:pb-0"></ul><div class="lg:ml-auto"><div data-block-id="27"><div class="widget block block-static-block"></div></div></div></div></div></div></div><div class="footer__bottom container text-white px-7 lg:px-16"><div class="footer__bottom-wrapper text-xs flex flex-col-reverse py-5 gap-4 border-t border-grey/50 items-start lg:items-center lg:flex-row lg:justify-between"><div class="border-t border-grey/50 lg:border-0 w-full pt-4 lg:pt-0 lg:w-auto"><div class="copyright text-grey-90" >© Mifarma</div></div><div data-block-id="footer-bottom-additional"></div><div data-block-id="footer-secure-payment"><div class="secure-payment flex flex-wrap flex-col lg:flex-row justify-center lg:items-center lg:justify-end"><div class="flex mb-4 lg:mb-0"><svg class="mr-1 text-white w-4 h-4 fill-white" width="24" height="24" aria-hidden="true"><use href="https://www.mifarma.eu/static/version1777368679/frontend/Interactiv4/atidaInternationalHyva/en_US/images/i4-sprite.svg#ico-lock"></use></svg><p class="mr-4 text-grey-90">Secure payment:</p></div><div class="flex gap-2"><div class="bg-2 rounded w-12 h-8 flex items-center justify-center"><svg width="32" height="24" aria-hidden="true"><use href="https://www.mifarma.eu/static/version1777368679/frontend/Interactiv4/atidaInternationalHyva/en_US/images/i4-sprite.svg#ico-secure-visa"></use></svg></div><div class="bg-2 rounded w-12 h-8 flex items-center justify-center"><svg width="32" height="24" aria-hidden="true"><use href="https://www.mifarma.eu/static/version1777368679/frontend/Interactiv4/atidaInternationalHyva/en_US/images/i4-sprite.svg#ico-secure-mastercard"></use></svg></div><div class="bg-2 rounded w-12 h-8 flex items-center justify-center"><svg width="32" height="24" aria-hidden="true"><use href="https://www.mifarma.eu/static/version1777368679/frontend/Interactiv4/atidaInternationalHyva/en_US/images/i4-sprite.svg#ico-secure-paypal"></use></svg></div></div></div></div></div></div></footer><script> function amBannerInjectorResolver () { const injectors = Object.values({"products.among.injector":{"position":14,"name":"amBannerAmongCategoryInjector"},"products.belowcart.injector":{"position":15,"name":"amBannerBelowCartInjector"}}); return { amBannerAmongCategoryInjector: function (sectionId, injectorParams) { const container = document.querySelector('[data-role="amasty-banner-container"][data-position="' + sectionId + '"]'); Object.keys(injectorParams.banners).map((id) => { const params = injectorParams.banners[id]; const element = container.querySelector('[data-banner-id="' + id + '"]'); insertBannerAmongCategoryByConfig({ containerSelector: injectorParams.containerSelector, itemSelector: injectorParams.itemSelector, afterProductRow: params.afterProductRow, afterProductNum: params.afterProductNum, span: params.width }, element); }); function insertBannerAmongCategoryByConfig (injectorConfig, element) { const options = { injectorConfig: {}, container: null, after: null, wrapper: null, initialized: false, gridSizes: ['sm', 'xl'], bannerWidthClass: 'col-span', ...injectorConfig } insertBanner(element); function insertBanner(element) { const initialized = setOptions(); if (!initialized) { return; } element.classList.add('ambanners-injected-banner'); const wrapper = options.wrapper.cloneNode(true); wrapper.classList.remove('card', 'card-interactive'); addStylesForDifferentSizes(wrapper); insertWrapper(wrapper); wrapper.append(element); } function setOptions () { const initialized = document.querySelector(options.containerSelector) !== null; if (!initialized) { console.warn( 'Failed to initialize banner: Can\'t find an element with selector "' + options.containerSelector + '"' ); return; } options.container = document.querySelector(options.containerSelector); setLineToInject(); setWrapper(); return true; } function setLineToInject() { if (options.afterProductNum === -1) { setFirstLineToInject(); } else { setLineByPositionToInject(); } } function setWrapper() { if (options.after) { options.wrapper = options.after.cloneNode(); } } function setFirstLineToInject() { options.after = document.querySelector(options.itemSelector); } function setLineByPositionToInject() { // calc banner insert offset const offset = calculateOffsetBasedOnPreviousBanners(); options.after = document.querySelectorAll(options.itemSelector)[options.afterProductNum - offset]; } function calculateOffsetBasedOnPreviousBanners () { return [...document.querySelectorAll(`${options.itemSelector}`)] ?.reduce((accumulator, amInjectedBannerWrapper) => { const widthAttributeValue = Number(amInjectedBannerWrapper?.getAttribute('am-banner-span')) if (widthAttributeValue > 1) { accumulator += (widthAttributeValue - 1); } return accumulator; }, 0); } function insertWrapper(insert) { if (options.after) { insertWrapperAfterFoundProduct(insert); } else if (options.container) { insertWrapperInProductListContainer(insert); } } function insertWrapperAfterFoundProduct(insert) { if (options.afterProductNum === -1) { options.after.parentNode.insertBefore(insert, options.after); } else { options.after.parentNode.insertBefore(insert, options.after.nextSibling); } } function insertWrapperInProductListContainer(insert) { if (parseInt(options.afterProductRow) > 1) { options.container.innerHTML += insert.innerHTML; } else { options.container.innerHTML = insert.innerHTML + options.container.innerHTML; } } function addStylesForDifferentSizes (wrapper) { options.gridSizes?.forEach((size, index) => { const widthValue = options.span > index + 1 ? index + 2 : options.span; wrapper?.classList.add(`${size}:${options.bannerWidthClass}-${widthValue}`); wrapper?.setAttribute('am-banner-span', widthValue); }); } } }, amBannerBelowCartInjector: function (sectionId) { const belowProductAddToCartBanner = document.querySelector('.ambanners.ambanner-' + sectionId); belowProductAddToCartBanner.style.display = 'block'; document.querySelectorAll('.product-item')?.forEach(product => { product?.append(belowProductAddToCartBanner.cloneNode(true)); }); belowProductAddToCartBanner.style.display = 'none'; }, resolve: function (position, injectorParams) { const injector = injectors.find((injector) => { return injector.position === Number(position); }); return this[injector?.name]?.(position, injectorParams); } } } </script><div x-data="{...hyva.modal(), ...initAmGdprPolicyPopup()}" x-init="showOnPageLoad ? initGdprPopup() : ''" x-spread="eventListeners" x-bind="eventListeners"><div x-cloak x-spread="overlay('amgdpr-policy-popup')" x-bind="overlay('amgdpr-policy-popup')" class="fixed inset-0 flex items-center justify-center text-left bg-black bg-opacity-50 z-40"><div x-ref="amgdpr-policy-popup" role="dialog" aria-labelledby="amgdpr-policy-content" class="flex flex-col bg-white shadow-xl rounded-lg p-10 max-h-[95vh] max-w-6xl relative"><button @click="$dispatch('amgdpr-close-policy')" aria-label="Close" class="absolute right-4 top-4 text-gray-300 transition hover:text-black focus:drop-shadow-md hover:drop-shadow-md"><svg class="size-6"><use href="https://www.mifarma.eu/static/version1777368679/frontend/Interactiv4/atidaInternationalHyva/en_US/images/i4-sprite.svg#ico-close"></use></svg></button><div class="flex w-full"><p class="w-full text-blue-500 text-3xl mb-5 ml-3" x-text="title"></p></div><div x-show="notificationText && policyData.versionChanged" class="flex w-full"><p class="mb-4 p-4 bg-yellow-100 w-full" x-text="notificationText"></p></div><div id="amgdpr-policy-content" class="max-h-[500px] overflow-auto first:mx-0 child:mx-0" x-html="policyText"></div><div class="mt-8 flex w-full justify-center"><button x-focus-first @click="$dispatch('amgdpr-accept-policy')" type="button" class="btn btn-primary uppercase font-bold" aria-label="I have read and accept"> I have read and accept </button></div></div></div></div><script> 'use strict'; function initAmGdprPolicyPopup() { return { /** * @typedef PolicyData * @property {string} policyVersion * @property {boolean} show * @property {string} title * @property{boolean} versionChanged * @property {boolean} hideClose * @property {boolean} action */ eventListeners: { ['@amgdpr-accept-policy']() { if (this.consentId) { window.dispatchEvent(new CustomEvent('amgdpr-consent-accepted', {detail: this.consentId})); this.consentId = undefined; this.hide('amgdpr-policy-popup'); } else { this.acceptPolicy(); } }, ['@amgdpr-show-policy.window'](event) { this.consentId = event.detail; this.fetchPolicyContent().then(() => { this.$nextTick(() => { this.show('amgdpr-policy-popup'); }); }); }, ['@amgdpr-close-policy']() { this.hide('amgdpr-policy-popup'); } }, textUrl: 'https://www.mifarma.eu/gdpr/policy/policytext/', acceptUrl: 'https://www.mifarma.eu/gdpr/policy/accept/', popupDataUrl: 'https://www.mifarma.eu/gdpr/policy/popupData/', notificationText: 'We would like to inform you that our Privacy Policy has been amended.Please, read and accept the new terms.', showOnPageLoad: '', /** * @type PolicyData */ policyData: { policyVersion: '', show: false, title: '', versionChanged: false, hideClose: false, action: true }, title: '', policyText: '', consentId: undefined, initGdprPopup: function () { hyva.lazyLoadScript(() => { this.fetchPolicyData().then(() => { if ((this.showOnPageLoad && this.policyData.show) || this.policyData.versionChanged) { this.fetchPolicyContent().then(() => { this.$nextTick(() => { this.show('amgdpr-policy-popup'); }); }); } }); }) }, /** * @returns {Promise} */ fetchPolicyData: function () { return fetch(this.popupDataUrl) .then(response => response.json()) .then((data) => { this.policyData = {...data} }) .catch(error => this.dispatchErrorMessage(error)); }, /** * @returns {Promise} */ fetchPolicyContent: function () { this.title = ''; this.policyText = ''; const params = !!this.consentId ? '?' + new URLSearchParams({consent_id: this.consentId}) : '' return fetch(this.textUrl + params) .then(response => response.json()) .then(policyContent => { this.title = policyContent.title; this.policyText = policyContent.content; }).catch(error => this.dispatchErrorMessage(error)); }, /** * @returns {void} */ acceptPolicy: function () { window.dispatchEvent(new Event('amgdpr-loading-start')); const body = new URLSearchParams({form_key: hyva.getFormKey(), ...this.policyData}); const contentType = 'application/x-www-form-urlencoded; charset=UTF-8'; fetch(this.acceptUrl, {method: 'POST', body, headers: {'Content-Type': contentType}}) .then(response => response.json()) .then(data => { if (data.error) { this.dispatchErrorMessage(data.message) } else { this.notificationText = ''; this.hide('amgdpr-policy-popup'); } }) .catch(error => this.dispatchErrorMessage(error)) .finally(() => window.dispatchEvent(new Event('amgdpr-loading-stop'))); }, /** * @param {string} message * @returns {void} */ dispatchErrorMessage: function (message) { typeof window.dispatchMessages !== "undefined" && window.dispatchMessages([ { type: "error", text: message } ]); } } } </script><script x-data @private-content-loaded.window="$store.epointsBalance.getBalanceValue($event.detail.data)"> document.addEventListener('alpine:init', () => { Alpine.store('epointsBalance', { value: 0, valueCurrency: 0, getBalanceValue(data) { if (data['atidacashsection']) { this.value = data['atidacashsection']['balance']; this.valueCurrency = data['atidacashsection']['balance-rated']; } } }) }) </script><script> (function () { const initClerkWidgets = () => { (function(w,d){ var e=d.createElement('script');e.type='text/javascript';e.async=true; e.src=(d.location.protocol=='https:'?'https':'http')+'://cdn.clerk.io/clerk.js'; var s=d.getElementsByTagName('script')[0];s.parentNode.insertBefore(e,s); w.__clerk_q=w.__clerk_q||[];w.Clerk=w.Clerk||function(){w.__clerk_q.push(arguments)}; return e; })(window,document); Clerk('config', { key: 'u0Z8vPtfghIN4NAhAtJoshTGJ8hNEfAa', collect_email: false, globals: { uenc: 'aHR0cDovL21pZmFybWEuY29tLzMyLXNlc2dlbi1udXRyaXRpdmUtYWN0aXZhdGluZy1jcmVhbS01MG1sLXNlc2Rlcm1h', formkey: 'EPICDLdYOtc7DqrB' } }); var collectbaskets = false; if(collectbaskets){ let open = XMLHttpRequest.prototype.open; XMLHttpRequest.prototype.open = function() { this.addEventListener("load", function(){ if( this.responseURL.includes("=cart")){ if (this.readyState === 4 && this.status === 200) { var response = JSON.parse(this.responseText); var clerk_productids = []; if(response && response.hasOwnProperty('cart') && response.cart.hasOwnProperty('items') ){ for (var i = 0, len = response.cart.items.length; i < len; i++) { clerk_productids.push(response.cart.items[i].item_id); } } clerk_productids = clerk_productids.map(Number); var clerk_last_productids = []; if( localStorage.getItem('clerk_productids') !== null ){ clerk_last_productids = localStorage.getItem('clerk_productids').split(","); clerk_last_productids = clerk_last_productids.map(Number); } clerk_productids = clerk_productids.sort((a, b) => a - b); clerk_last_productids = clerk_last_productids.sort((a, b) => a - b); if(JSON.stringify(clerk_productids) == JSON.stringify(clerk_last_productids)){ // if equal - do nothing }else{ if(JSON.stringify(clerk_productids) === "[0]" ){ Clerk('cart', 'set', []); }else{ Clerk('cart', 'set', clerk_productids); } } localStorage.setItem("clerk_productids", clerk_productids); } } }, false); open.apply(this, arguments); }; } } hyva.lazyLoadScript(initClerkWidgets, 100); }()) </script><div x-data="baseGa4()" x-init="$dispatch('ga4-initialized')" @ga4-event.window="pushDataLayer($event.detail)" @purchase-ga4-event.window="pushPurchaseDataLayer($event.detail)" @private-content-loaded.window="privateContent = $event.detail.data" ><div x-data="initGa4Promo()"></div><script> function initGa4Promo () { const isTriggerOnce = +'1'; return { init () { const promoList = document.querySelectorAll('[data-ga4-promo]'); promoList.forEach(el => { this.intersectionHandler(el); this.selectHandler(el); }) }, intersectionHandler(el) { const observer = new IntersectionObserver((entries) => { entries.forEach((entry) => { if (entry.isIntersecting) { const ga4data = JSON.parse(el.dataset.ga4Promo); for (const key in ga4data) { if (ga4data[key] === null) { ga4data[key] = undefined; } } this.sendEvent(ga4data, 'view_promotion'); if (isTriggerOnce) { observer.unobserve(el) } } }) }, { root: null, rootMargin: "0px", threshold: 0.1, }); observer.observe(el); }, selectHandler (el) { const ga4data = JSON.parse(el.dataset.ga4Promo); for (const key in ga4data) { if (ga4data[key] === null) { ga4data[key] = undefined; } } let links = el.href ? [el]: el.querySelectorAll('a'); if (el.dataset.ga4Wrap) { links = el.closest(el.dataset.ga4Wrap)?.querySelectorAll('a') || []; } links.forEach(link => link.addEventListener('click', (e) => { this.sendEvent(ga4data, 'select_promotion'); this.setExtraPromoFields({ origin: e.currentTarget.href, extraData: ga4data }) })) }, sendEvent (ga4data, event) { this.pushDataLayer({ event, ecommerce: { items: [ga4data] } }) }, } } </script><script> const ga4Products = new WeakMap(); const ga4Wrappers = []; window.addEventListener('updateGa4Products', e => { const { node, products, isAjax = true } = e.detail; updateGa4Products({ node, products, isAjax }).init(); }); function getGa4Products () { return { items: (wrap) => ga4Products.get(wrap) || ga4Products.get(document) || [], wrappers: ga4Wrappers.sort(wrap => wrap === document ? 1 : -1) }; } function updateGa4Products (config) { return { init () { if (config) { this.updateGa4Products(config); } }, updateGa4Products ({ products, isAjax, el, node }) { const wrap = node || document.querySelector(el) || document const items = Object.values(JSON.parse(products)); ga4Products.set(wrap, [...getGa4Products().items(wrap), ...items]); ga4Wrappers.push(wrap); if (isAjax) { /** * Trigger ga4Products to add intersection listener */ window.dispatchEvent(new CustomEvent("ga4Products", { detail: { wrap } })); } } } } </script><div x-data="initGa4ViewItemList()" @algolia-view-item-list.window.debounce.500ms="viewItemListHandler"></div><script> function initGa4ViewItemList () { return { ...updateGa4Products(), queryID: { search: '' }, viewItemListHandler ({ detail:{ hits = [], listId = 'search_results', queryID, searchTerm, wrapper, abTestID, abTestVariantID } }) { if (this.queryID[listId] !== queryID) { this.queryID[listId] = queryID; const products = hits.map((product, i) => { const categories = {}; (product['item_categories'] || []).forEach((cat, i) => { categories[`item_category${i? `${++i}` : '' }`] = cat; }) let promoted = { promoted: !!product.sponsored, ...(product.sponsored && { promoted_timestamp: +new Date() }), ...(product.sponsored && { topsort_bid_id: product.bidId }) }; return { 'index': product.__position || ++i, 'item_list_id': `search/${listId}`, 'item_list_name': 'search', 'item_name': product.name, 'item_id': Array.isArray(product.sku) ? product.sku[0]: product.sku, 'price': this.getProductPrice(product), 'quantity': 1, 'item_url': product.__queryID ? product.urlForInsights : product.url, 'discount': this.getProductDiscount(product), 'item_brand': product.item_brand ?? null, 'is_otc': product.is_otc ?? null, 'is_bundle': product.is_bundle ?? null, 'is_veterinarian_otc': product.is_veterinarian_otc ?? null, ...promoted, ...(product['product_dimensions'] || {}), ...categories } }); const layer = { search_term: searchTerm, ecommerce: { items: products }, event: 'view_item_list' }; if (abTestID) { layer.algolia = { abTestID, abTestVariantID }; } this.pushDataLayer(layer); this.updateGa4Products({ products: JSON.stringify(products), el: wrapper }); } }, getProductDiscount (product) { return product.default_option_discount || product.discount; }, getProductPrice (product) { return product.default_option_price || this.getRegularProductPrice(product); }, getRegularProductPrice (product) { let price = product.price[algoliaConfig.currencyCode]; price = +(price.default_formated || price.default_original_formated).match(/\d+(?:\.\d+)?/g).join('.'); return price; } } } </script><div x-data="initGa4ClerkWidget()" @view-item-list.window="viewItemListHandler"></div><script> function initGa4ClerkWidget () { return { CLERK_CONTENT_PROCESSED: {}, ...updateGa4Products(), async viewItemListHandler ({ detail:{ items = [], listId, el:node } }) { if (this.isClerkProcessed(node)) return; await this.getWaitForPageViewEventPromise(); setTimeout(() => { const products = items.filter(p => p).map((product, i) => { const categories = {}; (product['item_categories'] || []).forEach((cat, i) => { categories[`item_category${i? `${++i}` : '' }`] = cat; }) return { 'index': ++i, 'item_list_id': `${this.pageType}/${listId}`, 'item_list_name': 'widgets', 'item_name': product.name, 'item_id': product.sku, 'price': product.price || product.list_price, 'quantity': 1, 'item_url': product.url, 'discount': product.discount, 'item_brand': product.item_brand ?? null, 'is_otc': product.is_otc ?? null, 'is_bundle': product.is_bundle ?? null, 'is_veterinarian_otc': product.is_veterinarian_otc ?? null, ...(JSON.parse(product['product_dimensions'] || '{}')), ...categories } }); this.pushDataLayer({ecommerce: { items: products }, event: 'view_item_list'}); this.updateGa4Products({ products: JSON.stringify(products), node }); }) }, isClerkProcessed(el) { try { const clerkTemplate = el.closest('[data-template]').dataset.template, clerkId = el.closest('[data-template]').id; const isProcessed = this.CLERK_CONTENT_PROCESSED[clerkTemplate+clerkId]; this.CLERK_CONTENT_PROCESSED[clerkTemplate+clerkId] = true; return isProcessed; } catch (e) { return false; } } } } </script><div x-data="ga4Section()" @private-content-loaded.window="ga4SectionHandler($event.detail.data)" ></div><script> function ga4Section () { return { exceptions: [ 'add_payment_info', 'login' ], ga4SectionHandler (data) { const datalayer = data?.['i4-ga4']?.datalayer; if (datalayer) { datalayer.forEach(async layer => await this.sendGa4Layer(layer)); const mageStorage = JSON.parse(window.localStorage.getItem('mage-cache-storage')); delete mageStorage?.['i4-ga4']; delete data?.['i4-ga4']; window.localStorage.setItem('mage-cache-storage', JSON.stringify(mageStorage)) } }, async sendGa4Layer (layer) { const items = layer.ecommerce?.items; if (items) { this.updateStorage(items); layer.ecommerce.items = this.addAdditionalProductData(items); } if (this.exceptions.includes(layer.event)) { this.$dispatch(`i4-${layer.event}`, layer); } else { await this.pushDataLayer(layer); } } } } </script><div x-data="defaultGa4()" @private-content-loaded.window.once="initGa4OnIddle" @ga4-products.window="(e) => viewItemListHandler(e.detail.wrap)" @configurable-selection-changed.window="updateConfigurableGa4Products($event)" ></div><script> const pageType = 'pdp'; function defaultGa4 () { return { isCartSyncDisabled: +'', initialized: false, toCartForm: '[x-ref="submit"]', toWishListButton: '.wish-btn', productSelector: '.product', productLinkSelector: 'a.product__link', debounceTiming: 1000, intersectOptions: { rootMargin: '0px', threshold: 0.2 }, ga4Products: Alpine.reactive([]), initGa4OnIddle () { if (window.requestIdleCallback) { window.requestIdleCallback(this.initGa4.bind(this)); } else { this.initGa4() } }, initGa4 () { this.customerData('customer', ({ userData } = {}) => { if(!this.initialized) { this.setPageType(pageType); this.initialized = true; this.pushDataLayer({ ...userData, page_type: pageType }, true); } }); this.$watch('ga4Products', Alpine.debounce(() => { if (this.ga4Products.length) { this.pushDataLayer( { ecommerce: { items: this.ga4Products }, event: 'view_item_list' }); this.ga4Products = []; } }, this.debounceTiming)) document.addEventListener('mousedown', (e) => { this.targetHandler(e, this.productLinkSelector, this.selectHandler.bind(this)); this.targetHandler(e, `${this.toCartForm}, ${this.toWishListButton}`, this.addToStorageHandler.bind(this)); }); this.viewItemListHandler(); window.addEventListener('ga4Products', (e) => this.viewItemListHandler(e.detail.wrap)) if (!this.isCartSyncDisabled) { this.syncProductStorage(); } this.addReferrer(); this.extractCookiesHandler(); }, extractCookiesHandler() { const cookies = document.cookie.split(';').filter(v => v.trim().indexOf('ga4_atida_') === 0); cookies.forEach(cookie => { try { const [name, v] = cookie.split('='); this.pushDataLayer(JSON.parse(decodeURIComponent(v))); hyva.setCookie(name.trim(), '', -1, true); } catch (e) { console.error(`ga4 parsing cookie error`, cookie, e) } }) }, addReferrer () { window.addEventListener("beforeunload", () => { localStorage.setItem('i4-referrer', location.pathname); }); }, addToStorageHandler (e) { const product = e.target.closest(this.productSelector); if (product) { const currentProductData = this.getGa4Products(product)[0]; this.setProductToStorage(currentProductData); } }, async selectHandler (e, target) { const product = e.target.closest(this.productSelector); const currentProductData = product ? this.getGa4Products(product)[0] : null; if (product && currentProductData) { await this.pushDataLayer( { ecommerce: { items: [currentProductData] }, event: 'select_item' }); this.setProductToStorage(currentProductData); } }, updateConfigurableGa4Products ({detail}) { const product = detail.target.closest(this.productSelector), currentProductData = product ? this.getGa4Products(product)[0] : null; if (product && currentProductData) { currentProductData.item_child_id = detail.variationSku; this.pushDataLayer( { ecommerce: { items: [currentProductData] }, event: 'select_item' }); } }, targetHandler (e, query, cb) { const el = e.target; const target = el.classList.contains(query) ? el : el.closest(query); target && cb(e, target); }, getGa4Products (el) { const { wrappers, items } = getGa4Products(); const href = el.querySelector(this.productLinkSelector)?.href; const wrap = wrappers.find((wrapper) => wrapper.contains(el)); return items(wrap).map(item => { const {item_list_id = 'list', ...data} = item; const listId = item_list_id.indexOf(`/`) !== -1 ? item_list_id : `${this.pageType}/${item_list_id}`; return { ...data, item_list_id: listId } }).filter(({ item_url }) => item_url === href) }, viewItemListHandler (wrapper = document) { wrapper.querySelectorAll(this.productSelector).forEach(el => { this.ga4Products.push(...this.getGa4Products(el)) }) } } } </script><div x-data="initGa4Login()" @login-submit.window="loginHandler" @register-submit.window="registerHandler" @i4-login.window="loginSectionHandler" ></div><script> function initGa4Login () { return { loginReferrerCookie: 'login-referrer', loginHandler ({ detail: { valid, method} }) { if (valid) { hyva.setCookie(this.loginReferrerCookie, document.referrer); } else { this.pushDataLayer({ event: 'login_failed', login_method: method}) } }, registerHandler ({ detail }) { if (!detail) { this.pushDataLayer({ event: 'sign_up_failed', error: 'Invalid form.' }); } }, loginSectionHandler ({ detail:layer }) { const v = hyva.getCookie(this.loginReferrerCookie); layer.url = v ? decodeURIComponent(v) : 'direct'; this.pushDataLayer(layer); } } } </script><div x-data="initProductViewGa4()"></div><script> function initProductViewGa4 () { return { product: [], init () { const products = this.getProductsFromStorage(); let product = JSON.parse('\u007B\u0022item_name\u0022\u003A\u002232\u0020Sesgen\u0020nutritive\u0020activating\u0020cream\u002050ml\u0020Sesderma\u0022,\u0022item_id\u0022\u003A\u0022580280591680\u0022,\u0022price\u0022\u003A27.99,\u0022item_url\u0022\u003A\u0022https\u003A\u005C\u002F\u005C\u002Fwww.mifarma.eu\u005C\u002F32\u002Dsesgen\u002Dnutritive\u002Dactivating\u002Dcream\u002D50ml\u002Dsesderma\u0022,\u0022quantity\u0022\u003A1,\u0022item_category\u0022\u003A\u0022beauty\u0022,\u0022item_category2\u0022\u003A\u0022beauty_face\u0022,\u0022item_category3\u0022\u003A\u0022face_antiageing\u0022,\u0022item_brand\u0022\u003A\u0022Sesderma\u0022,\u0022item_stock\u0022\u003A\u0022yes\u0022,\u0022is_otc\u0022\u003A\u0022no\u0022,\u0022is_bundle\u0022\u003A\u0022no\u0022,\u0022is_veterinarian_otc\u0022\u003A\u0022no\u0022,\u0022discount\u0022\u003A26.69\u007D'); if (!products[product.item_id]) { product.item_list_name = document.referrer ? 'referer': 'direct'; product.item_list_id = 'PDP'; this.setProductToStorage(product); } this.product = product; this.pushDataLayer( { ecommerce: { items: [product] }, event: 'view_item' }); }, } } </script><script> function baseGa4 () { let viewPageResolver; const waitForPageViewEvent = new Promise((resolve) => viewPageResolver = resolve); return { pageType: '', privateContent: {}, STORAGE_KEY: 'ga4_products', STORAGE_ACTIVE_PRODUCT: 'ga4_active_product', STORAGE_EXTRA_KEY: 'ga4_extra_data', defaultAdditionalData: { index: 0, item_list_id: undefined, item_list_name: undefined }, eventsType: ['_wishlist'], isYieldSchedulerEnable: +'1', init() { if (!globalThis.scheduler?.yield) { this.isYieldSchedulerEnable = false; } }, /** * Set page type for current page load */ setPageType (pageType = 'home') { this.pageType = pageType; }, /** * Get promise */ getWaitForPageViewEventPromise () { return waitForPageViewEvent; }, /** * Listener for different events within site, most of them click events. */ ga4EventHandler ({ detail: { data } }) { this.pushDataLayer(data); }, customerData (type, cb) { return cb ? Alpine.effect(() => { this.privateContent[type] && cb(this.privateContent[type]); }) : this.privateContent[type]; }, push (layer) { if (layer.ecommerce) { window.dataLayer.push({ ecommerce: null }); /** * If is product events (if item have field item_id (better ideas how to detect product ?), * add extra data from storage. */ if (layer.ecommerce?.items.find(({ item_id }) => item_id)) { layer.ecommerce.items = this.addAdditionalProductData(layer.ecommerce.items, this.eventsType.find(item => layer.event.includes(item))) } } this.$dispatch('ga4-event-push', layer); window.dataLayer?.push(layer); }, async pushDataLayer (layer, isViewPageEvent) { if (isViewPageEvent) { if (window.ga4Loaded) { this.push(layer); viewPageResolver(); } else { window.addEventListener('ga4Loaded', () => setTimeout(() => { this.push(layer); viewPageResolver(); })); } } else { this.isYieldSchedulerEnable && await scheduler.yield(); waitForPageViewEvent.then(() => this.push(layer)); } return waitForPageViewEvent; }, /** * Remove item_url from push data & add additional data from localstorage */ addAdditionalProductData (items) { const extraFields = this.getExtraPromoFields(); return items.map(({ item_url, parent_item_id, ...itemData }) => { const { parent_item_id: id, ...dataFromStorage } = this.getProductsFromStorage()[itemData.item_id] || {}; let data = { ...this.defaultAdditionalData, ...itemData, ...(dataFromStorage || {}) } if (itemData.item_list_name !== 'search') { data = Object.assign(data, extraFields) } Object.entries(data).forEach(([key, value]) => { if (value === null) { data[key] = undefined; } }) return data }) }, /** * Set product to storage, to save original place where the purchase begin */ setProductToStorage (product) { const products = this.getProductsFromStorage(); /** * If product exist return, it must have original origin */ if (products[product?.item_id]) return; const { index, item_list_id, item_list_name, child_item_id, promoted, promoted_timestamp, topsort_bid_id, } = { ...this.defaultAdditionalData, ...product }; products[product?.item_id] = { index, item_list_id, item_list_name, child_item_id, promoted, promoted_timestamp, topsort_bid_id, ...(item_list_name !== 'search' ? this.getExtraPromoFields() : {}) }; window.localStorage.setItem(this.STORAGE_ACTIVE_PRODUCT, product?.item_id); window.localStorage.setItem(this.STORAGE_KEY, JSON.stringify(products)); }, updateStorage (itemsData) { let products = this.getProductsFromStorage(); itemsData.forEach((item) => { if (products[item.item_id]) { products[item.item_id] = { ...products[item.item_id], child_item_id: item.child_item_id } window.localStorage.setItem(this.STORAGE_ACTIVE_PRODUCT, item.item_id); } }); window.localStorage.setItem(this.STORAGE_KEY, JSON.stringify(products)); }, /** * Set product to storage, to save original place where the purchase begin */ syncProductStorage () { const activeProduct = window.localStorage.getItem(this.STORAGE_ACTIVE_PRODUCT); const cartItems = this.customerData('cart')?.items || []; const productsFromStorage = this.getProductsFromStorage(); let products = Object.entries(productsFromStorage); products = products.filter(([item_id, { child_item_id }]) => cartItems.find(({ product_sku, product_type }) => { return product_sku === item_id || product_sku === child_item_id; }) || activeProduct === item_id); window.localStorage.setItem(this.STORAGE_KEY, JSON.stringify(Object.fromEntries(products))); }, /** * Retrieve products from storage */ getProductsFromStorage () { return JSON.parse(window.localStorage.getItem(this.STORAGE_KEY)) || {} }, /** * Set promo related fields. */ setExtraPromoFields (extraFields) { window.localStorage.setItem(this.STORAGE_EXTRA_KEY, JSON.stringify(extraFields)); }, /** * Get promo related fields, if it`s not next page after promo, remove this fields. */ getExtraPromoFields () { const ga4 = window.localStorage.getItem(this.STORAGE_EXTRA_KEY); if (ga4) { const { origin, extraData } = JSON.parse(ga4); if (!window.location.href.includes(origin)) { window.localStorage.removeItem(this.STORAGE_EXTRA_KEY); } else { return extraData } } return {}; }, pushPurchaseDataLayer(layer) { if (layer.properties?.shipping_cost_utx) { layer.shipping_cost_utx = parseFloat(layer.properties.shipping_cost_utx) || 0; delete layer.properties.shipping_cost_utx; if (Object.keys(layer.properties).length < 1) { delete layer.properties } } this.pushDataLayer(layer) } } } </script></div><script> 'use strict'; (() => { const questions = document.querySelectorAll('[data-element="question"]'); questions.forEach((item, index) => { const answer = item.parentElement.querySelector('[data-element="answer"]'); answer.style.display = 'none'; answer.setAttribute('data-index', `${index}`); item.setAttribute('data-index', `${index}`); item.addEventListener('click', () => { const itemAnswer = item.parentElement.querySelector('[data-element="answer"]'); questions.forEach(question => { if (question.getAttribute('data-index') !== item.getAttribute('data-index')) { question.classList.remove('active'); question.parentElement.querySelector('[data-element="answer"]').style.display = 'none'; } }) itemAnswer.style.display = itemAnswer.style.display === 'block' ? 'none' : 'block'; item.classList.toggle('active'); }); }); })(); </script><script> (() => { function src_default(Alpine) { Alpine.directive("intersect", Alpine.skipDuringClone((el, { value, expression, modifiers }, { evaluateLater, cleanup }) => { let evaluate = evaluateLater(expression); let options = { rootMargin: getRootMargin(modifiers), threshold: getThreshold(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 getThreshold(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> for (const [selector, deferUntil] of Object.entries({".product-slider section[x-data]":"intersect",".product-info [x-data]":"intersect","#filters-content [x-data]":"intersect","#review_form":"intersect","section[x-data^=initRecentlyViewedProductsComponent]":"intersect","div[x-data^=initBundleOptions]":"intersect","#product_addtocart_form [x-data]":"intersect","#notice-cookie-block":"idle"})) { document.querySelectorAll(selector).forEach(el => el.setAttribute('x-defer', `${deferUntil}`)); } </script><script> (function () { "use strict"; const hasAlpine = new Promise(resolve => { window.addEventListener('alpine:initialized', resolve, {once: true, passive: true}); }); const hasInteract = new Promise(resolve => { (events => { const onInteract = () => { resolve(); events.forEach(type => window.removeEventListener(type, onInteract)); } events.forEach(type => window.addEventListener(type, onInteract, {once: true, passive: true})) })(['touchstart', 'mouseover', 'wheel', 'scroll', 'keydown']) }); const onIntersect = (el) => { return new Promise(resolve => { const observer = new IntersectionObserver(entries => { for (const entry of entries) { if (entry.isIntersecting) { observer.disconnect() resolve(); } } }, {}); observer.observe(el); }); } function runComponent(el) { hasAlpine.then(() => { el.removeAttribute('x-ignore'); queueMicrotask(() => Alpine.initTree(el)); }); } function initDeferredComponents() { document.querySelectorAll('[x-data][x-defer]').forEach(el => { el.setAttribute('x-ignore', ''); const deferUntil = (el.getAttribute('x-defer') || '').trim(); switch (deferUntil) { case 'interact': hasInteract.then(() => runComponent(el)); break; case 'intersect': onIntersect(el).then(() => runComponent(el)) break; case 'idle': window.requestIdleCallback ? window.requestIdleCallback(() => runComponent(el), {timeout: 4000}) : setTimeout(() => runComponent(el), 4000); break; case 'eager': runComponent(el); break; default: if (deferUntil.startsWith('event:') && deferUntil.length > 6) { window.addEventListener(deferUntil.substring(6), () => runComponent(el), {once: true, passive: true}); } } }); } window.addEventListener('alpine:init', initDeferredComponents, {once: true, passive: true}); })() </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.mifarma.eu/static/version1777368679/frontend/Interactiv4/atidaInternationalHyva/en_US/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; document.addEventListener('alpine:init', () => { fetchPrivateContent = Alpine.debounce(fetchPrivateContent, 1000); }); 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> 'use strict'; (function () { const modals = []; const excludedFromFocusTrapping = new Set(); 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)) { hyva.trapFocus(nextDialogElement); break; } } } function focusables(dialogElement) { const selector = 'button, [href], 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) { const nested = Array.from(dialogElement.querySelectorAll('[role="dialog"]')); const candidates = Array.from(dialogElement.querySelectorAll('[x-focus-first]')); next: for (let candidate of candidates) { for (let child of nested) { if (child.contains(candidate)) continue next; } setTimeout(() => candidate.focus(), 50); break; } window.setTimeout(() => { const focusElement = firstVisible(dialogElement.querySelectorAll('[x-focus-first]')) || focusables(dialogElement)[0] || null; focusElement && isInViewport(focusElement) && focusElement.focus(); }, Math.max(1, duration)); } function determineTrigger($refs, dialog, trigger) { if (typeof trigger === 'undefined' && typeof dialog === 'object' && dialog.target instanceof HTMLElement) { return dialog.target; } if (typeof dialog === 'string' && typeof trigger === 'object' && trigger.target instanceof HTMLElement) { 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 = {}) { if (this.$el && this.$el.dataset && this.$el.dataset.options) { try { options = Object.assign(options, JSON.parse(this.$el.dataset.options || '{}')); } catch (e) { throw new Error('Cannot read the dialog options from the data-options attribute: not valid JSON'); } } 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(() => hyva.trapFocus(dialogElement)); 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() || {}; if (! modal.instance) { return; } const name = modal.name; this.opened[name] = false; hyva.releaseFocus(modal.instance.$refs[modal.name]) 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) { dialog = this.$el.dataset.dialogRefName || 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); })(); window.addEventListener('alpine:init', () => { Alpine.data('hyva.modal', window.hyva.modal); Alpine.data('hyva.modal()', window.hyva.modal); }, {once: true}); </script><script> 'use strict'; (function () { window.hyva.cmsModal = function (id) { return { createModal (content, title) { return ` <div x-data="{ active: false, closeModal: function () { this.hide(); this.$nextTick(() => { $root.closest('.cms-modal')?.remove(); }) }, ...hyva.modal() }" x-init="show(); $nextTick(() => active = true);"><div x-cloak x-bind="overlay()" @click="closeModal" class="fixed inset-0 flex items-center justify-center text-left bg-black bg-opacity-50 z-50"><div x-ref="dialog" role="dialog" aria-labelledby="the-label" class="bg-white w-11/12 md:w-6/12 h-3/4 flex flex-col relative transition-all" :class="{ '-top-full': !active, 'top-0': active, }" ><div class="modal-title p-5 text-lg md:text-2xl font-semibold relative"><span class="title block text-center">${ title }</span><div class="close absolute top-0 right-0 p-1.5 cursor-pointer hover:text-optimo" @click="closeModal" data-action="close"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" width="24" height="24" aria-hidden="true"><path d="M20 5.4L18.6 4L12 10.6L5.4 4L4 5.4L10.6 12L4 18.6L5.4 20L12 13.4L18.6 20L20 18.6L13.4 12L20 5.4Z" fill="currentColor"/></svg></div></div><div class="content px-5 overflow-y-auto overflow-x-hidden h-auto flex-auto">${ content }</div><div class="actions toolbar p-3"><button @click="closeModal" data-action="close" type="button" class="btn btn-primary mx-auto w-full md:w-64"> Close </button></div></div></div></div> ` }, appendModal (content, title) { const modal = document.createElement('div'); modal.classList.add('cms-modal') modal.innerHTML = this.createModal(content, title); document.body.append(modal) }, async fetchCMS () { try { this.$dispatch('loading-page', true); const response = await fetch(`${ window.location.origin }/rest/V1/contentpopupajax/loadpage/${ id }`); const cms = await response.json(); const { content, title } = cms[0]; this.appendModal(content, title); this.$dispatch('loading-page', false); } catch (e) { this.$dispatch('loading-page', false); this.appendModal( "Sorry, an error has occurred when retrieving the information. Try again later.", "An error has occurred." ) } } } } })(); </script><script> (function() { const SELECTORS = { wishlistBtn: '[data-wishlist-btn]', dataId: '[data-id]', wishlistIcon: '.wishlist-icon', spinner: '.animate-spin', wishBtn: '.wish-btn' }; const getPrivateStore = () => Alpine?.store('private') || window.privateStore; const showLoadingState = (element) => { const wishlistIcon = element.querySelector(SELECTORS.wishlistIcon); const spinner = element.querySelector(SELECTORS.spinner); if (wishlistIcon) wishlistIcon.classList.add('opacity-0'); if (spinner) spinner.classList.remove('hidden'); }; const hideLoadingState = (element) => { const wishlistIcon = element.querySelector(SELECTORS.wishlistIcon); const spinner = element.querySelector(SELECTORS.spinner); if (wishlistIcon) wishlistIcon.classList.remove('opacity-0'); if (spinner) spinner.classList.add('hidden'); }; const dispatchWishlistEvents = () => { window.dispatchEvent(new CustomEvent("reload-customer-section-data")); window.dispatchEvent(new CustomEvent("wishlist-updated")); }; const showErrorMessage = (text = 'Something\u0020went\u0020wrong.\u0020Please\u0020try\u0020again.') => { window.dispatchMessages([{ type: 'warning', text }]); }; const isInWishlist = (productId) => { const privateStore = getPrivateStore(); return !!(privateStore?.wishlist?.[productId]); }; const updateProductWishlistButtons = (productId) => { const allWishlistButtons = document.querySelectorAll(`[data-id="${productId}"] ${SELECTORS.wishlistBtn}, ${SELECTORS.wishlistBtn}[data-product-id="${productId}"]`); allWishlistButtons.forEach(button => { button.classList.toggle('added-to-wishlist', isInWishlist(productId)); }); }; const wishlistRequestHandler = (uri, param) => { return fetch(uri, { headers: { "content-type": "application/x-www-form-urlencoded; charset=UTF-8", 'X-Requested-With': 'XMLHttpRequest' }, body: `form_key=${hyva.getFormKey()}&${param}&uenc=${hyva.getUenc()}`, method: "POST", mode: "cors", credentials: "include" }) .then(responseJsonHandler) .then(responseHandler) .catch(() => showErrorMessage()); }; const responseJsonHandler = (response) => { if (response.ok) { return response.json(); } else { showErrorMessage(); throw new Error('Response not ok'); } }; const responseHandler = ({ wishlist, success }) => { if (success && wishlist) { const privateStore = getPrivateStore(); if (privateStore) { privateStore.wishlist = wishlist; } markAddedProducts(); dispatchWishlistEvents(); } }; const toggleWishlist = async (element, productId) => { const id = productId || element.closest(SELECTORS.dataId)?.dataset.id; if (!id) return; showLoadingState(element); try { const privateStore = getPrivateStore(); const isLogged = privateStore?.isLogged; if (isLogged) { const item = privateStore.wishlist[id]; await (isInWishlist(id) ? wishlistRequestHandler('https://www.mifarma.eu/guest-wishlist/login/remove/', `item=${item}`) : wishlistRequestHandler('https://www.mifarma.eu/guest-wishlist/login/add/', `product=${id}`) ); } else { await (isInWishlist(id) ? wishlistRequestHandler('https://www.mifarma.eu/guest-wishlist/index/remove/', `product_id=${id}`) : wishlistRequestHandler('https://www.mifarma.eu/guest-wishlist/index/add/', `product_id=${id}`) ); } updateProductWishlistButtons(id); } catch (error) { console.error('Wishlist toggle error:', error); } finally { hideLoadingState(element); } }; const markAddedProducts = () => { const privateStore = getPrivateStore(); if (!privateStore?.wishlist) return; const items = Object.keys(privateStore.wishlist); let buttonParentSelector = ''; if (document.body.classList.contains('catalogsearch-result-index')) { buttonParentSelector = '.algolia-instant-selector-results'; } items.forEach((productId) => { const wishBtns = document.querySelectorAll(`${buttonParentSelector} [data-id='${productId}'] ${SELECTORS.wishBtn}, ${buttonParentSelector} ${SELECTORS.wishBtn}[data-product-id='${productId}']`); wishBtns.forEach(btn => btn.classList.add('added-to-wishlist')); }); }; const handleWishlistClick = (e) => { const wishlistBtn = e.target.closest(SELECTORS.wishlistBtn); if (!wishlistBtn) return; e.preventDefault(); e.stopPropagation(); const productId = wishlistBtn.dataset.productId; toggleWishlist(wishlistBtn, productId); }; document.addEventListener('alpine:init', () => { Alpine.effect(() => { const isWishlistLoaded = Alpine.store('private')?.wishlist; if (isWishlistLoaded) markAddedProducts(); }) document.addEventListener('click', handleWishlistClick, { passive: false }); window.addEventListener('productsMainContentUpdated', markAddedProducts); window.addEventListener('algolia-view-item-list', Alpine.debounce(() => { markAddedProducts() }, 1000)); }) })(); </script><script> function initPriceBox () { { return { updatePrice(priceData) { const form = this.$root.querySelector(`[data-id="${priceData.productId}"]`); const regularPriceElement = form.querySelector('[data-price-type=finalPrice].price-wrapper .price'); const basePriceElement = form.querySelector('[data-price-type=basePrice].price-wrapper .price'); regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount)); } } } } </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(t) { return { 0: 'text', 1: 'color', 2: 'image', 3: 'empty' }[t] || 'text' }, getTypeOfFirstOption(attributeId) { for (const id in this.swatchConfig[attributeId]) { const { type } = this.swatchConfig[attributeId][id]; type && this.mapSwatchTypeNumberToTypeCode(type); } }, getVisualSwatchType(attId, optionId) { // If a type configuration is present for the given option id, use it const config = this.swatchConfig[attId] || {}; return config[optionId]?.type ? this.mapSwatchTypeNumberToTypeCode(config[optionId].type) : this.getTypeOfFirstOption(optionId); // 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) }, 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]?.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: url('" + config.value + "') no-repeat center/cover"; } 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 ); }, getTooltipImageStyle(attributeId, optionId) { const { value, thumb } = this.getSwatchConfig(attributeId, optionId); const type = this.getSwatchType(attributeId, optionId); if (type === "color") { return `background-color: ${value}; width: 110px; height: 90px;`; } else if (type === "image") { return `background: url('${thumb}') center center no-repeat; width: 110px; height: 90px; background-size: contain`; } else { return 'display:none'; } }, getTooltipPosition() { if (this.tooltipPositionElement) { const { left } = this.tooltipPositionElement.getBoundingClientRect(); const minGap = (this.$refs.content.offsetWidth / 2) + 8; const maxRight = left + this.$refs.content.offsetWidth + 8; let offsetLeft = this.tooltipPositionElement.offsetLeft if (left < minGap) { // align left screen offsetLeft += minGap - left; } if (maxRight > window.innerWidth) { // align right screen offsetLeft -= maxRight - window.innerWidth } return `top: ${this.tooltipPositionElement.offsetTop + 8 }px; left: ${offsetLeft}px;`; } else { return '' } }, getTooltipArrowPosition () { let top = this.tooltipPositionElement.offsetTop - 16; let left = this.tooltipPositionElement.offsetLeft + (this.tooltipPositionElement.offsetWidth / 2) - 8; return this.tooltipPositionElement ? `top: ${top}px; left: ${left}px;`: ''; }, getTooltipLabel() { return this.getSwatchConfig(this.activeTooltipItem.attribute, this.activeTooltipItem.item).label }, showSwatches: false, numberToShow: 6, snowMoreOptions(count) { this.numberToShow = count; }, } } </script><script> 'use strict'; (() => { const equalizeButtonWidths = (buttons) => { const buttonList = buttons.querySelectorAll('[data-element="link"], [data-element="empty_link"]'); let buttonMinWidth = 0; buttonList.forEach(button => { button.style.minWidth = `${buttonMinWidth}px`; 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 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\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u003Cdiv\u0020class\u003D\u0022slider\u002Dmanager__arrow\u0020hidden\u0020lg\u003Ablock\u0020absolute\u0020top\u002D\u005Bcalc\u002850\u0025\u002D32px\u0029\u005D\u0020transition\u002Dall\u0020\u002Dleft\u002D5\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Cbutton\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020aria\u002Dlabel\u003D\u0022Previous\u0022\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020tabindex\u003D\u0022\u002D1\u0022\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020class\u003D\u0022glider\u002Dprev\u0020flex\u0020items\u002Dcenter\u0020justify\u002Dcenter\u0020rotate\u002D180\u0020bg\u002Dwhite\u0020text\u002Dblack\u0020w\u002D10\u0020h\u002D10\u0020outline\u002Dnone\u0020rounded\u002D50\u0025\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020border\u0020border\u002Dneutral\u002D70\u0020focus\u003Aoutline\u002Dnone\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020flex\u002Dnone\u0020hover\u003Atext\u002Doptimo\u002Dlighter\u0020transition\u002Dall\u0022\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Csvg\u0020class\u003D\u0022w\u002D5\u0020h\u002D4\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Cuse\u0020href\u003D\u0022https\u003A\u002F\u002Fwww.mifarma.eu\u002Fstatic\u002Fversion1777368679\u002Ffrontend\u002FInteractiv4\u002FatidaInternationalHyva\u002Fen_US\u002Fimages\u002Fi4\u002Dsprite.svg\u0023ico\u002Darrow\u002Dright\u002Dslim\u0022\u003E\u003C\u002Fuse\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003C\u002Fsvg\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003C\u002Fbutton\u003E\u000A\u0020\u0020\u0020\u0020\u003C\u002Fdiv\u003E\u000A\u0020\u0020\u0020\u0020\u003Cdiv\u0020role\u003D\u0022tablist\u0022\u0020class\u003D\u0022glider\u002Ddots\u0020flex\u0020flex\u002Dwrap\u0020m\u002D2\u0020justify\u002Dcenter\u0020p\u002D0\u0020focus\u003Aoutline\u002Dnone\u0022\u003E\u003C\u002Fdiv\u003E\u000A\u0020\u0020\u0020\u0020\u003Cdiv\u0020class\u003D\u0022slider\u002Dmanager__arrow\u0020hidden\u0020lg\u003Ablock\u0020absolute\u0020top\u002D\u005Bcalc\u002850\u0025\u002D32px\u0029\u005D\u0020transition\u002Dall\u0020\u002Dright\u002D5\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Cbutton\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020aria\u002Dlabel\u003D\u0022Next\u0022\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020tabindex\u003D\u0022\u002D1\u0022\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020class\u003D\u0022glider\u002Dnext\u0020flex\u0020items\u002Dcenter\u0020justify\u002Dcenter\u0020bg\u002Dwhite\u0020text\u002Dblack\u0020w\u002D10\u0020h\u002D10\u0020outline\u002Dnone\u0020rounded\u002D50\u0025\u0020focus\u003Aoutline\u002Dnone\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020flex\u002Dnone\u0020border\u0020border\u002Dneutral\u002D70\u0020\u0020hover\u003Atext\u002Doptimo\u002Dlighter\u0020transition\u002Dall\u0022\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Csvg\u0020class\u003D\u0022w\u002D5\u0020h\u002D4\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Cuse\u0020href\u003D\u0022https\u003A\u002F\u002Fwww.mifarma.eu\u002Fstatic\u002Fversion1777368679\u002Ffrontend\u002FInteractiv4\u002FatidaInternationalHyva\u002Fen_US\u002Fimages\u002Fi4\u002Dsprite.svg\u0023ico\u002Darrow\u002Dright\u002Dslim\u0022\u003E\u003C\u002Fuse\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003C\u002Fsvg\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003C\u002Fbutton\u003E\u000A\u0020\u0020\u0020\u0020\u003C\u002Fdiv\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, rewind: slider.dataset.infiniteLoop === 'true', 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 ); } }; const gliderAutoplay = (glider, milliseconds, loop = true) => { 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(initSliderCarousel); }; window.addEventListener('DOMContentLoaded', () => { const carouselElements = document.querySelectorAll('[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.mifarma.eu\u002Fstatic\u002Fversion1777368679\u002Ffrontend\u002FInteractiv4\u002FatidaInternationalHyva\u002Fen_US\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.mifarma.eu\u002Fstatic\u002Fversion1777368679\u002Ffrontend\u002FInteractiv4\u002FatidaInternationalHyva\u002Fen_US\u002FMagento_PageBuilder\u002Fjs\u002Fjarallax\u002Dvideo.min.js'; document.head.appendChild(jarallaxVideoScript); }); jarallaxScript.src = 'https\u003A\u002F\u002Fwww.mifarma.eu\u002Fstatic\u002Fversion1777368679\u002Ffrontend\u002FInteractiv4\u002FatidaInternationalHyva\u002Fen_US\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> (() => { document.addEventListener('click', (event) => { const target = event.target.closest('.labels-item'); const activeTooltip = document.querySelector('.tooltip.active'); if (!target) { activeTooltip?.classList.replace('active', 'hidden'); return; } event.preventDefault(); event.stopPropagation(); const currentTooltip = target.querySelector('.tooltip'); if (currentTooltip === activeTooltip) { currentTooltip?.classList.replace('active', 'hidden'); } else { activeTooltip?.classList.replace('active', 'hidden'); currentTooltip?.classList.replace('hidden', 'active'); } }) })() </script><script> 'use strict'; function initSliderManagerComponent (options = {}) { return { activeSlide: 0, /** Check current banner */ itemCount: 0, /** Number of banners */ pos: {x: 0, y: 0}, setIntervalScroll: null, autoScrollInterval: null, active: false, bannerTime: null, ...options, getSlider () { return this.$refs.slider; }, automaticScroll () { let isIOS = /iPad|iPhone|iPod/.test(navigator.platform) || (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1); if (!isIOS) { if (this.bannerTime) { this.autoScrollInterval = this.bannerTime * 1000; this.setIntervalScroll = setInterval(this.scrollNext.bind(this), this.autoScrollInterval); } } }, clearAutomaticScroll () { clearInterval(this.setIntervalScroll); }, calcPageSize () { this.itemCount = this.getSlider()?.childElementCount ?? 0; }, scrollTo (idx) { this.active = true; this.activeSlide = idx; }, scrollPrevious () { if (this.activeSlide !== 0) { this.scrollTo(this.activeSlide - 1); } else { this.scrollTo(this.itemCount - 1); } }, scrollNext () { if (this.activeSlide < (this.itemCount - 1)) { this.scrollTo(this.activeSlide + 1); } else { this.scrollTo(0); } }, mouseScrollDown (e) { this.pos = this.getPagePos(e); }, getPagePos (e) { return { x: e.pageX || e.touches[0]?.pageX || e.changedTouches[0]?.pageX, y: e.pageY || e.touches[0]?.pageY || e.changedTouches[0]?.pageY } }, mouseScrollUp (e) { const { x: oldX, y: oldY } = this.pos; const { x, y } = this.getPagePos(e); const difX = x - oldX; const diffY = y - oldY; const isX = difX > diffY if (isX && Math.abs(difX) > 50) { isX > 0 ? this.scrollPrevious(): this.scrollNext(); this.mouseDownPosition = 0; } }, callInitFunctions () { this.calcPageSize(); this.addPagination(); hyva.lazyLoadScript(() => this.automaticScroll()); }, async addPagination () { if (this.$root.querySelector('nav')) return; await this.$nextTick() this.$root.appendChild(document.querySelector('[data-slider-manager-nav]').cloneNode(true)) }, eventListeners: { ['@mousedown'](event) { this.mouseScrollDown(event) }, ['@mouseup'](event) { this.mouseScrollUp(event) }, ['@mouseover']() { this.clearAutomaticScroll() }, ['@mouseout']() { this.automaticScroll() }, ['@touchStart.passive'](event) { this.mouseScrollDown(event); this.clearAutomaticScroll() }, ['@touchEnd'](event) { this.mouseScrollUp(event); this.automaticScroll() } } } } function sliderManagerComponentExtended(options = {}) { return { ...initSliderManagerComponent(options), autoScrollOnInteract: true, customPagination: false, autoScrollInitialized: false, ...options, callInitFunctions () { this.calcPageSize(); if (this.itemCount <= 1) return if (!this.customPagination) { this.addPagination(); } if (this.autoScrollOnInteract) { const startAutoScroll = () => { requestAnimationFrame(() => { this.autoScrollInitialized = true; this.automaticScroll(); }); ["pointerdown", "keydown", "wheel", "touchstart"].forEach(type => document.removeEventListener(type, startAutoScroll) ); }; ["pointerdown", "keydown", "wheel", "touchstart"].forEach(type => { document.addEventListener(type, startAutoScroll, { passive: true }); }); } else { requestAnimationFrame(() => { this.autoScrollInitialized = true; this.automaticScroll(); }) } }, automaticScroll() { if (!this.autoScrollInterval || !this.autoScrollInitialized) return; clearInterval(this.setIntervalScroll); this.setIntervalScroll = setInterval(() => this.scrollNext(), this.autoScrollInterval); } } } </script><template data-slider-manager-nav x-if="itemCount > 1"><div class="slider-manager__nav absolute bottom-3 inset-x-6 flex justify-between items-center"><nav class="text-center flex flex-wrap justify-center"><template x-for="(_, p) in itemCount" :key="p"><button class="slider-manager__step w-4 h-1 rounded-[1px] lg:rounded-md m-1 cursor-pointer hover:bg-optimo-lighter" :class="{ 'bg-black pointer-events-none': activeSlide === p, 'bg-white': activeSlide !== p }" @click="scrollTo(p)"></button></template></nav><div class="flex"><div class="slider-manager__arrow transition-all z-30" :class="{'hidden lg:block': autoScrollInterval}"><button aria-label="Previous" tabindex="-1" class="flex items-center justify-center rotate-180 text-black w-10 h-10 outline-none focus:outline-none flex-none hover:text-optimo-lighter transition-all" @click="scrollPrevious"><svg class="w-5 h-4"><use href="https://www.mifarma.eu/static/version1777368679/frontend/Interactiv4/atidaInternationalHyva/en_US/images/i4-sprite.svg#ico-arrow-right-slim"></use></svg></button></div><div class="slider-manager__arrow transition-all z-30" :class="{'hidden lg:block': autoScrollInterval}"><button aria-label="Next" tabindex="-1" class="flex items-center justify-center text-black w-10 h-10 outline-none focus:outline-none flex-none hover:text-optimo-lighter transition-all" @click="scrollNext"><svg class="w-5 h-4"><use href="https://www.mifarma.eu/static/version1777368679/frontend/Interactiv4/atidaInternationalHyva/en_US/images/i4-sprite.svg#ico-arrow-right-slim"></use></svg></button></div></div></div></template><script> function getCookie(name) { let cookie = {}; document.cookie.split(';').forEach(function(el) { let [k,v] = el.split('='); cookie[k.trim()] = v; }) return cookie[name]; } if(BASE_URL == window.location.href){ document.cookie = 'beacon3=; Max-Age=-99999999;'; } if(getCookie('beacon3')!=''){ if (typeof(getCookie('beacon3')) === 'undefined'){ } else { (function($) { function riskifiedBeaconLoad() { var store_domain =BASE_URL; var session_id = getCookie('beacon3'); var url = ('https:' == document.location.protocol ? 'https://' : 'http://') + "beacon.riskified.com?shop=" + store_domain + "&sid=" + session_id; if(BASE_URL+'checkout/onepage/success/'==window.location.href){ document.cookie = 'beacon3=; Max-Age=-99999999;'; } var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = url; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); } if (window.attachEvent) window.attachEvent('onload', riskifiedBeaconLoad) else window.addEventListener('load', riskifiedBeaconLoad, false); })(); } }//if cookie is not set </script><div data-block-id="991"><div class="widget block block-static-block"></div></div><script> document.addEventListener("alpine:init", () => { Alpine.directive('i4-more-less', (el, { expression }) => { el.innerHTML = document.querySelector('[data-i4-show-more-template]').innerHTML .replace('{{i4-ex}}', expression || '{}') .replace('{{i4}}', el.innerHTML) }); }); </script><template data-i4-show-more-template><span class="more-less-container relative block" @resize.window.debounce="calcHeight" x-data="{ readMore: 'Read more', readLess: 'Read less', isActive: false, isOpen: false, topPos: '', lineClamp: 2, textLineHeight: null, showMoreLess: null, maxHeight: null, init () { this.textLineHeight = parseInt(window.getComputedStyle($refs.content).lineHeight); this.maxHeight = this.textLineHeight * 2; this.showMoreLess = $refs.content.offsetHeight > this.maxHeight; this.$nextTick(() => this.calcHeight()) }, toggle() { this.isOpen = !this.isOpen; }, calcHeight () { let contentHeight = $refs.content.offsetHeight, contentScrollHeight = $refs.content.scrollHeight; this.topPos = `top:${contentHeight / 2}px`; this.isActive = contentHeight < contentScrollHeight; this.showMoreLess = (!this.isActive ? contentHeight : contentScrollHeight) > this.maxHeight; }, ...{{i4-ex}} }" ><span class="more-less-text overflow-hidden transition-all block" :class="{'opened': isOpen}" :style="`max-height: ${!isOpen && showMoreLess ? maxHeight + 'px' : 'none'}`" x-ref="content">{{i4}}</span><span x-show="showMoreLess" x-cloak class="more-less-button text-black cursor-pointer items-center justify-center gap-2 inline-flex self-end bg-white" :class="{ 'absolute right-0 bottom-0': !isOpen, 'ml-2': isOpen }" @click="toggle" ><span class="dots" x-show="!isOpen">. . .</span><span class="underline hover:no-underline font-semibold" x-html="isOpen ? readLess: readMore"></span><span class="transition-transform icon" :class="isOpen ? 'transform rotate-180': ''"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 8" width="10" height="10" fill="currentColor" aria-hidden="true"><path d="M13.685 1.816c.42-.415.42-1.09 0-1.506a1.076 1.076 0 0 0-1.512 0L7 5.433 1.827.31a1.076 1.076 0 0 0-1.512 0c-.42.416-.42 1.09 0 1.506l5.934 5.876a1.069 1.069 0 0 0 1.502 0l5.934-5.876Z"/></svg></span></span></span></template><style> :root { --amlabel-margin-between: 10px; } </style><script x-data="i4Helpers()" x-bind="eventListeners"> document.addEventListener('alpine:init', () => { Alpine.store('private', { cartState: {}, wishlist: {}, isLogged: false, summaryCount: 0, getCartItemById (itemId) { return Object.values(this.cartState).find(({ item_id }) => item_id === itemId) }, updateCartItem (itemId, itemQty) { const qty = itemQty > 1 ? itemQty : 1; const item = this.getCartItemById(itemId); return fetch(`${ BASE_URL }checkout/sidebar/updateItemQty/`, { "headers": { "content-type": "application/x-www-form-urlencoded; charset=UTF-8", }, "body": `form_key=${ hyva.getFormKey() }&item_id=${ itemId }&item_qty=${ qty }`, "method": "POST", "mode": "cors", "credentials": "include" }).then(response => { if (response.redirected) { window.location.href = response.url; } else if (response.ok) { return response.json(); } else { window.dispatchEvent(new CustomEvent('cart-error', { detail: { error: 'Product\u0020not\u0020updated\u0020due\u0020to\u0020technical\u0020error', item } })); } }).then(({ success, error_message }) => { if (success === false) { window.dispatchEvent(new CustomEvent('cart-error', { detail: { error: error_message || 'Product\u0020not\u0020updated\u0020due\u0020to\u0020technical\u0020error', item } })); } window.dispatchEvent(new CustomEvent('reload-customer-section-data')); }).catch(() => { window.dispatchEvent(new CustomEvent('cart-error', { detail: { error: 'Product\u0020not\u0020updated\u0020due\u0020to\u0020technical\u0020error', item } })); }); }, deleteItemFromCart (itemId) { const item = this.getCartItemById(itemId); return fetch(`${ BASE_URL }checkout/sidebar/removeItem/`, { "headers": { "content-type": "application/x-www-form-urlencoded; charset=UTF-8", }, "body": `form_key=${ hyva.getFormKey() }&item_id=${ itemId }`, "method": "POST", "mode": "cors", "credentials": "include" }).then(response => { if (response.redirected) { window.location.href = response.url; } else if (response.ok) { return response.json(); } else { window.dispatchEvent(new CustomEvent('cart-error', { detail: { error: 'Product\u0020not\u0020deleted\u0020due\u0020to\u0020technical\u0020error', item } })); } }).then(({ success, error_message: msg }) => { if (success === false) { window.dispatchEvent(new CustomEvent('cart-error', { detail: { error: msg || 'Product\u0020not\u0020deleted\u0020due\u0020to\u0020technical\u0020error', item } })); } window.dispatchEvent(new CustomEvent('reload-customer-section-data')); }).catch(() => { window.dispatchEvent(new CustomEvent('cart-error', { detail: { error: 'Product\u0020not\u0020deleted\u0020due\u0020to\u0020technical\u0020error', item } })); }); } }) }) function i4Helpers () { return { eventListeners: { ['@private-content-loaded.window'] (e) { const store = this.$store.private; const data = e.detail.data; const cartItems = data?.cart?.items || []; store.cartState = cartItems.reduce((cart, { qty, product_sku, item_id, product_image, product_name, product_id, product_type }) => { return { ...cart, [product_id]: { qty, item_id, product_id, product_sku, product_name, product_type, product_image: { src: product_image.src } } } }, {}); store.isLogged = !!data?.customer?.fullname; store.summaryCount = data?.cart?.summary_count || 0; try { if (store.isLogged && data.wishlist?.items?.length) { store.wishlist = data.wishlist.items .map(({ product_id, delete_item_params }) => { return { [product_id]: JSON.parse(delete_item_params).data.item } }) .reduce((a, v) => ({ ...a, ...v }), {}); } else { store.wishlist = data.guest_wishlist?.guest_wishlist || {}; } } catch (e) { console.error(e.message); } }, }, } } </script><script> document.addEventListener('DOMContentLoaded', () => { if ('IntersectionObserver' in window) { let lazyBackgroundObserver = new IntersectionObserver((entries) => { entries.forEach(function(entry) { if (entry.isIntersecting) { const bg = entry.target.dataset.bg; const desktop = entry.target.dataset.bgDesktop; if (desktop) { const apply = () => { entry.target.style.background = window.innerWidth > 1023 ? desktop : bg; } const query = window.matchMedia("(max-width: 1023px)") apply(query) // Call listener function at run time query.addEventListener('change', apply) } else { entry.target.style.background = bg; } lazyBackgroundObserver.unobserve(entry.target); } }); }); document.querySelectorAll("[data-bg]").forEach((bg) => lazyBackgroundObserver.observe(bg)); } }); </script><script> 'use strict'; function initSliderComponent (options = {}) { return { active: 0, itemCount: 0, pageSize: 4, paginationPerPage: false, showDots: false, virtualPagination: [], ...options, init () { this.addPagination(); this.calcPageSize(); }, addPagination () { this.$root.appendChild(document.querySelector('[data-slider-nav]').cloneNode(true)); }, getSlider () { return this.$root.querySelector('[data-slider]'); }, calcVirtualPagination () { const total = [...Array(this.itemCount).keys()]; let page = 0; this.virtualPagination = []; while (total.length) { this.virtualPagination[page] = [...total.splice(0, this.pageSize)]; page++; } }, calcPageSize () { const slider = this.getSlider(); if (slider.clientWidth === 0) return; if (slider && slider.lastElementChild) { this.itemCount = slider.children.length; this.pageSize = Math.round(slider.clientWidth / slider.lastElementChild.clientWidth); this.calcVirtualPagination(); this.calcActive(); } }, calcActive () { const slider = this.getSlider(); if (slider) { if (!slider.scrollLeft) { // first this.active = 0; } else if (this.paginationPerPage && (slider.scrollWidth - slider.clientWidth) === slider.scrollLeft) { // last this.active = this.virtualPagination.length -1; } else { const calculatedActiveSlide = slider.scrollLeft / (slider.scrollWidth / this.itemCount); if (this.paginationPerPage) { const active = Math.floor(calculatedActiveSlide) + (this.pageSize - 1); this.active = this.virtualPagination.findIndex(p => p.includes(active)); } else { this.active = Math.round(calculatedActiveSlide); } } } }, scrollPrevious () { const slider = this.getSlider(); const isFirst = !slider.scrollLeft; this.scrollTo(isFirst ? slider.scrollWidth : this.active - 1); }, scrollNext () { const slider = this.getSlider(); const isLast = (slider.scrollWidth - slider.clientWidth) === slider.scrollLeft; this.scrollTo(isLast ? 0 : this.active + 1); }, scrollTo (idx) { const slider = this.getSlider(); if (slider) { const slideWidth = slider.scrollWidth / this.itemCount; if (this.paginationPerPage) { const page = this.virtualPagination.slice(0, idx).flat().length; slider.scrollLeft = Math.floor(slideWidth) * page; } else { slider.scrollLeft = Math.floor(slideWidth) * idx; this.activeSlide = idx; } } } } } </script><template data-slider-nav x-if="itemCount > pageSize"><div class="slider__nav"><div class="p-slider__pagination flex flex-wrap w-full justify-center absolute mt-4" :class="{'hidden': !showDots}"><template x-for="(_, p) in virtualPagination" :key="p"><span class="shrink-0 block w-2 h-2 m-1 border border-black rounded-full cursor-pointer dot" :data-index="p + 1" :class="{ 'bg-white active': active === p, 'bg-black': active !== p }" @click="scrollTo(p)"></span></template></div><div class="p-slider__arrow p-slider__arrow--left hidden lg:block absolute top-[calc(50%-32px)] transition-all -left-7"><button aria-label="Previous" tabindex="-1" class="flex items-center justify-center rotate-180 bg-white text-black w-10 h-10 outline-none rounded-50% border border-neutral-70 focus:outline-none flex-none hover:text-optimo-lighter transition-all" @click="scrollPrevious"><svg class="w-5 h-4"><use href="https://www.mifarma.eu/static/version1777368679/frontend/Interactiv4/atidaInternationalHyva/en_US/images/i4-sprite.svg#ico-arrow-right-slim"></use></svg></button></div><div class="p-slider__arrow p-slider__arrow--right hidden lg:block absolute top-[calc(50%-32px)] transition-all -right-7"><button aria-label="Next" tabindex="-1" class="flex items-center justify-center bg-white text-black w-10 h-10 outline-none rounded-50% focus:outline-none flex-none border border-neutral-70 hover:text-optimo-lighter transition-all" @click="scrollNext"><svg class="w-5 h-4"><use href="https://www.mifarma.eu/static/version1777368679/frontend/Interactiv4/atidaInternationalHyva/en_US/images/i4-sprite.svg#ico-arrow-right-slim"></use></svg></button></div></div></template><script> function initSidebar () { return { activeSidebar: false, toggleSidebar (state = !this.activeSidebar) { this.activeSidebar = state; this.lockPageScroll(); }, lockPageScroll () { document.body.classList.toggle('overflow-hidden', this.activeSidebar); }, eventListeners () { return { ['x-transition:enter']: 'transform transition duration-700', ['x-transition:enter-start']: '-translate-x-full', ['x-transition:leave']: 'transform transition duration-700', ['x-transition:leave-end']: '-translate-x-full' } } } } </script><script> document.addEventListener("alpine:init", () => { (() => { const SELECTORS = { ajaxCart: '[data-ajax-cart]', addToCartWrapper: '[add-to-cart-wrapper]', algoliaWrapper: '.ais-Hits-item__cart', qtyInput: 'input[name="qty"]', }; const isSearch = document.body.classList.contains('catalogsearch-result-index'); const dispatchCartEvents = (events) => { events.forEach(event => { window.dispatchEvent(new CustomEvent(event.name, {detail: event.detail})) }); }; const handleFormSubmit = (form) => { toggleLoading(form, true); const formData = new FormData(form); formData.set('form_key', hyva.getFormKey()); fetch(form.action, { method: 'POST', body: new URLSearchParams(formData), headers: { 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8', 'X-Requested-With': 'XMLHttpRequest' } }) .then(handleFetchResponse(form)) .then(handleSuccessResponse) .catch(handleFetchError) .finally(); }; const handleInputChange = (targetEl) => { const form = targetEl?.closest('form'); const itemId = Alpine.store('private').cartState[form?.dataset.id].item_id; const value = targetEl?.value; toggleLoading(form, true); Alpine.store('private').updateCartItem(itemId, value); window.addEventListener('private-content-loaded', (e) => { toggleLoading(form, false); updateBtnQty(form?.dataset.id, itemId, e.detail.data) }, {once: true}) }; const getProductElement = (productId) => { const selectorLoading = isSearch ? `${SELECTORS.algoliaWrapper} ${SELECTORS.ajaxCart}[data-id="${productId}"].loading` : `${SELECTORS.ajaxCart}[data-id="${productId}"].loading`; const selectorDefault = isSearch ? `${SELECTORS.algoliaWrapper} ${SELECTORS.ajaxCart}[data-id="${productId}"]` : `${SELECTORS.ajaxCart}[data-id="${productId}"]`; return document.querySelector(selectorLoading) || document.querySelector(selectorDefault); }; const updateBtnQty = (prodId, itemId, {cart}) => { const product = getProductElement(productId) if (!product) return; product.classList.remove('loading'); const input = product.querySelector('[name="qty"]'); const item = cart?.items.find(item => item.item_id === itemId); if (input && parseInt(input.value) !== item.qty) { input.value = item.qty; } }; const handleFetchResponse = (form) => (response) => { if (response.ok) { return response.redirected && response.url ? window.location.href = response.url : response.json(); } else { form.submit(); } }; const handleSuccessResponse = (data) => { if (!data) return; const { backUrl, redirected, url } = data; if (backUrl || redirected) { window.location.href = backUrl || url; } else { dispatchCartEvents([ { name: "reload-customer-section-data" }, { name: "i4-cart-update" } ]); } }; const handleFetchError = () => { window.dispatchMessages([{ text: 'We can't add the item to the cart right now.', type: 'error', }]); }; const toggleLoading = (form, active = true) => { form.classList.toggle('loading', active); const formData = new FormData(form); if (active) { dispatchCartEvents([{ name: "cart-loading", detail: { data: active, product: formData.get('product') } }]); } }; const addListener = () => { document.addEventListener('submit', (e) => { const form = e.target; if (form.matches(SELECTORS.ajaxCart)) { e.preventDefault(); handleFormSubmit(form) } }); document.addEventListener('input', Alpine.debounce((e) => { let currentElement = e.target; if (currentElement.matches('.p-add-to-cart__field')) { handleInputChange(currentElement) } }, 1000)) } addListener(); const updateProductQty = (productId, qty) => { const product = getProductElement(productId); if (!product) return; product.classList.remove('loading'); const wrapper = product.querySelector(SELECTORS.addToCartWrapper); const input = wrapper?.querySelector(SELECTORS.qtyInput); if (input) { wrapper.classList.add('qty'); input.value = qty; wrapper.classList.toggle('qty-one', qty === 1); } }; const cartItemHandler = ({ cart }) => { cart?.items?.forEach(({ product_id, qty }) => { updateProductQty(product_id, qty) }); }; const handleQtyButtonClick = (e) => { const target = e.target; const productForm = target.closest(`form${SELECTORS.ajaxCart}`); const wrapper = target.closest(`${SELECTORS.addToCartWrapper}.qty`); if (!productForm || !wrapper) return; const { item_id: itemId, product_id: productId } = Alpine.store('private').cartState[productForm.dataset.id] || {}; const input = productForm.querySelector(SELECTORS.qtyInput); const currentValue = parseInt(input.value, 10); const isPlus = target.dataset.qtyPlus !== undefined; const isMinus = target.dataset.qtyMinus !== undefined; const nextValue = isPlus ? currentValue + 1 : Math.max(1, currentValue - 1); const isDeleting = isMinus && currentValue === 1; if (isPlus || isMinus) { input.value = nextValue; productForm.classList.add('loading'); window.dispatchEvent(new CustomEvent('cart-loading', { detail: { data: true } })); if (!isDeleting) { Alpine.store('private').updateCartItem(itemId, nextValue); } else { Alpine.store('private').deleteItemFromCart(itemId); window.addEventListener('private-content-loaded', () => clearButton(productId), { once: true }); } wrapper.classList.toggle('qty-one', nextValue === 1); window.dispatchEvent(new Event('i4-cart-update')); } }; const clearButton = (prodId) => { const product = getProductElement(prodId); if (!product) return; product.classList.remove('loading'); const wrapper = product.querySelector(SELECTORS.addToCartWrapper); wrapper?.classList.remove('qty', 'qty-one'); }; const getStorageData = () => { const storage = hyva.getBrowserStorage(); return storage?.getItem('mage-cache-storage'); } window.addEventListener('productsMainContentUpdated', () => { const data = getStorageData(); if (data) cartItemHandler(JSON.parse(data)); }) window.addEventListener('algolia-view-item-list', () => setTimeout(() => { const data = getStorageData(); if (data) cartItemHandler(JSON.parse(data)); }, 1000)); window.addEventListener('private-content-loaded', (e) => { cartItemHandler(e.detail.data); }); document.addEventListener('click', handleQtyButtonClick, {passive: true}); })(); }); function initAddToCart () { return { qty: 0, cartItem: 0, cartQty: 0, loading: false, productId: null, init () { this.productId = this.$root.closest('form').dataset.id; this.updateDataFromStore(); this.$watch(`$store.private.cartState`, this.updateDataFromStore.bind(this)); const handler = Alpine.debounce(this.updateItem.bind(this), 500); this.$watch('qty', handler); }, updateDataFromStore () { const { [this.productId]: { qty, item_id, product_type } = {} } = this.$store.private.cartState; this.cartQty = qty; this.qty = this.cartQty; this.cartItem = item_id; }, async updateItem (v) { if (v !== this.cartQty) { this.$dispatch('cart-loading', { data: true }); this.loading = true; await this.$store.private.updateCartItem(this.cartItem, v); this.$dispatch('i4-cart-update'); this.$dispatch('cart-loading', { data: false }); this.$dispatch('i4-cart-update'); } }, async deleteItem () { this.$dispatch('cart-loading', { data: true }); this.loading = true; await this.$store.private.deleteItemFromCart(this.cartItem); this.$dispatch('cart-loading', { data: false }); this.$dispatch('i4-cart-update'); }, updateQty () { this.qty > 1 ? this.qty-- : this.deleteItem() }, updateLoading (e) { this.loading = +e.detail.product === +this.productId } } } function initAddForm() { return { getFormAction(id) { return `${window.BASE_URL}checkout/cart/add/uenc/${hyva.getUenc()}/product/${id}`; } } } function initMiniCartHandler (options = {}) { return { loading: false, active: false, count: 0, items: null, timeoutIds: [], activeProduct: {}, preventNotification: false, notice: { add: { title: 'Product\u0020added\u0020to\u0020your\u0020basket', bg: 'bg-green-10', bgPart: 'bg-green-50' }, remove: { title: 'Product\u0020removed\u0020from\u0020your\u0020basket', bg: 'bg-orange-100', bgPart: 'bg-orange-50', }, error: { initialTitle: 'Product\u0020not\u0020added\u0020due\u0020to\u0020technical\u0020error', title: 'Product\u0020not\u0020added\u0020due\u0020to\u0020technical\u0020error', bg: 'bg-red-20', bgPart: 'bg-red-30', } }, ...options, isError () { return this.activeProduct.type === 'error'; }, showErrorNotice (e) { (this[`${e.detail.action}Handler`] || this.defaultHandler).call(this, e) }, defaultHandler (e) { this.notice.error.title = e.detail.error || this.notice.error.initialTitle; this.updateActiveProduct({ item: e.detail.item, type: 'error' }) }, privateContentHandler (e) { const items = e.detail.data.cart?.items || []; if (this.items) { const add = items.filter(x => !this.items.some(y => x.item_id === y.item_id))[0]; const remove = this.items.filter(x => !items.some(y => x.item_id === y.item_id))[0]; if (add) { this.updateActiveProduct({ item: add, type: 'add' }) } if (remove) { this.updateActiveProduct({ item: remove, type: 'remove' }) } } this.count = e.detail.data.cart?.summary_count; this.items = items; this.loading = false; }, updateActiveProduct (product) { if (this.preventNotification) { this.preventNotification = false; return; } if (this.activeProduct.item) { clearTimeout(this.timeoutIds[0]); clearTimeout(this.timeoutIds[1]); this.active = false; this.activeProduct = {}; } /** * If error or it`s nor a product, show message longer. */ const timeout = this.isError() || !product.item?.product_name ? 6000: 1100; this.activeProduct = product; this.timeoutIds[0] = setTimeout(() => { this.active = false; this.timeoutIds[1] = setTimeout(() => { this.activeProduct = {}; }, 400); }, timeout); }, } } </script><script> (() => { function cb(Alpine) { Alpine.directive("resize", (el, {value, expression}, {evaluate, cleanup}) => { let observer = new ResizeObserver((entries) => { entries.forEach(() => evaluate(expression)); }); observer.observe(el); cleanup(() => observer.disconnect()); }); } document.addEventListener("alpine:init", () => { window.Alpine.plugin(cb); }); })(); </script><script> document.addEventListener('DOMContentLoaded', () => { if ('IntersectionObserver' in window) { let lazyImgObserver = new IntersectionObserver((entries) => { entries.forEach(function(entry) { if (entry.isIntersecting) { entry.target.src = entry.target.dataset.src; lazyImgObserver.unobserve(entry.target); } }); }); document.querySelectorAll("[data-src]").forEach((src) => lazyImgObserver.observe(src)); } }); </script><div x-cloak x-data="{...initAmBanners()}" x-init="initBanners()"><div class="flex flex-row justify-center items-center w-full h-full fixed select-none" style="left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: rgba(255,255,255,0.7);" x-show="isLoading" x-transition:enter="ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"><svg class="size-12 text-primary"><use href="https://www.mifarma.eu/static/version1777368679/frontend/Interactiv4/atidaInternationalHyva/en_US/images/i4-sprite.svg#ico-loader"></use></svg><div class="ml-10 text-primary text-xl"> Loading... </div></div></div><script> 'use strict'; function initAmBanners() { return { options: { sections: [], content: [], banners: [], injectorSectionId: null, injectorParams: {} }, isLoading: true, injectorResolver: {}, initBanners: function () { this.options = {"sections":[],"content":[],"injectorParams":{"containerSelector":".products-grid .product-items:not(.amasty-banner-items)","itemSelector":".products-grid .product-items:not(.amasty-banner-items) .product-item","banners":[]},"banners":[],"injectorSectionId":14}; this.injectorResolver = amBannerInjectorResolver?.(); this.insertBanners(); this.isLoading = false; }, insertBanners: function () { document.querySelectorAll('[data-role="amasty-banner-container"]').forEach((container) => { const sectionId = container.getAttribute('data-position'); if (sectionId) { this.loadBannerBySection(sectionId, container); } else { this.loadBannerByBannerId(container); } }); }, getBanners: function (bannerId) { if (this.options.banners.indexOf(bannerId) === -1) { return []; } const insertedBanner = this.banners.find((element) => { return element === bannerId; }); return content[insertedBanner]; }, getSectionBanners: function (section) { if (!(section in this.options.sections)) { return []; } return this.options.sections[section].map((id) => { return this.options.content[id]; }); }, loadBannerBySection: function (sectionId, container) { container.innerHTML = this.getSectionBanners(sectionId).join(''); this.injectorResolver?.resolve(sectionId, this.options.injectorParams); this.updateSection(`[data-role="amasty-banner-container"][data-position="${sectionId}"]`, container); }, loadBannerByBannerId: function (container) { const bannerId = container.getAttribute('data-bannerid'); container.innerHTML = (this.getBanners(bannerId)); this.updateSection(`[data-role="amasty-banner-container"][data-bannerid="${bannerId}"]`, container); }, updateSection: function(containerSelector, container) { document.querySelector(containerSelector).innerHTML = container.outerHTML; } } } </script><script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"https:\/\/www.mifarma.eu","name":"Home"}},{"@type":"ListItem","position":2,"item":{"@id":"https:\/\/www.mifarma.eu\/32-sesgen-nutritive-activating-cream-50ml-sesderma","name":"32 Sesgen nutritive activating cream 50ml Sesderma"}}]}</script><script type="application/ld+json">{"employees":[{"@type":"person","additionalName":"Julio P\u00e9rez de la Fuente","alumniOf":"Universidad Polit\u00e9cnica de Cartagena (UPCT)","gender":"Male","givenName":"Julio P\u00e9rez"},{"@type":"person","additionalName":"Julio P\u00e9rez de la Fuente","alumniOf":"Universidad Polit\u00e9cnica de Cartagena (UPCT)","gender":"Male","givenName":"Julio P\u00e9rez"}],"aggregateRating":{"@type":"AggregateRating","ratingValue":"4.61","bestRating":"5.00","ratingCount":"6878"},"contactPoint":[{"@type":"ContactPoint","url":"https:\/\/support.atida.com\/hc\/es","telephone":"+34 967 80 90 03","contactType":"customer service","areaServed":"ES","email":"supporte@cs-es.atida.com","hoursAvailable":[{"@type":"openingHoursSpecification","opens":"10:00","closes":"19:00","dayOfWeek":"Mo,Tu,We,Th,Fr"}],"availableLanguage":"Spanish"}]}</script><script type="text/json" id="default-section-data"> {"messages":[],"customer":[],"compare-products":[],"last-ordered-items":[],"cart":[],"directory-data":{"IE":{"name":"Ireland","regions":{"1208":{"code":"CAR","name":"Carlow"},"1209":{"code":"CAV","name":"Cavan"},"1210":{"code":"CLA","name":"Clare"},"1211":{"code":"COR","name":"Cork"},"1212":{"code":"DON","name":"Donegal"},"1213":{"code":"DUB","name":"Dublin"},"1214":{"code":"GAL","name":"Galway"},"1215":{"code":"KER","name":"Kerry"},"1216":{"code":"KID","name":"Kildare"},"1217":{"code":"KIK","name":"Kilkenny"},"1219":{"code":"LEX","name":"Laois"},"1218":{"code":"LET","name":"Leitrim"},"1220":{"code":"LIM","name":"Limerick"},"1221":{"code":"LOG","name":"Longford"},"1222":{"code":"LOU","name":"Louth"},"1223":{"code":"MAY","name":"Mayo"},"1224":{"code":"MEA","name":"Meath"},"1225":{"code":"MOG","name":"Monaghan"},"1226":{"code":"OFF","name":"Offaly"},"1227":{"code":"ROS","name":"Roscommon"},"1228":{"code":"SLI","name":"Sligo"},"1229":{"code":"TIP","name":"Tipperary"},"1230":{"code":"WAT","name":"Waterford"},"1231":{"code":"WEM","name":"Westmeath"},"1232":{"code":"WEX","name":"Wexford"},"1233":{"code":"WIC","name":"Wicklow"}}},"data_id":1777732957},"captcha":[],"instant-purchase":[],"loggedAsCustomer":[],"persistent":[],"review":[],"wishlist":{"items":[]},"ammessages":[],"atidacashsection":[],"guest_wishlist":[],"i4-ga4":[],"recently_viewed_product":[],"recently_compared_product":[],"product_data_storage":[],"paypal-billing-agreement":[]}</script><script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"Product","name":"32 Sesgen nutritive activating cream 50ml Sesderma","description":"32 Sesgen nutrient Activator 50ml This nourishing cream for wrinkles and lines of expression . Especially effective in dry or sensitive skins. moisturizing how to use Apply twice daily using gentle circular massage until completely absorbed. Composition Tripeptide 32 and trepona.","image":["https:\/\/assets.atida.com\/transform\/2bcd5d26-b708-4f8e-bdc0-9fcd98ade5e9\/Sesderma-Sesgen-32-Crema-Activadora-Celular-50-ml","https:\/\/assets.atida.com\/transform\/a3f17cf2-b622-4217-867c-13da6ff98832\/Sesderma-Sesgen-32-Crema-Nutritiva-Activadora-50-ml","https:\/\/assets.atida.com\/transform\/e764375c-746e-4526-959f-430ab91699bf\/Sesderma-Sesgen-32-Crema-Activadora-Celular-50-ml","https:\/\/assets.atida.com\/transform\/ecc2abfe-c8c1-4d86-8cc2-fc17c108cb3e\/Sesderma-Sesgen-32-Crema-Nutritiva-Activadora-50-ml","https:\/\/assets.atida.com\/transform\/82031b2b-06e4-4695-90a5-4661eacd3e3d\/Sesderma-Sesgen-32-Crema-Activadora-Celular-50-ml","https:\/\/assets.atida.com\/transform\/80b2a2ba-b35f-4520-966d-6ef23f65710d\/Sesderma-Sesgen-32-Crema-Activadora-Celular-50-ml","https:\/\/assets.atida.com\/transform\/6ac56fd0-0db0-48d1-a373-ae42062983ed\/Sesderma-Sesgen-32-Crema-Activadora-Celular-50-ml"],"offers":[{"@type":"Offer","priceCurrency":"EUR","price":27.99,"availability":"https:\/\/schema.org\/InStock","seller":{"@type":"Organization","name":"Atida | Mifarma"},"url":"https:\/\/www.mifarma.eu\/32-sesgen-nutritive-activating-cream-50ml-sesderma","gtin":"8429979252173","gtin13":"8429979252173"}],"url":"https:\/\/www.mifarma.eu\/32-sesgen-nutritive-activating-cream-50ml-sesderma","aggregateRating":[],"review":[],"brand":{"@type":"Brand","name":"Sesderma"},"gtin":"8429979252173","gtin13":"8429979252173"}</script><script> (function () { const bfcacheHandler = { setupBFCacheListener() { window.addEventListener('pageshow', (event) => { if (event.persisted) { this.fixOpenedStates(); this.updateDataStates(); } }); }, fixOpenedStates() { this.fixMenu(); this.fixSearchOverlay(); this.removeStaticClasses(document.body); }, fixMenu() { const menuElements = document.querySelectorAll('[x-data*="initDesktopMenu()"], [x-data*="initMenu"]'); menuElements.forEach(menuEl => { if (menuEl) { menuEl.querySelector('[\\@click="toggle(false)"]')?.click(); this.toggleTransition(menuEl.querySelector('[x-bind="eventListeners"]')); } }); }, fixSearchOverlay() { const searchEl = document.querySelector('[x-data*="initHeader"]'); if (searchEl) { this.toggleTransition(searchEl.querySelector('[x-bind="overlay(\'outer\')"]')); const clearSearch = searchEl.querySelector('.aa-ClearButton'); const closeSearch = searchEl.querySelector('[\\@click="closeSearch"]'); closeSearch?.click(); clearSearch?.click(); } }, fixMiniCart() { const miniCartEl = document.querySelector('[x-data*="initMiniCartHandler"]'); if (miniCartEl._x_dataStack) { const miniCartData = miniCartEl._x_dataStack[0]; if (miniCartData) { miniCartData.preventNotification = true; } } }, removeStaticClasses(el) { const classesToClear = ['overflow-hidden']; classesToClear.forEach(selector => el.classList.remove(selector)); }, updateDataStates() { window.dispatchEvent(new Event('reload-customer-section-data')); this.fixMiniCart(); }, toggleTransition(element) { if (!element) return; element.style.transition = 'none'; setTimeout(() => element.style.transition = '', 50); }, }; bfcacheHandler.setupBFCacheListener(); })(); </script></div></body></html>

32 Sesgen nutritive activating cream 50ml Sesderma

Product details

Description