9/20

DIY Patchwork Fabric Doll Sewing Kit - Cre – Hand

$29.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 = "273f462f-8bec-4bdc-bfd3-b5322611003b"; // 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 == '693d9d08-2016-4ee3-ad14-9d4d2eb4b746' && 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: "693d9d08-2016-4ee3-ad14-9d4d2eb4b746", 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:  🎅 Santa Claus
Quantity
$59.99 全球免运费
Free returns
Sustainably made
Secure payments

Description

🧵 DIY Patchwork Fabric Character Doll Kit

Stitch It, Fill It & Bring Your Own Handmade Character To Life

Create a soft, dimensional patchwork character with your own hands. Stitch the fabric pieces together, add the filling, and finish the charming details to create a handmade decoration full of personality.

🧵 Watch Flat Fabric Come To Life

What begins as a collection of colorful fabric pieces slowly transforms into a soft and lovable handmade character.

Stitch the prepared panels together, add the filling, shape the body, and watch your character come to life one step at a time.

  • ✂️ Prepared fabric pieces
  • 🧵 Simple stitching process
  • ☁️ Soft filling creates dimension
  • 🎀 Add the finishing details
  • 🧸 Create your own handmade character

🧸 Charming Details In Every Stitch

Every character has its own personality thanks to the colorful patchwork fabrics and decorative finishing touches.

Mixed textures and seasonal accessories create a warm handmade look that feels completely unique.

  • 🎀 Colorful fabric patterns
  • 🔘 Decorative buttons
  • 🧶 Soft yarn accents
  • 🧣 Cozy scarves
  • 🔔 Tiny bells
  • 🎅 Hats and character accessories

✂️ A Cozy Craft For Relaxing Moments

Slow down and enjoy the peaceful rhythm of handmade crafting.

Work on one section at a time during a quiet afternoon, relaxing weekend, or cozy movie night.

  • ☕ Cozy afternoons at home
  • 🎬 Movie night projects
  • 🧵 Quiet crafting time
  • 🎄 Holiday craft nights
  • ✨ Relaxing weekend activities

The gentle rhythm of stitching and filling makes the entire process both relaxing and rewarding.

🎨 Twelve Characters To Choose From

Choose your favorite design and create a handmade character that matches your personality, holiday decorations, or collection.

  • 🎅 Santa Claus
  • 🧝 Elf
  • ☃️ Snowman
  • 👼 Angel
  • 🍪 Gingerbread Man
  • 🎖 Nutcracker
  • 🧙 Gnome
  • 🦌 Reindeer
  • 🐴 Horse
  • 🐰 Bunny
  • 🐮 Highland Cow
  • 🐉 Dragon

Collect different characters and create your own handmade seasonal display.

🏡 Make It, Then Show It Off

Once completed, your handmade character becomes a charming decoration you can proudly display around your home.

  • 🏠 Mantel displays
  • 📚 Shelves and bookcases
  • 🪑 Desks and side tables
  • 🎄 Christmas decorations
  • 🧺 Tiered trays
  • 🛋 Farmhouse home décor

The soft handmade texture adds warmth and personality that mass-produced decorations simply cannot replicate.

🎁 A Handmade Gift With Heart

Give someone more than just a product — give them the joy of creating something with their own hands.

Perfect for:

  • 🎨 Craft lovers
  • 🧵 Sewing enthusiasts
  • 🎄 Christmas lovers
  • 👩 Moms and grandmothers
  • 👭 Creative friends
  • ❤️ Handmade gift lovers

You can also complete the character yourself and give the finished doll as a heartfelt handmade keepsake.

🛠️ How To Create Your Character

1️⃣ Sort Your Materials

Lay out the prepared fabric pieces, thread, filling, and decorative accessories before starting.

2️⃣ Stitch The Fabric Pieces

Follow the included pattern and sew the matching fabric sections together.

3️⃣ Add The Filling

Fill the character until it becomes soft, rounded, and properly shaped.

4️⃣ Finish The Details

Attach the hat, buttons, bows, beard, scarf, or other decorative pieces.

💬 What Our Customers Say

⭐⭐⭐⭐⭐

“The different fabrics give it so much personality.”

I made the Santa design and loved watching the printed fabric panels slowly turn into a round little character. The beard and button details completed the look beautifully.

— Linda M., Ohio

⭐⭐⭐⭐⭐

“A relaxing project for the weekend.”

I worked on it slowly while listening to Christmas music. The sewing was manageable, and adding the stuffing was the moment the character really came to life.

— Patricia R., Pennsylvania

⭐⭐⭐⭐⭐

“It looks beautiful on my mantel.”

The finished doll has a soft handmade look that fits perfectly with my farmhouse decorations. It feels much more personal than buying something already finished.

— Susan K., Texas

📏 Product Specifications

Product Name: DIY Patchwork Fabric Character Doll Kit

Material: Assorted Fabric Pieces, Polyester Fiber Filling, Thread and Decorative Trims

Finished Size: Approx. 8–10 in / 20–25 cm tall

Craft Type: Hand Sewing and Fabric Craft

Skill Level: Beginner Friendly

Available Styles: Santa Claus, Elf, Snowman, Angel, Gingerbread Man, Nutcracker, Gnome, Reindeer, Horse, Bunny, Highland Cow and Dragon

🎁 Package Includes

🧵 Prepared fabric pieces

🪡 Sewing materials

☁️ Filling material

🎀 Decorative accessories

📄 Pattern or template

📖 Assembly instructions

1 × DIY Patchwork Fabric Character Doll Kit

❓ Frequently Asked Questions

Is This A Finished Doll?

No. This is a DIY sewing kit designed for you to create the patchwork character yourself.

Is It Suitable For Beginners?

Yes. The project is suitable for beginners who are comfortable practicing basic hand sewing.

How Large Is The Finished Character?

Most completed characters are approximately 8–10 inches / 20–25 cm tall.

Does One Order Include All Twelve Designs?

No. Each purchase includes one DIY kit in the style selected at checkout.

🧵 Make Something With Your Own Hands

Start with fabric pieces.
Add your stitches.
Shape the character.
Finish the details.

Then enjoy a handmade keepsake that is completely your own.

🎁 Don't forget to pick one for your family or friends — a thoughtful handmade gift for craft lovers! ❤️