DIY Dragonfly Diamond Painting Shopping Tote Bag Mosaic Kit Drawing (BB026)
DIY Dragonfly Diamond Painting Shopping Tote Bag Mosaic Kit Drawing (BB026)
DIY Dragonfly Diamond Painting Shopping Tote Bag Mosaic Kit Drawing (BB026)
DIY Dragonfly Diamond Painting Shopping Tote Bag Mosaic Kit Drawing (BB026)
DIY Dragonfly Diamond Painting Shopping Tote Bag Mosaic Kit Drawing (BB026)
DIY Dragonfly Diamond Painting Shopping Tote Bag Mosaic Kit Drawing (BB026)
DIY Dragonfly Diamond Painting Shopping Tote Bag Mosaic Kit Drawing (BB026)
DIY Dragonfly Diamond Painting Shopping Tote Bag Mosaic Kit Drawing (BB026)
DIY Dragonfly Diamond Painting Shopping Tote Bag Mosaic Kit Drawing (BB026)
DIY Dragonfly Diamond Painting Shopping Tote Bag Mosaic Kit Drawing (BB026)
DIY Dragonfly Diamond Painting Shopping Tote Bag Mosaic Kit Drawing (BB026)
DIY Dragonfly Diamond Painting Shopping Tote Bag Mosaic Kit Drawing (BB026)
DIY Dragonfly Diamond Painting Shopping Tote Bag Mosaic Kit Drawing (BB026)
DIY Dragonfly Diamond Painting Shopping Tote Bag Mosaic Kit Drawing (BB026)
DIY Dragonfly Diamond Painting Shopping Tote Bag Mosaic Kit Drawing (BB026)
DIY Dragonfly Diamond Painting Shopping Tote Bag Mosaic Kit Drawing (BB026)
DIY Dragonfly Diamond Painting Shopping Tote Bag Mosaic Kit Drawing (BB026)
DIY Dragonfly Diamond Painting Shopping Tote Bag Mosaic Kit Drawing (BB026)
DIY Dragonfly Diamond Painting Shopping Tote Bag Mosaic Kit Drawing (BB026)
DIY Dragonfly Diamond Painting Shopping Tote Bag Mosaic Kit Drawing (BB026)
DIY Dragonfly Diamond Painting Shopping Tote Bag Mosaic Kit Drawing (BB026)
DIY Dragonfly Diamond Painting Shopping Tote Bag Mosaic Kit Drawing (BB026)

DIY Dragonfly Diamond Painting Shopping Tote Bag Mosaic Kit Drawing (BB026)

SKU: 537498.11
Price
$14.98
$8.99
Save  40%
Quantity
const TAG = "spz-custom-product-automatic"; class SpzCustomProductAutomatic extends SPZ.BaseElement { constructor(element) { super(element); this.variant_id = '08ecbb78-231c-435a-99be-37780fbfb0e5'; 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 = '42de2c62-397f-4a36-b1e1-f3dca7df1435'; 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 == '42de2c62-397f-4a36-b1e1-f3dca7df1435') { 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);
DIY Plant Animal Diamond Painting Shopping Tote Bags Mosaic Kit Rhinestone Drawing Picture Set Art Craft Shoulder Handbags for Women Men
Feature:
If you want to make a green space for the earth by yourself, if you think your life is not perfect, then please follow our DIY global environmental protection concept.
The new fashion eco-friendly bag series launched is dedicated to making our latest DIY fashion handbags through DIY drilling art, and strives to realize the fashion of green craftsmanship.
Our DIY time at home will not be cancelled. We combine decoration with practical value, combine our obsession with organization, craftsmanship and sustainability, and integrate global environmental protection concepts into our daily lives. Turn it into a DIY artwork and apply it to your personal life. Match with handbag and jeans to create a perfect casual cool feeling.
Designed to make your life more colorful.
The eco-friendly bag adopts the new spring color, which is very suitable for shopping, running, traveling, class and office. Easily carry all the essentials of fashion.
A practical tote bag for men and women, it can also be a great gift!
Eco-friendly bags-to achieve the most environmentally friendly standards in the most fashionable way!

Specification:
Product name: Fashionable DIY eco-friendly bag
Material: Cotton cloth + resin diamond
Multi-purpose: Lightweight, portable and durable, can be used for shoulder bags, handbags, book bags, shopping, storage, picnics, travel, gifts and other occasions
Color: As shown
Size: 35x28x2cm/13.78x11.02x0.79in
Gross weight: 165g
Type: Vertical square, sticky diamond style on the front, no pattern on the back
Style: Simple, literary, fashion

DIY diamond painting 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 canvas, beginning paste until finish it;
4. When you finish it,put some books on top, let it more firmly.

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

Note:
This is an eco-friendly bag with DIY diamonds. It is not finished. You need to finish it yourself. You only need to glue the diamonds DIY.
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-2cm measuring deviation due to manual measurement.

Package Content:
1 X Diamond Painting (diamonds need to be pasted)
1set X Diamond Painting Tools (not including painting frame)
1 X Eco Bag (Thickened)