Home / 🌊 Beginner-Friendly Oversized Ocean Animal Quilted Bow Sewing Kit | Complete Kit with All Tools & Step-by-Step Guide Included 💕

🌊 Beginner-Friendly Oversized Ocean Animal Quilted Bow Sewing Kit | Complete Kit with All Tools & Step-by-Step Guide Included 💕

$34.99 $49.00 Save $14.01
/** * 优惠码组件模型类 * 处理优惠码的显示和交互逻辑 */ 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 = "74815240-0a29-4ac5-8862-28b101b4564e"; // 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 == '4114596f-fe36-4518-9f31-619b9b9563ec' && 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: "4114596f-fe36-4518-9f31-619b9b9563ec", 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 2— Save 10% Off & Free Shipping:  Sea Turtle
Finished Size::  approximately 23–25 inches (57.5–64 cm).
Quantity
Share the love
Free worldwide shipping
Free returns
Sustainably made
Secure payments
Description

preview

🌊 Ocean Animal Large Patchwork Quilt Bow Sewing Kit

Stitch it. Shape it. Display it.
Create a beautiful ocean-themed quilt bow featuring your favorite sea animal.
Choose from Sea Turtle, Octopus, Seahorse, Dolphin, or Whale and turn simple fabric pieces into a large handmade decoration full of coastal charm.

🌊 Bring the Beauty of the Ocean Home

Turn fabric, patterns, and soft layers into a statement piece inspired by the sea.

Each design features a padded animal centerpiece, quilted petals, ribbons, and ocean details that bring a calm coastal feeling to your space.

preview

✨ From Fabric Pieces to Ocean Magic

Start with separate fabric pieces, templates, and materials.

Cut, sew, fill, and assemble each section step by step until your ocean bow comes to life.

✔ Relaxing to make
✔ Easy to follow
✔ Satisfying layered result
✔ Beautiful finished décor

🐢 Five Ocean Friends to Create

Choose your favorite design:

✔ Sea Turtle
✔ Octopus
✔ Seahorse
✔ Dolphin
✔ Whale

Each style has its own coordinated colors, prints, and unique centerpiece.

🧵 Beautiful Layered Quilt Dimension

This is more than a flat decoration.

Layered fabric petals and a padded centerpiece create a soft, dimensional handmade look.

Details include:

✔ Quilted petals
✔ Padded animal centerpiece
✔ Shell, coral, and wave patterns
✔ Decorative ribbons
✔ Ocean-inspired accents

🎁 Everything You Need to Begin

Each selected kit includes the main materials needed to complete your chosen design.

Typical kit contents include:

✔ Patterned fabrics
✔ Templates
✔ Needles and thread
✔ Filling material
✔ Decorative accents
✔ Instructions

Scissors and basic household sewing tools may be needed.

preview

🪡 Beginner-Friendly, Beautifully Rewarding

This kit is designed to be enjoyable and approachable.

The step-by-step process helps you build the design piece by piece, making it a fun project even if you are not an advanced quilter.

✔ Beginner-friendly format
✔ Easy to work at your own pace
✔ Great for quiet craft time
✔ A rewarding finished result

preview

🏡 Turn an Empty Space Into a Coastal Feature

Once finished, your quilt bow becomes a beautiful decorative accent.

Display it on your:

✔ Door
✔ Wall
✔ Entryway
✔ Fireplace area
✔ Craft room
✔ Coastal-themed room

Its large size makes it easy to notice and enjoy.

💙 A Calming Project With a Beautiful Result

This project is not only about the finished decoration—it is also about the making experience.

Sewing, layering, and assembling each part turns simple materials into something personal, creative, and display-worthy.

preview

👩👧 Create It Alone or Share the Experience

Enjoy it as a solo craft project or create it with family or friends.

It is a lovely activity for:

✔ Weekend crafting
✔ Family creative time
✔ Sewing groups
✔ Cozy craft nights
✔ Handmade gift projects

preview

🎁 A Handmade Gift They Will Remember

This kit makes a thoughtful gift for anyone who loves sewing, ocean themes, or handmade décor.

Perfect for:

✔ Craft lovers
✔ Coastal décor fans
✔ Mothers and grandmothers
✔ Creative friends
✔ Birthday or holiday gifting

preview

⭐ Customer Review Section

⭐⭐⭐⭐⭐
“I loved how relaxing this was to make, and the finished piece looks beautiful in my entryway.”
— Emily R., United States

⭐⭐⭐⭐⭐
“The fabrics are lovely and the layered design looks even better in person.”
— Jessica M., United States

⭐⭐⭐⭐⭐
“The size is great and guests always notice it right away.”
— Sarah T., United States