Home / DIY Patchwork Dragon Kit – Craft Your Own Magical Collectible Dragon Plush🔥Last 4 hours🔥BUY 2 GET 1 FREE (3 PCS)🎁For Your Family❤️

DIY Patchwork Dragon Kit – Craft Your Own Magical Collectible Dragon Plush🔥Last 4 hours🔥BUY 2 GET 1 FREE (3 PCS)🎁For Your Family❤️

$29.99 $39.99 Save $10.00
/** * 优惠码组件模型类 * 处理优惠码的显示和交互逻辑 */ 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 = "ac63f151-1271-4547-8a6b-1648b86a90b9"; // 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 == 'd544e01f-b868-4948-90bb-bd33a787d9b2' && 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: "d544e01f-b868-4948-90bb-bd33a787d9b2", 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);
🎁Buy 2 Get 1 Free🔥🔥:  💎 Emeris Dragon
Quantity
Share the love
Free worldwide shipping
Free returns
Sustainably made
Secure payments
Description

❄️🧵Unique to this store, innovative design, fully upgraded, excellent value for money❄️🧵

🎁Don't forget to buy some for your family or friends as it's a unique gift idea.❤❤❤

🔥Last 4 hours🔥BUY 2 GET 1 FREE (Add 3 Pcs To Cart)

🔥Last 4 hours🔥BUY 2 GET 1 FREE (Add 3 Pcs To Cart)

🔥Last 4 hours🔥BUY 2 GET 1 FREE (Add 3 Pcs To Cart)

🔥The price is limited !  💥Grab yours as the limited promotion available!

🌈 Collection Banner

Six magical dragons. Six unique personalities.

From dreamy moonlit adventures to sparkling crystal forests, every dragon tells its own enchanting story.

Create one... or collect them all and build your very own Dragon Family.

✨ Beginner Friendly
✨ Handmade by You
✨ Limited Edition Collection

Whether you're looking for a relaxing craft project, a unique handmade decoration, or a thoughtful gift, this DIY patchwork kit lets you create a magical companion with your own hands.

Every stitch transforms simple fabric pieces into a treasured keepsake you'll proudly display for years to come.

💎 Crystal Dragon

Crystal Dragon DIY Kit —— A Dragon Born from Crystal Forests

Hidden deep within enchanted crystal groves lives the Crystal Dragon.

With refreshing mint-green tones and sparkling gemstone accents, this magical companion captures the beauty of nature and fantasy in every detail.

💎 Elegant Crystal Details
🌿 Inspired by Nature
✨ A Beautiful Collectible

 🌙 Moon Dragon

Moon Dragon DIY Kit —— Craft Under the Magic of Moonlight

Wrapped in soft lavender hues and celestial details, the Moon Dragon is inspired by starlit skies and peaceful nighttime dreams.

A magical project for dreamers, fantasy lovers, and anyone who enjoys creating something truly special.

🌙 Dreamy Lavender Colors
⭐ Celestial-Inspired Design
✨ Magical Display Piece

🌸 Baby Dragon

Baby Dragon DIY Kit —— The Sweetest Dragon You'll Ever Make

Soft pink fabrics, delicate floral details, and an irresistibly adorable face make the Baby Dragon impossible not to love.

Whether you're crafting for yourself or someone special, this charming little dragon is guaranteed to melt hearts.

🌸 Sweet & Adorable Design
💗 Beginner Friendly
🎁 Perfect Gift for Craft Lovers

🌊 Ocean Dragon

Ocean Dragon DIY Kit —— Dive Into a Sea of Creativity

Inspired by gentle waves, sea breezes, and hidden ocean treasures, the Ocean Dragon brings a calming coastal charm to your crafting experience.

Every stitch feels like a peaceful escape to the seaside.

🌊 Relaxing Craft Experience
💙 Coastal-Inspired Design
✨ Perfect for Ocean Lovers

 🤍 Starlight Dragon

Starlight Dragon DIY Kit —— Where Stars and Magic Meet

Inspired by sparkling constellations and shimmering starlight, the Starlight Dragon shines with elegant silver tones and delicate golden accents.

Create a timeless keepsake that looks like it came straight from a fairytale.

✨ Elegant Silver Finish
⭐ Inspired by the Night Sky
🎁 A Truly Magical Gift

☀️ Sunshine Dragon

Sunshine Dragon DIY Kit —— Bring a Little Sunshine Into Your Day

Inspired by warm summer mornings and golden sunflower fields, the Sunshine Dragon radiates happiness wherever it goes.

Crafted with cheerful golden fabrics and sparkling details, it's the perfect project for brightening your home and your mood.

🌻 Warm & Cheerful
✨ Easy to Make
🎁 A Gift Full of Sunshine

 ✨ Ivory Dragon

Ivory Dragon DIY Kit —— The Most Elegant Dragon You'll Ever Make

Soft ivory fabrics, delicate golden embroidery, and a sweet, enchanting face make the Ivory Dragon impossible not to adore.

Whether you're crafting for yourself or gifting someone special, this elegant little dragon will capture hearts instantly.

🌟 Elegant & Charming Design
💗 Beginner Friendly
🎁 Perfect Gift for Craft Lovers

🧵 What You'll Get

✔ Pre-cut premium fabric pieces

✔ Matching embroidery thread

✔ Decorative beads and embellishments

✔ Filling material

✔ Sewing needle

✔ Step-by-step illustrated instructions

✔ Everything needed to create one complete Starlight Dragon

No additional materials required.

📏Size & Specs

Finished Dragon Size:

Approx. 8-10 inches (20-25 cm) tall

Difficulty Level:

Beginner Friendly ★★☆☆☆

Recommended Age:

12+

Materials:

Fabric, embroidery thread, stuffing cotton, decorative beads

Kit Type:

Complete DIY Patchwork Craft Kit

Collection:

Dragon Family Series