5D DIY Spot Drill Diamond Christmas Crystal Wreath Hanging Decor (HH011)
5D DIY Spot Drill Diamond Christmas Crystal Wreath Hanging Decor (HH011)
5D DIY Spot Drill Diamond Christmas Crystal Wreath Hanging Decor (HH011)
5D DIY Spot Drill Diamond Christmas Crystal Wreath Hanging Decor (HH011)
5D DIY Spot Drill Diamond Christmas Crystal Wreath Hanging Decor (HH011)
5D DIY Spot Drill Diamond Christmas Crystal Wreath Hanging Decor (HH011)
5D DIY Spot Drill Diamond Christmas Crystal Wreath Hanging Decor (HH011)
5D DIY Spot Drill Diamond Christmas Crystal Wreath Hanging Decor (HH011)
5D DIY Spot Drill Diamond Christmas Crystal Wreath Hanging Decor (HH011)
5D DIY Spot Drill Diamond Christmas Crystal Wreath Hanging Decor (HH011)
5D DIY Spot Drill Diamond Christmas Crystal Wreath Hanging Decor (HH011)
5D DIY Spot Drill Diamond Christmas Crystal Wreath Hanging Decor (HH011)
5D DIY Spot Drill Diamond Christmas Crystal Wreath Hanging Decor (HH011)
5D DIY Spot Drill Diamond Christmas Crystal Wreath Hanging Decor (HH011)
5D DIY Spot Drill Diamond Christmas Crystal Wreath Hanging Decor (HH011)
5D DIY Spot Drill Diamond Christmas Crystal Wreath Hanging Decor (HH011)

5D DIY Spot Drill Diamond Christmas Crystal Wreath Hanging Decor (HH011)

SKU: 573904.04
Price
$0.00
$9.99
Save  0%
3 sold
Quantity
const TAG = "spz-custom-product-automatic"; class SpzCustomProductAutomatic extends SPZ.BaseElement { constructor(element) { super(element); this.variant_id = '68ac147a-f5ee-4200-b76d-286b16934afe'; this.debounceRenderDiscountList = this.win.SPZCore.Types.debounce(this.win,this.renderDiscountList.bind(this), 500); } 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(); console.log('promotion_complex',{"downgrade":false,"automatic_discount_list":[]}); // 监听事件 this.bindEvent_(); } init() { this.handleFitTheme(); // 兜底方案, downgrade == true; 需要降级 则要请求接口 this.doRender_({}).then(async () => { const downgrade = 'false'; if(downgrade != 'false') { this.renderDiscountList(); } }); } async getDiscountList() { const productId = '508521d2-467c-4219-8deb-04aa938cc04d'; const variantId = this.variant_id; 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 } } 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); // 重新渲染 抖动问题处理 const parentDiv = document.querySelector('.automatic_discount_container'); const oldDom = parentDiv.querySelector('.automatic_discount_wrapper'); const newTplDom = await this.getRenderTemplate(data); if(oldDom){ parentDiv.replaceChild(newTplDom, oldDom); } else { parentDiv.appendChild(newTplDom); } } doRender_(data) { const renderData = data || {}; return this.templates_ .findAndRenderTemplate(this.element, renderData) .then((el) => { const children = this.element.querySelector('*:not(template)'); children && SPZCore.Dom.removeElement(children); this.element.appendChild(el); }); } async getRenderTemplate(data) { const renderData = data || {}; return this.templates_ .findAndRenderTemplate(this.element, renderData) .then((el) => { const children = this.element.querySelector('*:not(template)'); children && SPZCore.Dom.removeElement(children); return el; }); } setContainerDisabled(isDisable) { const automaticDiscountEl = document.querySelector('.automatic_discount_container'); 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 == '508521d2-467c-4219-8deb-04aa938cc04d') { this.variant_id = variant.id; } await this.debounceRenderDiscountList(); }); } // 兼容主题 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);
5D DIY Spot Drill Diamond Christmas Crystal Wreath Kits Mosaic Art Crafts Rhinestone Drawing Garland Door Wall Hanging Decoration Gifts
Feature:
1. This beautiful garland is perfect for adding some color and shine to your front door or wall!
2. The wreath is about 23cm and made of schaefer board, perfect for hanging around the house.

Specification:
Material: Soft EVA+Leather
Type: 5d Diamond Drawing
Color:As Shown
Wreath Size:Approx.30x30cm/11.81x11.81in

DIY diamond drawing steps:
1. Open the box, check the kits whether complete;
2. According to the color code, choose a color into the plate;If you paste the same color at the same time, you can increase the speed;
3. Find the symbols in picture, beginning paste until finish it;
4. When you finish it,put some books on top, let it more firmly;
5. Congratulations, you can go framed up and decorate your home now!

Preventive measures of DIY diamond drawing:
1. Refer to the previous operation steps.
2. If you don\'t know what the color, please refer to the color chart.

Tips:
We sell the resin diamonds, semi-finished products, not including frames! Diamond drawing, only needs DIY sticking diamond.
This is DIY diamond drawing. It\'s not finished. You need to do it yourself.

Note:
1. 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!
2. Please allow 1-2cm measuring deviation due to manual measurement.
Package Content:
1 X Diamond Drawing Schaefer Board (diamonds need to be pasted)
1set X Diamond Drawing Tools
1set X Rhinestone Bags