Name: DIY Candle Holder Sewing Template & Included Tutorial
Price: 12.99 USD
Availability: InStock

DIY Candle Holder Sewing Template & Included Tutorial

Price

~~$19.98~~ $12.99

Save 35%

/** * 优惠码组件模型类 * 处理优惠码的显示和交互逻辑 */ 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"]; // 是否跳转落地页配置 const redirection = item.dataset["redirection"] === "true"; // 跳转到落地页 if (redirection && appDiscountUtils.inProductBody(this.element)) { this.win.open(`/promotions/discount-default/${discountId}`); } } }) } } /** * 使用 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 = "222e01a4-e5cc-4d6a-8879-6ee3e482cc79"; // 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 == '04887a6e-5cdb-4cda-99fe-8f07aee00caf' && 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: "04887a6e-5cdb-4cda-99fe-8f07aee00caf", 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);

size

Small (5 inch)

⭐Medium (8 inch)

⭐Large (10 inch)

🔥All Sizes-(S+M+L)&Free Shipping

Please select a size

Quantity

Free worldwide shipping over $39.99

30-Day Returns

24h Customer service

Secure payments

Description

🌸 Create a Blooming Candle Holder with Ease!

Light up your space with creativity! Introducing the DIY Candle Holder Sewing Template, a fun and easy way to craft your very own fabric candle holders that look like blooming flowers. Perfect for holidays, parties, or simply adding a touch of handmade charm to your home décor, these candle holders are as beautiful as they are practical. Whether you’re hosting a holiday dinner or decorating for a special event, these fabric candle holders will set the mood in style! 🎉🎄

📏 Choose the Perfect Size for Your Project

This template comes in three perfect sizes to match your needs:

5 inches: A small, delicate candle holder perfect for accent pieces or individual tables.
8 inches: A medium-sized holder that’s ideal for general use and looks great in any room.
10 inches: Larger and bolder, perfect for statement pieces or decorating long tables at events and gatherings.

No matter the size, your candle holder will be a stunning, handmade masterpiece!

🎁 What’s Included in Your Kit?

Precise Sewing Templates
- Forget measuring and guessing! These templates make it easy to cut fabric pieces with perfect precision every time.
Clear, Step-by-Step Tutorial
- Our detailed instructions walk you through each step, ensuring your fabric candle holder turns out just like the pictures! 🧵✨
Reusable Templates
- Once you make your first candle holder, you'll be ready to create as many as you want, in different fabrics and colors. Use it again and again for different occasions!

💡 Why You’ll Love This Project

No Measuring Hassle
- Skip the measuring tape! These easy-to-use templates help you create flawless fabric candle holders without any extra work. ✂️
Fun and Creative
- Unleash your inner designer! With a variety of fabric colors and patterns, you can create different candle holders for different seasons and holidays. Make them festive, make them chic—it's all up to you! 🎨✨
Dual Purpose Design
- Not just a beautiful décor piece, these candle holders can serve as unique gifts for friends and family. A handmade candle holder is always a thoughtful touch at parties, dinners, or as a housewarming gift. 🎁💝
Customizable for Every Occasion
- Choose from vibrant holiday fabrics, elegant neutrals, or fun patterns to match the vibe of your event. These candle holders are as versatile as they are pretty! 🌈🎃

🌺 Simple Steps to Make Your Flower-Inspired Candle Holder

Cut: Use the included templates to easily cut the fabric pieces in the exact shapes needed.
Sew: Follow the step-by-step instructions to stitch your pieces together and form the perfect candle holder.
Assemble: Add your favorite candle, and voilà! A beautiful, blooming candle holder ready to light up your space. 🕯️✨
Enjoy: Use your candle holder to create a warm, inviting atmosphere in any room. Perfect for dinners, parties, or just a cozy night in. 🕯️🌙

🛒 Ready to Start Crafting?

Don’t wait to get your hands on the DIY Candle Holder Sewing Template! Whether you’re hosting a holiday gathering, throwing a party, or simply decorating your home, these fabric candle holders will add a personal touch to any occasion.

Order now and light up your creativity! 🕯️🌟

[ After purchase, we will also attach a detailed sewing tutorial with your product ]

Fast and precise without sacrificing accuracy!
Instructions and video tutorials!
Easy to follow, concise, fast and easy to understand.

packing list

DIY Candle Holder Sewing Template & Included Tutorial

our guarantee

We believe we make some of the most innovative products in the world, and we want to make sure we're backing our 180-day risk-free ironclad guarantee.

If for any reason you do not have a positive experience, we will do everything to make sure you are 100% satisfied with your purchase .

Buying something online can be a daunting task, so we want you to know that there is absolutely zero risk in buying and trying it out . If you don't like it, no hard feelings, we'll make it right.

We have 24/7/365 ticket and email support. If you need help, please contact us.

🔒 Payment

Welcome to PayPal here. If you don't have a PayPal account, we accept all credit cards: just select "PayPal" and click the "Pay with Debit or Credit Card" button.

Customer Reviews

6

Kathy Nunn

Jul 35,2024

Very pretty!

Pamela Ade

Aug 11, 2024

Can’t wait to stitch this for my daughter in law. It really is “just her!” 😍

Jane Bautch

Aug 6,2024

I have been adding a key chain to mine.For the one I kept for myself i also added a charm and a second hook for my keys!

Brenda Gerritsen

Sep 18, 2023

Oh my gosh, so cute! Planning on giving it to my daughter for Christmas after I finish it. I know she is going to love it. The kit itself would also be a great gift. It’s all packaged up very nicely with clear instructions.

Alyssa

Aug 20, 2024

I loved this kit! It came with everything needed including detailed directions. I'm so happy with how it turned out!

Anna Holubková

Jul 19, 2024

Amazing pattern, easy to stitch, with all the instructions (including videos) and recommendations for the threats!

DIY Candle Holder Sewing Template & Included Tutorial