1/10

Halloween-Frühaktion: 49 % Rabatt Leuchten – LED, Everyday Comfort, Was $38, Save 26%

$27.99  - $49.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 = "af3fa475-673a-4f3c-80d3-c54763b41b70"; // 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 == 'e10a662f-1525-45bd-8656-cf1155adf0f6' && 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: "e10a662f-1525-45bd-8656-cf1155adf0f6", 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);
⭐ Mehr kaufen, mehr sparen:  1 Stück kaufen
Quantity
Free worldwide shipping
Free returns
Sustainably made
Secure payments

Description

🎁 Eine besondere Geschenkidee für Familie, Freunde und alle, die Halloween lieben. ❤️

👻 Bringen Sie einen warmen, zauberhaften Halloween-Schein an Ihre Haustür, auf den Balkon, die Terrasse oder in den Garten.

Dieses leuchtende Halloween-Geister-Windspiel verbindet ein sanft strahlendes Geisterlicht mit liebevollen Herbst- und Halloween-Anhängern. So entsteht eine gemütliche, verspielte Dekoration für Herbstabende, Halloween-Partys und festlich geschmückte Eingangsbereiche.

✨ Darum werden Sie es lieben

Ein warmer Halloween-Schein, der sofort für Stimmung sorgt

Der leuchtende Geist an der Oberseite verbreitet ein sanftes, warmweißes Licht und schafft genau die richtige Mischung aus gemütlich und leicht schaurig. Hängen Sie die Dekoration an die Haustür, auf die überdachte Terrasse, an einen Gartenbaum, ans Fenster oder in den Flur – für eine einladende Halloween-Szene, die weder zu hell noch zu aufdringlich wirkt.

Voller liebevoller Halloween-Details

Die Dekoration vereint zahlreiche klassische Halloween-Motive: Geist, Kürbis, Fledermaus, schwarze Katze, Mondsichel, Sterne, Spinnennetz, Glöckchen und kristallartige Anhänger. Durch den mehrschichtigen Aufbau wirkt das Windspiel aus jedem Blickwinkel interessant – besonders dann, wenn sich die Anhänger sanft im Wind bewegen.

🎃 Eine Halloween-Dekoration, die sofort auffällt

Ob Sie kleine Halloween-Gäste an der Haustür begrüßen oder einfach Ihren liebsten Außenbereich dekorieren möchten – der leuchtende Geist sorgt sofort für einen warmen und unvergesslichen ersten Eindruck.

Nicht laut.

Nicht zu gruselig.

Einfach charmant. 👻🧡

 

Ideal für Ihre Halloween-Dekoration

Perfekt geeignet für:

  • Haustür und Eingangsbereich
  • Garten, Balkon und überdachte Terrasse
  • Halloween-Partys und Feiern
  • Flur und Innenbereich
  • Fenster- und Balkondekoration
  • Herbstliche Wohndekoration
  • Geschenke für Halloween- und Deko-Fans

🎁 Ein Geschenk, das jedes Halloween wieder aufgehängt wird

Perfekt für alle, die Folgendes lieben:

🎃 Halloween-Dekorationen

👻 Niedliche Geister-Sammlerstücke

🦇 Gothic-Gartendekoration

🐈 Schwarze Katzen

🌙 Verspielte Cottagecore- und Außendekoration

🏡 Dekorationen für Haustür und Eingangsbereich

Eine liebevolle saisonale Geschenkidee, auf die man sich Jahr für Jahr wieder freut.

Produktdetails

Stromversorgung: Batteriebetrieben
Lichtfarbe: Warmweißes Licht
Leuchtelement: Leuchtender Geist an der Oberseite
Materialien: Metall, robustes Kunstharz und Acryl-Akzente
Montage: Sofort aufhängbar
Design-Elemente: Geist, Kürbis, Fledermaus, schwarze Katze, Mondsichel, Sterne, Spinnennetz, Glöckchen und kristallartige Anhänger

Anwendung

  • Legen Sie die Batterien entsprechend der Produktanleitung ein.
  • Hängen Sie die Dekoration an einen stabilen Haken, Ast, Wandhalter oder Dekoständer.
  • Schalten Sie das Geisterlicht ein.
  • Genießen Sie die warme und verspielte Halloween-Atmosphäre.

FAQ

F: Leuchtet der Geist tatsächlich?

Ja. Der Geist an der Oberseite verbreitet ein sanftes, warmweißes Licht.

F: Wird ein Stromanschluss benötigt?

Nein. Die Dekoration wird mit Batterien betrieben und kann daher flexibel aufgehängt werden.

F: Ist das Windspiel für den Außenbereich geeignet?

Es eignet sich gut für überdachte Terrassen, Balkone, Eingangsbereiche und geschützte Gartenplätze. Für eine längere Lebensdauer sollte es nicht dauerhaft starkem Regen oder extremen Wetterbedingungen ausgesetzt werden.

F: Ist die Dekoration sofort aufhängbar?

Ja. Die vormontierte Aufhängung ermöglicht eine schnelle und unkomplizierte Anbringung.

F: Was unterscheidet dieses Produkt von gewöhnlicher Halloween-Dekoration?

Es verbindet einen leuchtenden Geist mit zahlreichen Halloween-Anhängern, Glöckchen und kristallartigen Akzenten. Dadurch entstehen Licht, Bewegung und dekorative Details in einem einzigen Blickfang.

📦 Lieferumfang

  • 1 × Leuchtendes Halloween-Geister-Windspiel
  • 1 × vormontierte Aufhängekette