10/20

49% OFF - DIY Jeweled Christmas Tree Art K – Hand

$29.99  - $159.99
/** * 优惠码组件模型类 * 处理优惠码的显示和交互逻辑 */ 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 = "0ae14294-14d4-4b4b-9969-991f291060b4"; // 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 == 'df20517c-52fd-4520-8c74-07fa695d9b3d' && 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: "df20517c-52fd-4520-8c74-07fa695d9b3d", 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:  Christmas TreeDIY Kit
Finished Size:  5.9 × 7.9 in
Quantity
$59.99 全球免运费
Free returns
Sustainably made
Secure payments

Description

✨ DIY Jeweled Christmas Art Kit

Paint It. Jewel It. Frame It. Make It Your Own.

Transform a simple printed design into sparkling handmade Christmas artwork using colorful gems, pearls, paint, and your own creativity.

Decorate each section, arrange the embellishments your way, and display the finished artwork in the included gold-toned frame.

🎄 Create Your Own Sparkling Christmas Artwork

Bring your favorite Christmas design to life with paint, colorful gemstones, pearls, beads, and decorative accents.

Each project allows you to experiment with color combinations and jewel placement, creating a finished piece with your own personal touch.

Relaxing to make and beautiful to display, this creative craft kit is a wonderful seasonal activity for anyone who enjoys handmade projects.

🎄 Festive Christmas Designs

Decorate a printed Christmas-themed design using colorful embellishments and paint.

  • ✓ Christmas-inspired artwork
  • ✓ Colorful jewel decorations
  • ✓ Pearl embellishments
  • ✓ Metallic decorative accents
  • ✓ Personalized handmade result

💎 Colorful Gems & Decorative Pearls

A variety of decorative pieces can be arranged across the artwork to create texture, color, and sparkle.

  • ✓ Multiple jewel shapes
  • ✓ Large decorative gemstones
  • ✓ Small gems for detailed areas
  • ✓ Pearl embellishments
  • ✓ Metallic accent pieces
  • ✓ Dimensional handmade finish

🎨 Paint and Personalize Your Design

Use the included paints to add color to the printed design before decorating it with gems and embellishments.

  • ✓ Printed design guide
  • ✓ Multiple paint colors
  • ✓ Easy to personalize
  • ✓ Create your preferred color combination
  • ✓ Combine painting with decorative jewel art
  • ✓ Every finished piece can look unique

✨ Enjoy a Relaxing Creative Process

Work through the project at your own pace by painting, decorating, and arranging the embellishments section by section.

  • ✓ Simple creative process
  • ✓ Complete at your own pace
  • ✓ Relaxing screen-free activity
  • ✓ Encourages creativity and focus
  • ✓ Enjoyable hands-on project
  • ✓ Great for seasonal craft time

🖼️ Elegant Framed Display

After completing the artwork, place it inside the included gold-toned frame for a clean and decorative presentation.

  • ✓ Transparent display panels
  • ✓ Gold-toned rectangular frame
  • ✓ Decorative layered appearance
  • ✓ Clean presentation
  • ✓ Helps protect the finished artwork
  • ✓ Ready for indoor seasonal display

🏠 Handmade Christmas Home Décor

Display your finished artwork as part of your seasonal decorating collection.

  • ✓ Mantel decoration
  • ✓ Shelf or table display
  • ✓ Desk decoration
  • ✓ Windowsill accent
  • ✓ Holiday centerpiece addition
  • ✓ Suitable for many indoor spaces

👨‍👩‍👧 Creative Holiday Activity

Enjoy the project independently or make it part of a relaxing creative activity with family or friends.

  • ✓ Great for craft enthusiasts
  • ✓ Encourages creative time together
  • ✓ Suitable for holiday gatherings
  • ✓ Fun family craft activity
  • ✓ Create meaningful seasonal memories
  • ✓ Make a decoration to keep and display

🎁 A Thoughtful Gift for Creative People

A creative kit can be a fun and meaningful gift for people who enjoy painting, crafting, decorating, and handmade projects.

  • ✓ Suitable for craft lovers
  • ✓ Christmas-themed creative gift
  • ✓ Great for friends and family
  • ✓ Enjoy both the activity and finished decoration
  • ✓ Personal handmade result

♻️ A Handmade Keepsake to Display Again

Once completed, the finished artwork can become part of your seasonal decoration collection.

  • ✓ Handmade seasonal decoration
  • ✓ Easy to display each year
  • ✓ Personal creative project
  • ✓ Compact for storage
  • ✓ Adds handmade character to holiday décor

📏 Product Details

Product Name DIY Jeweled Christmas Art Kit
Product Type Christmas-themed craft kit
Craft Style Painting and decorative gem placement
Finished Size Approx. 5.9 × 7.9 in
Frame Shape Rectangular
Frame Finish Gold-toned
Display Style Framed decorative artwork
Skill Level Beginner-friendly
Recommended Use Indoor seasonal decoration

🎁 Package Includes

  • ✓ 1 × Printed design guide
  • ✓ 1 × Gold-toned frame
  • ✓ Transparent display panels
  • ✓ Assorted decorative gemstones
  • ✓ Assorted pearls and beads
  • ✓ Decorative accent pieces
  • ✓ Multiple paint colors
  • ✓ Paintbrushes
  • ✓ Craft adhesive
  • ✓ Gem applicator tool
  • ✓ Paint palette
  • ✓ Instruction guide

Contents and colors may vary depending on the selected design.

✨ Simple Creative Process

  • 1. Choose your colors and prepare the design.
  • 2. Paint the printed sections.
  • 3. Arrange the larger decorative gems.
  • 4. Add smaller gems, pearls, and accents.
  • 5. Allow the artwork to dry completely.
  • 6. Assemble the finished piece in the frame.

❓ Frequently Asked Questions

Q: Is this a finished decoration or a DIY kit? It is a DIY craft kit. You decorate the design yourself using paint and decorative embellishments.
Q: Do I need advanced crafting experience? No. The printed design provides a visual guide, and you can complete the project one section at a time.
Q: Can I arrange the gemstones differently from the sample? Yes. You can experiment with different positions and color combinations to create your own look.
Q: How long should the artwork dry before framing? Allow paint and adhesive to dry completely before assembling the finished artwork. Drying time may vary depending on the amount of material used.
Q: Is the kit suitable for children? Adult supervision is recommended because the kit may contain small decorative pieces and craft materials.

⭐ Customer Inspiration

Christmas Tree Design

— Linda M.
“I enjoyed choosing where to place the different gems instead of following the sample exactly. The combination of pearls and colorful stones gave the finished artwork a bright and dimensional look.”

Gingerbread House Design

— Megan T.
“The gingerbread house design was a fun seasonal project. I enjoyed adding the colorful decorative details and seeing the artwork come together step by step.”

Snowflake Design

— Rachel S.
“I chose the snowflake design because it matched my winter decorations. The blue and crystal-style embellishments looked beautiful together.”

✨ Create Something Worth Displaying

Paint the design.
Choose your decorative pieces.
Add your own creative finishing touches.

Then display a handmade Christmas artwork created by you.

🎁 A creative gift idea for family, friends, and anyone who enjoys handmade projects.

Why Choose This Craft Kit?

  • Thoughtfully selected materials for a complete creative project.
  • Beginner-friendly process.
  • Encourages creativity and personal expression.
  • Combines painting and decorative embellishment.
  • Creates a handmade seasonal decoration.
  • Suitable for relaxing craft time.

❤️ Thank you for visiting our store. We hope you enjoy creating your own handmade Christmas artwork!