1/14

Laatste dag: 50% KORTING - Emotionele Steu – Hand, Everyday Comfort, Was $25, Save 20%

$19.99  - $149.99
/** * 优惠码组件模型类 * 处理优惠码的显示和交互逻辑 */ class SpzCustomDiscountCodeModel extends SPZ.BaseElement { constructor(element) { super(element); // 复制按钮和内容的类名 this.copyBtnClass = "discount_code_btn" this.copyClass = "discount_code_value" } isLayoutSupported(layout) { return layout == SPZCore.Layout.LOGIC; } buildCallback() { // 初始化服务 this.action_ = SPZServices.actionServiceForDoc(this.element); this.templates_ = SPZServices.templatesForDoc(this.element); this.xhr_ = SPZServices.xhrFor(this.win); } /** * 渲染优惠码组件 * @param {Object} data - 渲染数据 */ doRender_(data) { return this.templates_ .findAndRenderTemplate(this.element, Object.assign(this.getDefaultData(), data) ) .then((el) => { this.clearDom(); this.element.appendChild(el); // 绑定复制代码功能 this.copyCode(el, data); }); } /** * 获取渲染模板 * @param {Object} data - 渲染数据 */ getRenderTemplate(data) { const renderData = Object.assign(this.getDefaultData(), data); return this.templates_ .findAndRenderTemplate(this.element, renderData) .then((el) => { this.clearDom(); return el; }); } /** * 清除DOM内容 */ clearDom() { const children = this.element.querySelector('*:not(template)'); children && SPZCore.Dom.removeElement(children); } /** * 获取默认数据 * @returns {Object} 默认数据对象 */ getDefaultData() { return { isMobile: appDiscountUtils.judgeMobile(), isRTL: appDiscountUtils.judgeRTL(), image_domain: this.win.SHOPLAZZA.image_domain, copyBtnClass: this.copyBtnClass, copyClass: this.copyClass } } /** * 复制优惠码功能 * @param {Element} el - 当前元素 */ copyCode(el) { const copyBtnList = el.querySelectorAll(`.${this.copyBtnClass}`); if (copyBtnList.length > 0) { copyBtnList.forEach(item => { item.onclick = async () => { // 确保获取正确的元素和内容 const codeElement = item.querySelector(`.${this.copyClass}`); if (!codeElement) return; // 获取纯文本内容 const textToCopy = codeElement.innerText.trim(); // 尝试使用现代API，如果失败则使用备用方案 try { if (navigator.clipboard && navigator.clipboard.writeText) { await navigator.clipboard.writeText(textToCopy); } else { throw new Error('Clipboard API not available'); } // 显示复制成功提示 this.showCopySuccessToast(textToCopy, el); } catch (err) { console.error('Modern clipboard API failed, trying fallback...', err); // 使用备用复制方案 this.fallbackCopy(textToCopy, el); } const discountId = item.dataset["discountId"]; // 跳转决策: is_redirection + link(可选覆盖) const setting = { is_redirection: item.dataset["redirection"] === "true", link: item.dataset["link"], }; const landingUrl = `/promotions/discount-default/${discountId}`; const finalUrl = appDiscountUtils.resolveDiscountHref(setting, landingUrl); if (finalUrl && appDiscountUtils.inProductBody(this.element)) { this.win.open(finalUrl, '_blank', 'noopener'); } } }) } } /** * 使用 execCommand 的复制方案 * @param {string} codeText - 要复制的文本 * @param {Element} el - 当前元素 */ fallbackCopy(codeText, el) { const textarea = this.win.document.createElement('textarea'); textarea.value = codeText; // 设置样式使文本框不可见 textarea.style.position = 'fixed'; textarea.style.left = '-9999px'; textarea.style.top = '0'; // 添加 readonly 属性防止移动端虚拟键盘弹出 textarea.setAttribute('readonly', 'readonly'); this.win.document.body.appendChild(textarea); textarea.focus(); textarea.select(); try { this.win.document.execCommand('copy'); // 显示复制成功提示 this.showCopySuccessToast(codeText, el); } catch (err) { console.error('Copy failed:', err); } this.win.document.body.removeChild(textarea); } /** * 创建 Toast 元素 * @returns {Element} 创建的 Toast 元素 */ createToastEl_() { const toast = document.createElement('ljs-toast'); toast.setAttribute('layout', 'nodisplay'); toast.setAttribute('hidden', ''); toast.setAttribute('id', 'discount-code-toast'); toast.style.zIndex = '1051'; return toast; } /** * 挂载 Toast 元素到 body * @returns {Element} 挂载的 Toast 元素 */ mountToastToBody_() { const existingToast = this.win.document.getElementById('discount-code-toast'); if (existingToast) { return existingToast; } const toast = this.createToastEl_(); this.win.document.body.appendChild(toast); return toast; } /** * 复制成功的提醒 * @param {string} codeText - 要复制的文本 * @param {Element} el - 当前元素 */ showCopySuccessToast(codeText, el) { const $toast = this.mountToastToBody_(); SPZ.whenApiDefined($toast).then(toast => { toast.showToast("Discount code copied !"); this.codeCopyInSessionStorage(codeText); }); } /** * 复制优惠码成功后要存一份到本地存储中，购物车使用 * @param {string} codeText - 要复制的文本 */ codeCopyInSessionStorage(codeText) { try { sessionStorage.setItem('other-copied-coupon', codeText); } catch (error) { console.error(error) } } } // 注册自定义元素 SPZ.defineElement('spz-custom-discount-code-model', SpzCustomDiscountCodeModel);
/** * Custom discount code component that handles displaying and managing discount codes * @extends {SPZ.BaseElement} */ class SpzCustomDiscountCode extends SPZ.BaseElement { constructor(element) { super(element); // API endpoint for fetching discount codes this.getDiscountCodeApi = "\/api\/storefront\/promotion\/code\/list"; // Debounce timer for resize events this.timer = null; // Current variant ID this.variantId = "9b714bd4-ab2f-4303-a9f3-df328b74976e"; // Store discount code data this.discountCodeData = {} } /** * Check if layout is supported * @param {string} layout - Layout type * @return {boolean} */ isLayoutSupported(layout) { return layout == SPZCore.Layout.LOGIC; } /** * Initialize component after build */ buildCallback() { this.templates_ = SPZServices.templatesForDoc(); this.viewport_ = this.getViewport(); // Bind methods to maintain context this.render = this.render.bind(this); this.resize = this.resize.bind(this); this.switchVariant = this.switchVariant.bind(this); } /** * Setup component when mounted */ mountCallback() { this.getData(); // Add event listeners this.viewport_.onResize(this.resize); this.win.document.addEventListener('dj.variantChange', this.switchVariant); } /** * Cleanup when component is unmounted */ unmountCallback() { this.viewport_.removeResize(this.resize); this.win.document.removeEventListener('dj.variantChange', this.switchVariant); // 清除定时器 if (this.timer) { clearTimeout(this.timer); this.timer = null; } } /** * Handle resize events with debouncing */ resize() { if (this.timer) { clearTimeout(this.timer) this.timer = null; } this.timer = setTimeout(() => { if (appDiscountUtils.inProductBody(this.element)) { this.render(); } else { this.renderSkeleton(); } }, 200); } /** * Handle variant changes * @param {Event} event - Variant change event */ switchVariant(event) { const variant = event.detail.selected; if (variant.product_id == 'e1de299f-25a5-42bc-a1ed-00e66bdf01f8' && variant.id != this.variantId) { this.variantId = variant.id; this.getData(); } } /** * Fetch discount code data from API */ getData() { if (appDiscountUtils.inProductBody(this.element)) { const reqBody = { product_id: "e1de299f-25a5-42bc-a1ed-00e66bdf01f8", variant_id: this.variantId, product_type: "default", } if (!reqBody.product_id || !reqBody.variant_id) return; this.discountCodeData = {}; this.win.fetch(this.getDiscountCodeApi, { method: "POST", body: JSON.stringify(reqBody), headers: { "Content-Type": "application/json" } }).then(async (response) => { if (response.ok) { let data = await response.json(); if (data.list && data.list.length > 0) { data.list[0].product_setting.template_config = JSON.parse(data.list[0].product_setting.template_config); // Format timestamps to local timezone const zone = this.win.SHOPLAZZA.shop.time_zone; data.list = data.list.map(item => { if(+item.ends_at !== -1) { item.ends_at = appDiscountUtils.convertTimestampToFormat(+item.ends_at, zone); } item.starts_at = appDiscountUtils.convertTimestampToFormat(+item.starts_at, zone); return item; }); } this.discountCodeData = data; this.render(); } else { this.clearDom(); } }).catch(err => { console.error("discount_code", err) this.clearDom(); }); } else { this.renderSkeleton(); } } /** * Clear component DOM except template */ clearDom() { const children = this.element.querySelector('*:not(template)'); children && SPZCore.Dom.removeElement(children); } /** * Render discount codes with formatted dates */ render() { // Render using discount code model SPZ.whenApiDefined(document.querySelector('#spz_custom_discount_code_model')).then(renderApi => { renderApi.doRender_({ discountCodeData: this.discountCodeData }) }).catch(err => { this.clearDom(); }) } renderSkeleton() { // Render template for non-product pages this.templates_ .findAndRenderTemplate(this.element, { isMobile: appDiscountUtils.judgeMobile() }) .then((el) => { this.clearDom(); this.element.appendChild(el); }) .catch(err => { this.clearDom(); }); } } // Register custom element SPZ.defineElement('spz-custom-discount-code', SpzCustomDiscountCode);
Style:  🌙 De maan
Quantity
Free worldwide shipping
Free returns
Sustainably made
Secure payments

Description

🎁Vergeet niet ook een paar te bestellen voor familie of vrienden – het is een uniek cadeau-idee! ❤❤❤

Een Klein Vriendje. Een Zachte Herinnering. Een Dagelijkse Dosis Positiviteit.

Soms zijn het juist de kleinste dingen die je grootste glimlach kunnen brengen. 💛

Elke Emotional Support Gnome heeft zijn eigen unieke boodschap, symbool en persoonlijkheid – ontworpen om jou (of iemand die je liefhebt) eraan te herinneren om door te gaan, hoop te houden en te geloven dat er mooiere dagen aankomen.

Zet je kabouter op je bureau, boekenplank, nachtkastje, koffiehoekje of favoriete gezellige plekje. Elke blik erop herinnert je eraan dat je sterker, moediger en geliefder bent dan je denkt. ✨

Of je nu een mijlpaal viert, iemand wilt opvrolijken of gewoon een betekenisvol cadeau wilt geven – er is altijd een kaboutervriend die perfect past bij elk hart en iedere levensreis.

💙 Maak Kennis Met Jouw Kaboutervrienden

🌙 Luna – De Maanlichtvriend

"Rust vannacht uit. De sterren kunnen wel wachten."

Een rustige metgezel, geïnspireerd door maanverlichte nachten en stille avonden. Luna brengt kalmte en zachte geruststelling wanneer het leven even overweldigend voelt.

Perfect voor:

  • 🌙 Nachtmensen
  • 💙 Cadeaus voor ontspanning en rust
  • 📚 Leeshoekjes
  • 🛏️ Decoratie voor op het nachtkastje

🌈 Dreamer – De Dromervriend

"Mooie dingen zijn onderweg."

Vol kleurrijke hoop en eindeloze mogelijkheden herinnert Dreamer je eraan om in je dromen te blijven geloven, zelfs wanneer de weg nog niet helemaal duidelijk is.

Perfect voor:

  • 🌈 Dromers & creatieve geesten
  • 🎓 Afgestudeerden
  • ✨ Nieuwe beginnen
  • 💕 Bemoedigende cadeaus

🌊 Harbor – De Veilige Haven

"Hier ben je veilig."

Geïnspireerd door vuurtorens, kalme zeeën en veilige havens. Harbor biedt troost tijdens moeilijke momenten en herinnert je eraan dat elke storm uiteindelijk voorbijgaat.

Perfect voor:

  • 🌊 Troostcadeaus
  • 🤍 Een hart onder de riem
  • 🏡 Woondecoratie
  • 💙 Dagelijkse positieve herinnering

🔥 Faith – De Vriend van Vertrouwen

"Blijf geloven en ga door."

Een symbool van kracht, moed en onwankelbare hoop. Faith moedigt je aan om op jezelf te vertrouwen en stap voor stap vooruit te blijven gaan.

Perfect voor:

  • 🔥 Inspirerende cadeaus
  • 🙏 Spirituele steun
  • 💪 Persoonlijke groei
  • ❤️ Betekenisvolle herinneringen

🦋 Bloom – De Bloeiende Vriend

"Je groeit uit tot wie je altijd al bedoeld was te zijn."

Geïnspireerd door vlinders en bloemen viert Bloom persoonlijke groei, verandering en de schoonheid van jezelf worden.

Perfect voor:

  • 🦋 Zelfliefde
  • 🌸 Persoonlijke mijlpalen
  • 💜 Vriendschapscadeaus
  • ✨ Een frisse start

🍀 Lucky – De Geluksvriend

"Mooie dingen komen eraan."

Een vrolijke metgezel vol positieve energie en geluk. Lucky herinnert je er elke dag aan om in jezelf te geloven en iedere kans met beide handen aan te grijpen.

Perfect voor:

  • 🍀 Gelukscadeaus
  • 🎓 Diploma-uitreikingen
  • 💼 Nieuwe baan
  • 🎉 Feestelijke momenten

☕ Cozy – De Gezellige Vriend

"Doe het rustig aan. Je doet het beter dan je denkt."

Warm, knus en geruststellend – net als je favoriete kop koffie. Cozy moedigt je aan om even adem te halen en te genieten van de kleine mooie momenten in het leven.

Perfect voor:

  • ☕ Koffieliefhebbers
  • 🏡 Gezellige woondecoratie
  • 📚 Leeshoekjes
  • 💕 Cadeaus voor zelfzorg

❤️ Waarom Je Er Dol Op Zult Zijn

✨ Elke kabouter draagt een eigen inspirerende boodschap

✨ Brengt warmte en karakter in iedere ruimte

✨ Een betekenisvol cadeau voor vrienden, familie, collega's en dierbaren

✨ Een dagelijkse herinnering aan hoop, moed en zelfvertrouwen

✨ Mooi verpakt en direct klaar om cadeau te geven

🎁 Perfect Cadeau Voor

💖 Beste vrienden

💖 Moeders & dochters

💖 Leraren

💖 Collega's

💖 Afgestudeerden

💖 Koffieliefhebbers

💖 Iedereen die wel wat extra positiviteit kan gebruiken

📦 Inhoud Van Het Pakket

🎁 1 × Emotional Support Gnome

💌 1 × Inspirerende boodschapkaart

🎀 1 × Cadeauzakje

✨ Omdat Iedereen Wel Een Beetje Aanmoediging Verdient

Of het nu Luna's rustgevende aanwezigheid is, Dreamer's kleurrijke hoop, Harbor's troost, Faith's kracht, Bloom's persoonlijke groei, Lucky's positieve energie of Cozy's warme gezelligheid – deze kleine vriendjes herinneren je elke dag aan één eenvoudige waarheid:

Jij bent geliefd. Jij bent sterk. En er liggen mooie dagen voor je. 💛

BESTEL NU →

🎁Vergeet niet ook een paar te bestellen voor familie of vrienden – het is een uniek cadeau-idee! ❤❤❤

BETALEN

✅ Betalen kan veilig via PayPal®, bankpas en creditcard. Voeg eerst het product toe aan je winkelwagen, ga vervolgens naar Afrekenen en kies daarna je verzendmethode en betaalmethode.

✅ Betaal je met een bankpas of creditcard? Vul dan eenvoudig je kaartnummer, vervaldatum en beveiligingscode (CVV) in.