Fabric Watering Can Sewing Pattern (3PC)& Instruction

Price

~~$13.46~~ $8.95

Save 34%

/** * 优惠码组件模型类 * 处理优惠码的显示和交互逻辑 */ 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 = "cb34f8ef-42b9-49d0-89e1-2544e851f874"; // 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 == 'bedfeb73-7a14-4ab6-9bfd-449c4964790b' && 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: "bedfeb73-7a14-4ab6-9bfd-449c4964790b", 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

S-5IN

M-7IN-Pen Holder

L-10IN - Flower Arrangement

❀All Sizes-S+M+L- Save 50%

Please select a size

Quantity

Free worldwide shipping over $39.99

30-Day Returns

24h Customer service

Secure payments

Description

A must-have Watering Can Sewing Pattern

Name: Fabric Watering Can Sewing Pattern (3PC)& Instruction
Price: 8.95 USD
Availability: InStock

🧵 Easy to sew! This watering can sewing pattern makes all your sewing tasks a breeze, order now!

🧵 2023's best crafting tool! This watering can sewing pattern is a must-have tool for this year.

Don't miss out!

Difficulty: ⭐⭐ （Suitable for Beginners）

Time Required: 1 hour

Function

As a storage box, it can conveniently store your sewing tools. You can put needles, thread, scissors, fabric, and other sewing supplies inside, keeping them neat and organized for easy access.

As a pen holder for kids, it can help children keep their desks tidy and organized, making their study and writing more efficient. Kids can put pens, pencils, markers, and other stationery inside, not only for easy access but also to cultivate their organizational skills.

As a flower vase, you can place it in the living room or bedroom as decoration. You can insert fresh flowers or plants inside, increasing the oxygen content in the room, making the air fresher. At the same time, the vase itself is a beautiful ornament, adding a sense of nature and vitality to your home.

Check out our reviews!

It's a rare template. I made one for my daughter as a pencil holder and for myself as a vase for a flower arrangement. It looks great in the living room.-Amanda Farrar Apr 28, 2023 ⭐⭐⭐⭐⭐

Quick and easy. Love that she put tutorial in the package.-Katelin Nearhoof Apr 26, 2023 ⭐⭐⭐⭐⭐

This pattern came out absolutely stunning. Comes with a print instruction. i can not stress enough how well and clearly written this pattern is.-ladyscorp83 Apr 23, 2023 ⭐⭐⭐⭐⭐

Discount and Size

Our templates are available in three sizes and can be used to make different sizes. If you need other sizes, you can contact us on facebook for customization.

S: 5 inch （Best size for container）

M: 7 inch (Best size for Pen Holder)

L: 10 inch (Best size for Flower Arrangement)

More cost-effective combination-Limited-time Offer!

🛒All Sizes-5+7+10 （Hot Sale+Recommend）Save 50%

About Package

Templates

Detailed instructions printed on paper

List of required materials and tools (the materials used are easy to get)

Step-by-step guide on how to create your own Fabric Watering Can using the sewing template

Each step is illustrated with pictures

（Notice：Please keep the materials dry and clean to avoid contamination. Use scissors carefully to avoid injury）

Brand culture story:

Our brand originated from a small sewing studio. The founder had a passion for hand sewing and after years of hard work and continuous innovation, we have developed a series of sewing templates suitable for different levels of proficiency to reduce the sewing time. We also have 200+ professional sewing masters who are constantly innovating, hoping to create products that make people like and satisfied

We firmly believe that handicrafts are a legacy and promotion of traditional culture. Through our products and services, we hope to let more people understand and fall in love with handicrafts, so that this traditional and beautiful culture can continue.

Reputation guarantee:

We have always adhered to the principles of honesty, professionalism, and responsibility, and provide customers with high-quality products and services. Our products have undergone strict quality checks and testing to ensure that they have been rigorously screened before being delivered to customers.

We have a high-quality customer service team that can provide customers with comprehensive pre-sales, in-sales, and after-sales services to ensure that customers can enjoy our products and services satisfactorily.

Our reputation is built on years of good reputation and customer trust, and we will continue to work hard to provide customers with better products and services.

Clear Purchase Process and Refund Policy:

At our online store, we strive to provide our customers with a seamless and hassle-free shopping experience.

Once you have selected the item(s) you wish to purchase, simply proceed to the checkout page where you will be prompted to enter your shipping and payment information. We accept a variety of payment methods, including credit cards, PayPal, and more, to ensure that you can choose the one that works best for you.

We understand that sometimes things don't go as planned and you may need to return an item. Our refund policy is designed to provide you with peace of mind when shopping with us.

(All you need to do is place your order now and follow our steps. You can get the cute Lucky Pig Plush Toy. You will receive your goods in about 7 days)

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!

Fabric Watering Can Sewing Pattern (3PC)& Instruction