Home / 🔥Last Day 49% OFF - 🎄✨DIY 24-Pocket Fabric Christmas Advent Tree Kit

🔥Last Day 49% OFF - 🎄✨DIY 24-Pocket Fabric Christmas Advent Tree Kit

$32.99 $49.99 Save $17.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 = "7e62701d-012c-43a7-8a5e-ca36e0dac531"; // 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 == '15a235a7-cd25-4b6d-8524-9c20f0862290' && 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: "15a235a7-cd25-4b6d-8524-9c20f0862290", 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:  Spring
Quantity
Share the love
Free worldwide shipping
Free returns
Sustainably made
Secure payments
Description

❤️TIPS: All goods are authentic, with genuine patents, counterfeit must be investigated! Customers, please identify our products

 SHIPPING WORLDWIDE.  
💯Payments Via PayPal® and CreditCard.
⭐Fast refund Guarantee>> Partial or full refund depends on the  situation

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

Sew a Beautiful Christmas Tradition for Your Home

Create a festive countdown calendar that your family can enjoy year after year.

This DIY sewing kit includes the fabric materials needed to make a large Christmas tree–shaped wall hanging with 24 individual numbered pockets. Fill each pocket with candy, small gifts, handwritten notes or holiday activities, then open one every day from December 1st to Christmas Eve.

More than a seasonal decoration, it is a meaningful handmade project that becomes part of your family’s Christmas traditions.

A Handmade Countdown to Christmas

Turn carefully coordinated Christmas fabrics into a decorative wall-hanging advent tree.

The spacious pockets provide room for small surprises, while the layered tree silhouette, quilted texture and padded star topper create a warm, handcrafted look.

Hang it in the living room, hallway, bedroom, craft room or children’s play area to instantly add festive atmosphere without taking up floor or tabletop space.

Why You’ll Love It

24 Functional Advent Pockets

Each numbered pocket can hold small Christmas treats and surprises, including:

  • Candy and chocolates
  • Mini toys
  • Coins or small accessories
  • Holiday activity cards
  • Encouraging notes
  • Small ornaments

The large pocket design makes the calendar decorative and practical.

Large Wall-Hanging Design

The finished project creates an eye-catching Christmas tree shape that can be displayed directly on the wall.

It offers the festive presence of a Christmas tree while remaining flat, lightweight and easy to store after the holidays.

Beautiful Coordinated Fabrics

Each style features a carefully matched collection of quilted fabrics, printed patterns and seasonal decorative details.

Available designs may include:

  • Winter Snowflake Blue – icy blue, white and navy snowflake patterns
  • Classic Santa Red – red, green and cream with Santa, gingerbread and candy-cane elements
  • Candy Christmas Pink – cream, blush pink and red with peppermint and gingerbread details
  • Elegant Poinsettia Ivory – ivory, burgundy, forest green and gold floral accents

Enjoyable DIY Sewing Project

The repeated pocket construction makes this a satisfying project for sewing lovers.

Complete it gradually at your own pace and enjoy watching the individual fabric pieces become a full-sized Christmas decoration.

Suitable for hand sewing or machine sewing, depending on your preferred crafting method and experience.

Reusable Year After Year

Unlike disposable advent calendars, this fabric version can be refilled every Christmas.

Use different treats, gifts and activities each year to create a new countdown experience while keeping the same handmade family decoration.

A Meaningful Family Tradition

Use the 24 pockets to create more than a candy countdown.

Add daily Christmas activities such as:

  • Bake Christmas cookies
  • Watch a holiday movie
  • Decorate gingerbread houses
  • Write a letter to Santa
  • Make a handmade ornament
  • Read a Christmas story
  • Take a family holiday photo

It is a simple way to make every December day feel special.

A Thoughtful Handmade Gift

The finished advent tree makes a meaningful seasonal gift for:

  • Families with children
  • Sewing and quilting enthusiasts
  • New homeowners
  • Grandparents
  • Christmas décor collectors
  • Friends who love handmade decorations

You can also sew it as a gift and personalize the pockets with small surprises before giving it to someone special.

Kit Includes

Depending on the selected design, the material kit may include:

  • Coordinated Christmas fabric pieces
  • Fabric for the tree-shaped backing
  • Materials for 24 numbered pockets
  • Fabric for the padded star topper
  • Batting or stabilizing material
  • Binding or edging materials
  • Hanging loop material
  • Decorative fabric elements
  • Sewing instructions

Contents may vary slightly between styles.

Additional Supplies Required

You may also need:

  • Sewing needle or sewing machine
  • Matching sewing thread
  • Fabric scissors
  • Pins or clips
  • Measuring ruler
  • Fabric marker
  • Iron

Candy, gifts, ornaments and pocket fillers shown in the images are for display purposes and are not included.

Product Details

  • Product Type: DIY sewing material kit
  • Finished Form: Christmas tree wall-hanging advent calendar
  • Number of Pockets: 24
  • Display Method: Wall hanging
  • Recommended Use: Christmas countdown and seasonal home décor
  • Crafting Method: Hand sewing or machine sewing
  • Reusable: Yes
  • Package Includes: Materials for making one advent tree
  • Important: Finished product is not included

Create Something Your Family Will Remember

Sew each pocket, assemble the Christmas tree and add your own small surprises.

By the time the project is finished, you will have more than a holiday decoration—you will have a handmade Christmas tradition that can return to your home every December.

❤️Thank you very much for visiting our store. Have a nice shopping day❤️

HOW TO PAY

✅Payments Via PayPal®, Debit and CreditCard.Add to cart first, and Check out, then select Shipping method and Payment method.
✅If you checkout with a Debit / Credit Card, just enter your * Card Number, * Expiration Date, and * Secure Code.

Certification

✈WORLDWIDE SHIPPING✈

💖 No Extra Tax, Shipping Calculated at Checkout.
🚢 Shipping>>Worldwide Express Shipping Available.

WHY US?

  • We have Quality Control department which help us to keep our promise!

  • Price is Always Competitive.

  • Awesome Customer Service.

  • Amazing products along with High Quality.

  • Read reviews from our lovely customers.

OUR GUARANTEE

📦Insured Worldwide Shipping: Each order includes real-time tracking details and insurance coverage in the unlikely event that a package gets lost or stolen in transit.

💰Money-Back Guarantee: If your items arrive damaged within 90 days of normal usage, we will gladly issue out a replacement or refund.

✉️24/7 Customer Support: We have a team of live reps ready to help and answer any questions you have within a 24-hour time frame, 7 days a week.

🔒Safe & Secure Checkouts: We use state-of-the-art SSL Secure encryption to keep your personal and financial information 100% protected.

🔒100% Risk-Free Purchase: If you bought it and felt that it is not for you, don't worry. Just hit the Contact us button and send us a message, and we will make it right by offering you a replacement or refund. 100% Simple & Risk-Free process.