1/10

Handgefertigtes Serviertablett in Blattfor – Hand, Everyday Comfort, Was $45, Save 27%

$32.99  - $59.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 = "3f08e73a-9f9b-47ae-b696-7d96247fa53c"; // 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 == 'e9b243ab-fde2-4852-aa24-134e830050c5' && 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: "e9b243ab-fde2-4852-aa24-134e830050c5", 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:  1 Piece
Quantity
Free worldwide shipping
Free returns
Sustainably made
Secure payments

Description

Verleihen Sie Ihrem Tisch mit diesem wunderschön handgefertigten Serviertablett in Blattform aus Sheeshamholz Wärme, natürliche Struktur und zeitlose Eleganz. Die mehreren blattförmigen Fächer bieten eine praktische und zugleich dekorative Möglichkeit, Nüsse, Trockenfrüchte, Süßigkeiten, Datteln, Cracker, kleine Snacks oder Vorspeisen bei Familienfeiern und besonderen Anlässen stilvoll zu servieren.

Elegantes Blattdesign mit 7 Fächern

Die unterteilten, blattförmigen Fächer ermöglichen es, verschiedene Snacks übersichtlich und ansprechend zu servieren. Nüsse, Trockenfrüchte, Bonbons, Cracker und kleine Leckereien bleiben sauber voneinander getrennt, ohne dass mehrere Schalen benötigt werden.

Natürliche Schönheit aus Sheeshamholz

Das Tablett wird aus massivem Sheeshamholz gefertigt und begeistert mit warmen Naturtönen sowie einer markanten Holzmaserung. Jedes Stück besitzt ein einzigartiges Muster und verleiht Ihrem Tisch eine handgefertigte, natürliche Ausstrahlung.

Glatt polierte Oberfläche

Die Oberfläche wird sorgfältig poliert und erhält dadurch eine angenehm glatte Haptik und ein elegantes Erscheinungsbild. Das Tablett passt hervorragend auf Esstische, Couchtische, Küchenarbeitsplatten, Sideboards oder festlich dekorierte Buffets.

Ideal zum Bewirten von Gästen

Eine praktische und stilvolle Wahl für Familienfeiern, die Kaffee- oder Teestunde, Spieleabende, Snackplatten, Thanksgiving, Weihnachten, Partys und gemütliche Treffen mit Freunden.

Serviertablett und dekorativer Blickfang

Dieses Tablett eignet sich nicht nur zum Servieren von Snacks. Durch seine kunstvolle Blattform wird es auch bei Nichtgebrauch zu einem dekorativen Wohnaccessoire. Dekorieren Sie es mit Kerzen, verpackten Süßigkeiten, Potpourri, saisonalen Elementen oder kleinen Ornamenten.

Liebevolle Geschenkidee

Eine besondere Geschenkidee zur Einweihung, Hochzeit, zum Geburtstag, Muttertag, Thanksgiving oder zu Weihnachten. Ideal für alle, die rustikale, natürliche, handgefertigte oder vom Boho- und Landhausstil inspirierte Wohndekorationen lieben.

Produktspezifikationen

Material: Sheeshamholz
Design: Unterteiltes Serviertablett in Blattform
Ungefähre Größe: 40 × 16 × 2,5 cm / 15,7 × 6,3 × 1 Zoll
Geeignet für: Nüsse, Trockenfrüchte, Bonbons, Süßigkeiten, Cracker, kleine Snacks und Tischdekorationen
Stil: Rustikal, Landhausstil, natürlich, handgefertigt und Boho-inspiriert

Aufgrund der Handarbeit und der natürlichen Holzmaserung können leichte Abweichungen in Farbe, Struktur und Größe auftreten.

Pflegehinweise

Mit einem trockenen oder leicht feuchten Tuch abwischen.
Nicht in Wasser einweichen.
Nicht in der Spülmaschine oder Mikrowelle verwenden und längeren Kontakt mit Feuchtigkeit vermeiden.
Am besten für trockene Lebensmittel und dekorative Zwecke geeignet.
Das gelegentliche Auftragen eines lebensmittelechten Holzöls kann dazu beitragen, die natürliche Schönheit des Holzes zu erhalten.