Diamond Painting | Special-shaped diamond painting - Abstract
Diamond Painting | Special-shaped diamond painting - Abstract
Diamond Painting | Special-shaped diamond painting - Abstract
Diamond Painting | Special-shaped diamond painting - Abstract
Diamond Painting | Special-shaped diamond painting - Abstract
Diamond Painting | Special-shaped diamond painting - Abstract
Diamond Painting | Special-shaped diamond painting - Abstract
Diamond Painting | Special-shaped diamond painting - Abstract
Diamond Painting | Special-shaped diamond painting - Abstract
Diamond Painting | Special-shaped diamond painting - Abstract
Diamond Painting | Special-shaped diamond painting - Abstract
Diamond Painting | Special-shaped diamond painting - Abstract
Diamond Painting | Special-shaped diamond painting - Abstract
Diamond Painting | Special-shaped diamond painting - Abstract
Diamond Painting | Special-shaped diamond painting - Abstract
Diamond Painting | Special-shaped diamond painting - Abstract
Diamond Painting | Special-shaped diamond painting - Abstract
Diamond Painting | Special-shaped diamond painting - Abstract
Diamond Painting | Special-shaped diamond painting - Abstract
Diamond Painting | Special-shaped diamond painting - Abstract
Diamond Painting | Special-shaped diamond painting - Abstract
Diamond Painting | Special-shaped diamond painting - Abstract
Diamond Painting | Special-shaped diamond painting - Abstract
Diamond Painting | Special-shaped diamond painting - Abstract

Diamond Painting | Special-shaped diamond painting - Abstract

SKU: 293858.03
Price
$0.00
$4.09
Save  0%
5 sold
Quantity
const TAG = "spz-custom-product-automatic"; class SpzCustomProductAutomatic extends SPZ.BaseElement { constructor(element) { super(element); this.variant_id = '5378b850-5a38-4542-bfea-e5a8f1807548'; 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 = '40f474d3-179f-42a6-a228-7e31dc69e202'; 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 == '40f474d3-179f-42a6-a228-7e31dc69e202') { 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);
Features:
DIY painting, ingenuity, to do the painting with resin sequin, resin sequin unique luster is dazzling, shining in the light, is currently most popular DIY decorations;
Fortune and luck, diamond painting, embroidery home decoration, perfect decoration of your living room or bedroom to match different decorative styles.

Specifications:
Color: As shown
Material: Rhinestone + Canvas
Size: Approx 30*30 cm/11.8*11.8in
(1cm = 0.39in)
Frame: No
Diamond type: Part drill, Special-shaped
Space: Living room/bedroom/classroom/entrance
Model: D1020 Round Circle

DIY Diamond painting production steps:
1. Open the box and check if the tools for diamond painting are complete;
2. According to the resin diamond color coding, choose a color on the plate, if you paste the same color at a time, you can increase the speed;
3. Find the corresponding color code on the canvas and start pasting until it is finished;
4. After the completion, in order to make the diamond painting stable, you can put some books on the canvas for a while;
5. Finally, you can decorate your results, decorate your home, and add vitality to your home.

Precautions for DIY diamond painting:
1. Refer to the previous steps
2. If you don\'t know what color to use, please refer to the color chart.

Tips:
Diamond paintings are semi-finished and do not include frames.
For diamond painting, you only need DIY to stick the diamond.

Notes:
This is DIY diamond painting, not finished, and you need to finish it yourself. All products are manual measurement, please allow 1-2cm deviation.
Because the light is different from the screen, the color of the item may be slightly different from the picture. Please understand.

Package Content:
1 X Diamond Painting (Rhinestone needs to be pasted)
1 Set X Diamond Drawing Tool (No frame)