Home / 🎉🎄Beginner-Friendly DIY Quilted Christmas Gnome Shelf Sitter Kit | Complete Kit with Coordinated Fabrics, Filling & Step-by-Step Guide Included 💕

🎉🎄Beginner-Friendly DIY Quilted Christmas Gnome Shelf Sitter Kit | Complete Kit with Coordinated Fabrics, Filling & Step-by-Step Guide Included 💕

$29.99 $39.19 Save $9.20

/** * 优惠码组件模型类 * 处理优惠码的显示和交互逻辑 */ 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 = "368192f0-fcea-4dfe-85eb-8f1fc527c0e1"; // 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 == '02127976-4dec-4247-9e01-664c57734a06' && 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: "02127976-4dec-4247-9e01-664c57734a06", 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🎁Buy 3— Save 15% Off & Free Shipping:

Christmas Poinsettia Gnome

Frosted Snowflake Gnome

Sugarplum Gingerbread Gnome

Angel Blessings Gnome

Woodland Reindeer Gnome

🔥All Styles - 5Pcs(✨Save 25% & Free Shipping)

Quantity

Free worldwide shipping

Free returns

Sustainably made

Secure payments

Description

Stitch a Whimsical Christmas Character You’ll Love Displaying

Bring a little handmade magic home for the holidays with a soft, dimensional Christmas gnome created by you. ✨

Each design combines coordinated patchwork fabrics, quilted textures, dangling striped legs, oversized curled hats, and festive embellishments to create a shelf sitter full of personality.

Choose from candy-inspired, woodland reindeer, traditional poinsettia, winter snowflake, or angel-blessing themes, then proudly display your finished gnome on a mantel, bookshelf, entryway table, or beside the Christmas tree.

This is a DIY craft kit, not a finished gnome.

❤️ Why You’ll Love It

🧵 Rich Patchwork Character

Mixed Christmas prints, soft filling, textured trims, and layered decorative details give every finished gnome a warm handmade appearance.

✔ Coordinated patchwork fabrics
✔ Soft dimensional construction
✔ Long dangling legs
✔ Oversized curled hat
✔ Festive appliqué and embellishments
✔ Charming from every angle
preview

🎨 Five Holiday Personalities

Choose the Christmas style that best matches your home:

🍬 Candy-Inspired — Playful sugarplum colors and sweet festive accents
🦌 Woodland Reindeer — Rustic textures with cozy forest charm
🌺 Traditional Poinsettia — Classic red-and-green Christmas beauty
❄️ Winter Snowflake — Cool seasonal tones and snowy details
🪽 Angel Blessing — Soft, peaceful accents with graceful holiday charm

Each design includes its own coordinated fabrics and decorative details.

🧘 A Relaxing Holiday Craft

Slow down during the busy Christmas season and enjoy watching individual fabric pieces gradually become an adorable gnome.

Perfect for:

🌙 Quiet winter evenings
🎄 Christmas craft nights
👭 Creative time with friends
🏡 Cozy weekend projects
🧵 Sewing and quilting lovers
✨ Screen-free relaxation
preview

✂️ Create It in Four Simple Steps

Arrange the fabrics for the body, hat, arms, and legs
Stitch and fill the main sections to create the soft shape
Add the nose, hat, legs, and festive embellishments
Finish the details and place your handmade gnome on display

Follow the included instructions and work comfortably at your own pace.

🏡 Made for Cozy Christmas Displays

Place your finished gnome on a:

🔥 Mantel
📚 Bookshelf
🎄 Christmas-tree display
🚪 Entryway table
🛋️ Living-room shelf
🍪 Kitchen counter
🧵 Craft-room table
🎁 Gift-display area

Its dangling legs make it especially charming when seated along the edge of a shelf or mantel.
preview

🎁 A Thoughtful Gift for Craft Lovers

Give the unopened kit as a creative Christmas experience, or finish the gnome yourself as a one-of-a-kind handmade gift.

Perfect for:

👩 Mothers and grandmothers
🧵 Sewing and quilting enthusiasts
🎄 Christmas décor collectors
🎨 DIY craft lovers
👭 Creative friends
🎁 Secret Santa exchanges
🏡 Holiday hosts
❤️ Gnome collectors

The recipient gets both a relaxing project and a keepsake they can display every Christmas.
preview

♻️ A Keepsake to Bring Back Every Year

Once completed, your gnome can become part of your family’s holiday traditions.

Store it carefully in a clean, dry container without heavily compressing the hat, body, legs, or decorative details, then bring it back each Christmas.

📏 Product Details

Product Name: DIY Quilted Christmas Gnome Kit
Product Type: DIY patchwork gnome craft kit
Quantity: Makes 1 gnome in the selected design
Available Themes: Candy-Inspired / Woodland Reindeer / Poinsettia / Snowflake / Angel Blessing
Display Style: Freestanding shelf sitter with dangling legs
Main Materials: Coordinated textiles, soft filling, trims, and decorative embellishments
Craft Method: Hand sewing and decorative assembly; fabric glue may be useful for selected details
Skill Level: Beginner-friendly to intermediate
Recommended Age: Adults and supervised older teens
Recommended Use: Indoor Christmas decoration

Because every gnome is handmade, the finished shape, stitching, fabric placement, and decorative arrangement may vary slightly.
preview

🎁📦 What’s Included

Each selected kit may include:

✅ Pre-coordinated patchwork fabric pieces
✅ Hat, body, arm, and leg materials
✅ Soft trim and textured details
✅ Style-specific flowers, buttons, bells, or appliqué accents
✅ Filling material
✅ Essential assembly components
✅ Step-by-step instructions

Each order includes materials to create 1 gnome in the selected design. The finished gnome is not included.

❓ Frequently Asked Questions

Q1: Is this a finished gnome?

No. This is a DIY craft kit for creating one dimensional Christmas gnome yourself.

Q2: Is it suitable for beginners?

Yes. The project is completed section by section with included instructions. Some basic hand-sewing familiarity may be helpful.

Q3: Are all five designs included?

No. Each standard order includes one kit in the design selected at checkout unless a multi-style option is offered.

Q4: What is included?

Coordinated fabrics, filling, decorative elements, and assembly guidance for the selected gnome are included.

Q5: Where can the finished gnome be displayed?

It looks beautiful on mantels, shelves, entryway tables, bookcases, craft-room displays, or beside the Christmas tree.

Q6: Can it be reused every Christmas?

Yes. Store it carefully without crushing the padded sections or decorative details, then bring it back year after year.

Q7: Is it a good gift?

Yes. It is a fun choice for gnome lovers, crafters, sewing enthusiasts, mothers, grandmothers, and anyone who enjoys handmade Christmas décor.

🎄 Create a Little Christmas Character by Hand

Arrange the fabrics.
Stitch and fill each section.
Add the festive personality.
Display your handmade gnome with pride.

Create a cozy Christmas keepsake filled with texture, charm, and handmade warmth.