๐Ÿ’๐Ÿงต Mini 3D DIY Beading Kit
๐Ÿ’๐Ÿงต Mini 3D DIY Beading Kit
๐Ÿ’๐Ÿงต Mini 3D DIY Beading Kit
๐Ÿ’๐Ÿงต Mini 3D DIY Beading Kit
๐Ÿ’๐Ÿงต Mini 3D DIY Beading Kit
๐Ÿ’๐Ÿงต Mini 3D DIY Beading Kit
๐Ÿ’๐Ÿงต Mini 3D DIY Beading Kit
๐Ÿ’๐Ÿงต Mini 3D DIY Beading Kit
๐Ÿ’๐Ÿงต Mini 3D DIY Beading Kit
๐Ÿ’๐Ÿงต Mini 3D DIY Beading Kit
๐Ÿ’๐Ÿงต Mini 3D DIY Beading Kit
๐Ÿ’๐Ÿงต Mini 3D DIY Beading Kit
๐Ÿ’๐Ÿงต Mini 3D DIY Beading Kit
๐Ÿ’๐Ÿงต Mini 3D DIY Beading Kit
๐Ÿ’๐Ÿงต Mini 3D DIY Beading Kit
๐Ÿ’๐Ÿงต Mini 3D DIY Beading Kit
๐Ÿ’๐Ÿงต Mini 3D DIY Beading Kit
๐Ÿ’๐Ÿงต Mini 3D DIY Beading Kit
๐Ÿ’๐Ÿงต Mini 3D DIY Beading Kit
๐Ÿ’๐Ÿงต Mini 3D DIY Beading Kit
๐Ÿ’๐Ÿงต Mini 3D DIY Beading Kit
๐Ÿ’๐Ÿงต Mini 3D DIY Beading Kit
๐Ÿ’๐Ÿงต Mini 3D DIY Beading Kit
๐Ÿ’๐Ÿงต Mini 3D DIY Beading Kit
๐Ÿ’๐Ÿงต Mini 3D DIY Beading Kit
๐Ÿ’๐Ÿงต Mini 3D DIY Beading Kit
๐Ÿ’๐Ÿงต Mini 3D DIY Beading Kit
๐Ÿ’๐Ÿงต Mini 3D DIY Beading Kit
๐Ÿ’๐Ÿงต Mini 3D DIY Beading Kit
๐Ÿ’๐Ÿงต Mini 3D DIY Beading Kit
๐Ÿ’๐Ÿงต Mini 3D DIY Beading Kit
๐Ÿ’๐Ÿงต Mini 3D DIY Beading Kit
๐Ÿ’๐Ÿงต Mini 3D DIY Beading Kit
๐Ÿ’๐Ÿงต Mini 3D DIY Beading Kit
๐Ÿ’๐Ÿงต Mini 3D DIY Beading Kit
๐Ÿ’๐Ÿงต Mini 3D DIY Beading Kit
๐Ÿ’๐Ÿงต Mini 3D DIY Beading Kit
๐Ÿ’๐Ÿงต Mini 3D DIY Beading Kit
๐Ÿ’๐Ÿงต Mini 3D DIY Beading Kit
๐Ÿ’๐Ÿงต Mini 3D DIY Beading Kit
๐Ÿ’๐Ÿงต Mini 3D DIY Beading Kit
๐Ÿ’๐Ÿงต Mini 3D DIY Beading Kit

๐Ÿ’๐Ÿงต Mini 3D DIY Beading Kit

$19.99 $39.99
Save $20.00
const TAG = "spz-custom-product-automatic"; class SpzCustomProductAutomatic extends SPZ.BaseElement { constructor(element) { super(element); this.variant_id = 'ad1fdc63-4be1-48ba-bacb-2beb189fce25'; this.isRTL = SPZ.win.document.dir === 'rtl'; this.isAddingToCart_ = false; // ๅŠ ่ดญไธญ็Šถๆ€ } static deferredMount() { return false; } buildCallback() { this.action_ = SPZServices.actionServiceForDoc(this.element); this.templates_ = SPZServices.templatesForDoc(this.element); this.xhr_ = SPZServices.xhrFor(this.win); this.setupAction_(); this.viewport_ = this.getViewport(); } mountCallback() { this.init(); // ็›‘ๅฌไบ‹ไปถ this.bindEvent_(); } async init() { this.handleFitTheme(); const data = await this.getDiscountList(); this.renderApiData_(data); } async getDiscountList() { const productId = 'e542a1a1-8c89-40f1-a4d6-361f253aaae4'; const variantId = this.variant_id; const productType = 'default'; const reqBody = { product_id: productId, variant_id: variantId, discount_method: "DM_AUTOMATIC", customer: { customer_id: window.C_SETTINGS.customer.customer_id, email: window.C_SETTINGS.customer.customer_email }, product_type: productType } const url = `/api/storefront/promotion/display_setting/text/list`; const data = await this.xhr_.fetchJson(url, { method: "post", body: reqBody }).then(res => { return res; }).catch(err => { this.setContainerDisabled(false); }) return data; } async renderDiscountList() { this.setContainerDisabled(true); const data = await this.getDiscountList(); this.setContainerDisabled(false); // ้‡ๆ–ฐๆธฒๆŸ“ ๆŠ–ๅŠจ้—ฎ้ข˜ๅค„็† this.renderApiData_(data); } clearDom() { const children = this.element.querySelector('*:not(template)'); children && SPZCore.Dom.removeElement(children); } async renderApiData_(data) { const parentDiv = document.querySelector('.automatic_discount_container'); const newTplDom = await this.getRenderTemplate(data); if (parentDiv) { parentDiv.innerHTML = ''; parentDiv.appendChild(newTplDom); } else { console.log('automatic_discount_container is null'); } } doRender_(data) { const renderData = data || {}; return this.templates_ .findAndRenderTemplate(this.element, renderData) .then((el) => { this.clearDom(); this.element.appendChild(el); }); } async getRenderTemplate(data) { const renderData = data || {}; return this.templates_ .findAndRenderTemplate(this.element, { ...renderData, isRTL: this.isRTL }) .then((el) => { this.clearDom(); return el; }); } setContainerDisabled(isDisable) { const automaticDiscountEl = document.querySelector('.automatic_discount_container_outer'); if(isDisable) { automaticDiscountEl.setAttribute('disabled', ''); } else { automaticDiscountEl.removeAttribute('disabled'); } } // ็ป‘ๅฎšไบ‹ไปถ bindEvent_() { window.addEventListener('click', (e) => { let containerNodes = document.querySelectorAll(".automatic-container .panel"); let bool; Array.from(containerNodes).forEach((node) => { if(node.contains(e.target)){ bool = true; } }) // ๆ˜ฏๅฆpopover้ขๆฟ็‚นๅ‡ป่Œƒๅ›ด if (bool) { return; } if(e.target.classList.contains('drowdown-icon') || e.target.parentNode.classList.contains('drowdown-icon')){ return; } const nodes = document.querySelectorAll('.automatic-container'); Array.from(nodes).forEach((node) => { node.classList.remove('open-dropdown'); }) // ๅ…ผๅฎนไธป้ข˜ this.toggleProductSticky(true); }) // ็›‘ๅฌๅ˜ไฝ“ๅ˜ๅŒ– document.addEventListener('dj.variantChange', async(event) => { // ้‡ๆ–ฐๆธฒๆŸ“ const variant = event.detail.selected; if (variant.product_id == 'e542a1a1-8c89-40f1-a4d6-361f253aaae4' && variant.id != this.variant_id) { this.variant_id = variant.id; this.renderDiscountList(); } }); } // ๅ…ผๅฎนไธป้ข˜ handleFitTheme() { // top ๅฑžๆ€งๅฝฑๅ“ๆŠ–ๅŠจ let productInfoEl = null; if (window.SHOPLAZZA.theme.merchant_theme_name === 'Wind' || window.SHOPLAZZA.theme.merchant_theme_name === 'Flash') { productInfoEl = document.querySelector('.product-info-body .product-sticky-container'); } else if (window.SHOPLAZZA.theme.merchant_theme_name === 'Hero') { productInfoEl = document.querySelector('.product__info-wrapper .properties-content'); } if(productInfoEl){ productInfoEl.classList.add('force-top-auto'); } } // ๅ…ผๅฎน wind/flash /hero ไธป้ข˜ (stickyๅฑžๆ€งๅฝฑๅ“ popover ๅฑ‚็บงๅฑ•็คบ, ไผš่ขซๅ…ถไป–ๅ…ƒ็ด ่ฆ†็›–) toggleProductSticky(isSticky) { let productInfoEl = null; if (window.SHOPLAZZA.theme.merchant_theme_name === 'Wind' || window.SHOPLAZZA.theme.merchant_theme_name === 'Flash') { productInfoEl = document.querySelector('.product-info-body .product-sticky-container'); } else if (window.SHOPLAZZA.theme.merchant_theme_name === 'Hero') { productInfoEl = document.querySelector('.product__info-wrapper .properties-content'); } if(productInfoEl){ if(isSticky) { // ่ฟ˜ๅŽŸ่ฏฅไธป้ข˜ๅŽŸๆœ‰็š„stickyๅฑžๆ€งๅ€ผ productInfoEl.classList.remove('force-position-static'); return; } productInfoEl.classList.toggle('force-position-static'); } } setupAction_() { this.registerAction('handleDropdown', (invocation) => { const discount_id = invocation.args.discount_id; const nodes = document.querySelectorAll('.automatic-container'); Array.from(nodes).forEach((node) => { if(node.getAttribute('id') != `automatic-${discount_id}`) { node.classList.remove('open-dropdown'); } }) const $discount_item = document.querySelector(`#automatic-${discount_id}`); $discount_item && $discount_item.classList.toggle('open-dropdown'); // ๅ…ผๅฎนไธป้ข˜ this.toggleProductSticky(); }); // ๅŠ ่ดญไบ‹ไปถ this.registerAction('handleAddToCart', (invocation) => { // ้˜ปๆญขไบ‹ไปถๅ†’ๆณก const event = invocation.event; if (event) { event.stopPropagation(); event.preventDefault(); } // ๅฆ‚ๆžœๆญฃๅœจๅŠ ่ดญไธญ๏ผŒ็›ดๆŽฅ่ฟ”ๅ›ž if (this.isAddingToCart_) { return; } const quantity = invocation.args.quantity || 1; this.addToCart(quantity); }); } // ๅŠ ่ดญๆ–นๆณ• async addToCart(quantity) { // ่ฎพ็ฝฎๅŠ ่ดญไธญ็Šถๆ€ this.isAddingToCart_ = true; const productId = 'e542a1a1-8c89-40f1-a4d6-361f253aaae4'; const variantId = this.variant_id; const url = '/api/cart'; const reqBody = { product_id: productId, variant_id: variantId, quantity: quantity }; try { const data = await this.xhr_.fetchJson(url, { method: 'POST', body: reqBody }); // ่งฆๅ‘ๅŠ ่ดญๆˆๅŠŸๆ็คบ this.triggerAddToCartToast_(); return data; } catch (error) { error.then(err=>{ this.showToast_(err?.message || err?.errors?.[0] || 'Unknown error'); }) } finally { // ๆ— ่ฎบๆˆๅŠŸๅคฑ่ดฅ๏ผŒ้ƒฝ้‡็ฝฎๅŠ ่ดญ็Šถๆ€ this.isAddingToCart_ = false; } } showToast_(message) { const toastEl = document.querySelector("#apps-match-drawer-add_to_cart_toast"); if (toastEl) { SPZ.whenApiDefined(toastEl).then((apis) => { apis.showToast(message); }); } } // ่งฆๅ‘ๅŠ ่ดญๆˆๅŠŸๆ็คบ triggerAddToCartToast_() { // ๅฆ‚ๆžœไธป้ข˜ๆœ‰่‡ชๅทฑ็š„ๅŠ ่ดญๆ็คบ๏ผŒๅˆ™ไธๆ˜พ็คบ const themeAddToCartToastEl = document.querySelector('#add-cart-event-proxy'); if (themeAddToCartToastEl) return; // ๆ˜พ็คบๅบ”็”จ็š„ๅŠ ่ดญๆˆๅŠŸๆ็คบ this.showToast_("Added successfully"); } triggerEvent_(name, data) { const event = SPZUtils.Event.create(this.win, `${ TAG }.${ name }`, data || {}); this.action_.trigger(this.element, name, event); } isLayoutSupported(layout) { return layout == SPZCore.Layout.CONTAINER; } } SPZ.defineElement(TAG, SpzCustomProductAutomatic);
class SpzCustomDiscountBundle extends SPZ.BaseElement { constructor(element) { super(element); } isLayoutSupported(layout) { return layout == SPZCore.Layout.LOGIC; } mountCallback() { // ๅŒไธ€้กตๅฏ่ƒฝๆœ‰ๅคšไธช block ๅ„่‡ชๆธฒๆŸ“ๆœฌ snippet๏ผŒๅฏผ่‡ด้€ป่พ‘ๅ…ƒ็ด  spz-custom-discount-toast(#appsAddCartToastFunc) ้‡ๅคใ€‚ // ไป…ไฟ็•™ DOM ไธญ็ฌฌไธ€ไธชๅฎžไพ‹๏ผŒๅ…ถไฝ™้‡ๅคๅฎžไพ‹็งป้™ค่‡ช่บซ๏ผŒไฟ่ฏ้€ป่พ‘ๅ…ƒ็ด ๅŠๅ…ถ action ๅผ•็”จ(appsAddCartToastFunc)ๅ”ฏไธ€ใ€‚ const funcs = document.querySelectorAll('#appsAddCartToastFunc'); if (funcs.length > 1 && this.element !== funcs[0]) { this.element.remove(); return; } // ๅ…จๅฑ€ๆŠ˜ๆ‰ฃ toast ็š„ๅผนๅ‡บ็‚นๅˆ†ๆ•ฃๅœจๅคšไธชๆจกๆฟ/็ป„ไปถ้‡Œ๏ผˆๅซๅฃฐๆ˜Žๅผ @atcError๏ผ‰๏ผŒๆ— ๆณ•้€ไธ€ๅœจๅผนๅ‡บๅ‰ๅ‰็ฝฎ๏ผŒ // ๆ•…ๆŒ‚่ฝฝๆ—ถๅน‚็ญ‰ๅœฐๅŽป้‡ๅนถๆŒ‚ๅˆฐ body๏ผ›ๅŠ ่ดญ toast ๆ”นไธบๅผนๅ‡บๅ‰ๆŒ‰้œ€ๅŽป้‡๏ผˆ่ง showAddToCartToast๏ผ‰ this.ensureSingleToastInBody_('cart_match_discount_toast_wrap'); } unmountCallback() {} // ๅŒไธ€้กต้ขๅฏ่ƒฝๆœ‰ๅคšไธช block ๅ„่‡ชๆธฒๆŸ“ๆœฌ toast snippet๏ผˆๅฆ‚ๅ•†่ฏฆ็š„ discount_automatic + ่ดญ็‰ฉ่ฝฆๆŠฝๅฑ‰้‡Œ็š„ๆŠ˜ๆ‰ฃๆจชๅน…๏ผ‰๏ผŒ // ๅฏผ่‡ด toast ๅค–ๅฑ‚ๅ‡บ็Žฐ้‡ๅค idใ€‚้‡ๅค id ไธ‹ getElementById/querySelector ๅŠ SPZ ๅŠจไฝœๅผ•็”จ้ƒฝๅชๅ‘ฝไธญ็ฌฌไธ€ไธช๏ผŒ // ไธ”่ขซๅ…ณ่ฟ›ๆŠฝๅฑ‰็š„้‚ฃไปฝไผš่ขซๆŠฝๅฑ‰็š„ transform/overflow ่ฃๅ‰ช/้”™ไฝใ€‚่ฟ™้‡ŒๅœจๆŒ‚่ฝฝๆ—ถๅน‚็ญ‰ๅŽป้‡๏ผš // ๅชไฟ็•™ไธ€ไปฝใ€็งป้™คๅคšไฝ™็š„๏ผŒๅนถๆŠŠไฟ็•™็š„ๆŒ‚ๅˆฐ body๏ผˆbody ๆ˜ฏ position:fixed ๆœ€ๅฎ‰ๅ…จ็š„่ฝ็‚น๏ผŒ้ฟๅ…่ขซไปปไฝ•็ฅ–ๅ…ˆ่ฃๅ‰ช๏ผ‰ใ€‚ๅฏๅๅค่ฐƒ็”จใ€‚ ensureSingleToastInBody_(id) { const els = Array.from(document.querySelectorAll('#' + id)); if (!els.length) return; els.slice(1).forEach((el) => el.remove()); const keep = els[0]; if (keep.parentNode !== document.body) { document.body.appendChild(keep); } } // ไธป้ข˜่ดญ็‰ฉ่ฝฆๆŠฝๅฑ‰ๆ˜ฏๅฆๆ‰“ๅผ€ isInCartDrawer_() { return !!document.querySelector('[data-section-type="cart_drawer"] spz-sidebar[open]'); } setupAction_() { this.registerAction('showAddToCartToast', () => { // ๆŠฝๅฑ‰ๅ†…ๅŠ ่ดญ๏ผšไธป้ข˜ๆœฌๅฐฑไธไผšๆœ‰ๅŠ ่ดญๆ•ˆๆžœ๏ผŒ็ปŸไธ€ๅผนๆ’ไปถ่‡ชๅทฑ็š„ toast // ้žๆŠฝๅฑ‰๏ผšไธป้ข˜ๆœ‰ๅŠ ่ดญไปฃ็†ๅˆ™ๆฒฟ็”จไธป้ข˜ๅŠ ่ดญๆ•ˆๆžœ๏ผŒๅฆๅˆ™ๆ’ไปถๅ…œๅบ• const proxyEl = document.getElementById('add-cart-event-proxy'); const inDrawer = this.isInCartDrawer_(); if (!inDrawer && proxyEl) { return; } // ๅผนๅ‡บๅ‰ๆŒ‰้œ€ๅŽป้‡ๅนถๆŒ‚ๅˆฐ body๏ผˆๅน‚็ญ‰๏ผ‰๏ผŒ้ฟๅ…้‡ๅค id ๅ‘ฝไธญ้”™ๅฏน่ฑกๆˆ–่ขซๆŠฝๅฑ‰่ฃๅ‰ช/้”™ไฝ this.ensureSingleToastInBody_('apps_add_cart_toast_wrap'); const toastEl = document.querySelector('#apps-match-drawer-add_to_cart_toast') SPZ.whenApiDefined(toastEl).then((apis) => { apis.showToast("Added successfully"); }); }); } buildCallback() { this.setupAction_(); }; } SPZ.defineElement('spz-custom-discount-toast', SpzCustomDiscountBundle);

style

Please select a style

Quantity

Apple Pay Google Pay Visa Mastercard PayPal American Express Discover
Free shipping on orders over $59
Secure checkout with trusted payment options
30-day returns if needed

Description

โœจ Bring creativity and joy to life with Bead Your World! โœจ

Dive into the magical world of 3D beaded DIY kits. Each kit lets you craft charming, colorful, and lively figures that spark your imagination:

๐ŸฆŒ Forest Friends: Deer, elephant, husky, possum โ€“ adorable animals for every shelf and playroom.

๐Ÿ™ Faith Figures: Jesus, Virgin Mary, Guardian Angel, Saint Francis โ€“ meaningful and heartwarming creations.

๐ŸŒธ Blooming Flowers: Roses, tulips, lilies, sunflowers โ€“ perfect for home dรฉcor or gifting.

๐ŸŸ Leaping Fish & Ocean Buddies: Rainbow trout, bass, octopus, dolphin โ€“ colorful aquatic friends.

๐Ÿš— Road & Sky Adventures: Cars, motorcycles, helicopters, race cars โ€“ action-packed and fun.

๐ŸŒ Cosmic Wonders: Earth, Moon, Saturn, Neptune โ€“ stunning planets full of wonder.

Whether youโ€™re crafting for relaxation, home decoration, or thoughtful gifts, this collection offers endless fun and satisfaction. Each bead placed brings your miniature world to life! ๐Ÿ’–


Key Featuresย 

  • ๐ŸŽจ Complete Kits: Includes beads, wires, and step-by-step guides โ€“ everything you need.
  • ๐ŸŒŸ All-in-One Fun: Multiple themed sets in one collection โ€“ animals, flowers, vehicles, fish, planets, and more!
  • ๐Ÿงฉ Creative & Mindful: Enhances hand-eye coordination, focus, and imagination while providing relaxing crafting time.
  • ๐ŸŽ Perfect Gift: Ideal for birthdays, holidays, or thoughtful surprises.
  • ๐Ÿ–๏ธ Easy Instructions: Step-by-step guide ensures beginners and experienced crafters can enjoy the process.

How It Worksย 

  1. Pick your favorite kit ๐ŸŽจ
  2. Follow the included step-by-step guide ๐Ÿ“
  3. Place beads carefully to bring each figure to life โœจ
  4. Display your creation at home, gift it, or start a new series ๐ŸŒŸ

Material: Plastic

๐ŸŽPackage includes

1 X ๐Ÿงต DIY Beading Kit