Diamond Painting Tool Kit DIY Embroidery Pen Glue Storage Box Mesh Bag Sets
Diamond Painting Tool Kit DIY Embroidery Pen Glue Storage Box Mesh Bag Sets
Diamond Painting Tool Kit DIY Embroidery Pen Glue Storage Box Mesh Bag Sets
Diamond Painting Tool Kit DIY Embroidery Pen Glue Storage Box Mesh Bag Sets
Diamond Painting Tool Kit DIY Embroidery Pen Glue Storage Box Mesh Bag Sets
Diamond Painting Tool Kit DIY Embroidery Pen Glue Storage Box Mesh Bag Sets
Diamond Painting Tool Kit DIY Embroidery Pen Glue Storage Box Mesh Bag Sets
Diamond Painting Tool Kit DIY Embroidery Pen Glue Storage Box Mesh Bag Sets
Diamond Painting Tool Kit DIY Embroidery Pen Glue Storage Box Mesh Bag Sets
Diamond Painting Tool Kit DIY Embroidery Pen Glue Storage Box Mesh Bag Sets

Diamond Painting Tool Kit DIY Embroidery Pen Glue Storage Box Mesh Bag Sets

SKU: 393133
Price
$11.09
$6.99
Save  37%
91 sold
Quantity
const TAG = "spz-custom-product-automatic"; class SpzCustomProductAutomatic extends SPZ.BaseElement { constructor(element) { super(element); this.variant_id = 'eeb19f22-d862-456f-beb6-332b92573e93'; this.isRTL = SPZ.win.document.dir === 'rtl'; } 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 = 'e43be457-9515-43ff-b51a-0b0f615ce332'; const variantId = this.variant_id; const productType = ''; 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 == 'e43be457-9515-43ff-b51a-0b0f615ce332' && 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(); }); } 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);
Description:
All kinds of diamond painting pens: suitable for large area surface rhinestone; 4 kinds of different designs can stick 3, 6 or 9 rhinestone at the same time. Three to nine times faster than the average diamond painting pen, more convenient and efficient.
Multi-functional diamond painting tools: easy to stick diamonds, make diamond painting easier; On the other hand, a nail pen can be attached to a diamond nail, as well as used for cell phone decoration, glue tools, etc.

Feature:
Our diamond sorting boxes are made of strong nylon casing and EVA pads that are shockproof and fall resistant. It also has a mesh bag in which you can store glue, pens, plastic shells, etc.
Sealing performance - the bottle is sealed for easy removal and storage.
Multi-function: can be used as a storage box for diamond embroidery painting accessories, can be used to store small items, small jewelry beads, earrings, necklaces, beads, rhinestones, gemstones, nail ornaments, rings, small jewelry or fishing hooks.
Very suitable to organize, separate and easy to identify.

Specification:
Dimensions: as shown

Note:
Due to the different monitor and light effect, the actual color of the item might be slightly different from the color showed on the pictures. Thank you!
Please allow 1-3cm measuring deviation due to manual measurement.

Package Content:
1 X Diamond Painting Tool Kit

Diamond Painting Toolkit

View all

DIY Diamond Crafts

View all