DIY Wooden Photo Frames Diamond Painting Decorative Hanger Picture (White)
DIY Wooden Photo Frames Diamond Painting Decorative Hanger Picture (White)
DIY Wooden Photo Frames Diamond Painting Decorative Hanger Picture (White)
DIY Wooden Photo Frames Diamond Painting Decorative Hanger Picture (White)
DIY Wooden Photo Frames Diamond Painting Decorative Hanger Picture (White)
DIY Wooden Photo Frames Diamond Painting Decorative Hanger Picture (White)
DIY Wooden Photo Frames Diamond Painting Decorative Hanger Picture (White)
DIY Wooden Photo Frames Diamond Painting Decorative Hanger Picture (White)
DIY Wooden Photo Frames Diamond Painting Decorative Hanger Picture (White)
DIY Wooden Photo Frames Diamond Painting Decorative Hanger Picture (White)
DIY Wooden Photo Frames Diamond Painting Decorative Hanger Picture (White)
DIY Wooden Photo Frames Diamond Painting Decorative Hanger Picture (White)
DIY Wooden Photo Frames Diamond Painting Decorative Hanger Picture (White)
DIY Wooden Photo Frames Diamond Painting Decorative Hanger Picture (White)
DIY Wooden Photo Frames Diamond Painting Decorative Hanger Picture (White)
DIY Wooden Photo Frames Diamond Painting Decorative Hanger Picture (White)

DIY Wooden Photo Frames Diamond Painting Decorative Hanger Picture (White)

SKU: 574167.03
Price
$0.00
$4.99
Save  0%
2 sold
Quantity
const TAG = "spz-custom-product-automatic"; class SpzCustomProductAutomatic extends SPZ.BaseElement { constructor(element) { super(element); this.variant_id = '6eccf3cb-d41a-40d5-8cd3-3cd83e353511'; 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 = 'a74479e6-d7a4-4ff0-bf63-126e73da0b85'; 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 == 'a74479e6-d7a4-4ff0-bf63-126e73da0b85' && 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);
Wood Photo Frame Diamond Decorative Painting DIY Picture Frames Poster Hanger for Painting Core Wall Art Photos Decor
Feature:
Simple and light, easy to store.
With simple tools and operating steps, you can mount it.
A decorative painting diamond painting can be hung up to add a beautiful impression to the home and office.

How to DIY?
The operation combination of this product is very simple and easy. You only need to put the wooden sticks into the hanger, fix the long ribbon on the two sides of the wooden stick, and fix the hanging ears on the two corners below the hanger.

Specification:
Color: Light Gray/Dark Gray/White/Rose/Navy Blue
Material: PVC+wood stick
Adapted drawing core size: as shown

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.
3.This is an unpainted frame.

Package Content:
1 X Wood Stick
1 X Pvc Picture Frame
1 X Ribbon
2 X Hanging Tassel

Diamond Painting Toolkit

View all

DIY Diamond Crafts

View all