Business Solid Stereo Floral Chiffon Cloth Brooch
Business Solid Stereo Floral Chiffon Cloth Brooch
Business Solid Stereo Floral Chiffon Cloth Brooch
Business Solid Stereo Floral Chiffon Cloth Brooch
Business Solid Stereo Floral Chiffon Cloth Brooch
Business Solid Stereo Floral Chiffon Cloth Brooch
Business Solid Stereo Floral Chiffon Cloth Brooch
Business Solid Stereo Floral Chiffon Cloth Brooch
Business Solid Stereo Floral Chiffon Cloth Brooch
Business Solid Stereo Floral Chiffon Cloth Brooch
Business Solid Stereo Floral Chiffon Cloth Brooch
Business Solid Stereo Floral Chiffon Cloth Brooch
Business Solid Stereo Floral Chiffon Cloth Brooch
Business Solid Stereo Floral Chiffon Cloth Brooch
Business Solid Stereo Floral Chiffon Cloth Brooch
Business Solid Stereo Floral Chiffon Cloth Brooch
Business Solid Stereo Floral Chiffon Cloth Brooch
Business Solid Stereo Floral Chiffon Cloth Brooch
Business Solid Stereo Floral Chiffon Cloth Brooch
Business Solid Stereo Floral Chiffon Cloth Brooch
Business Solid Stereo Floral Chiffon Cloth Brooch
Business Solid Stereo Floral Chiffon Cloth Brooch
Business Solid Stereo Floral Chiffon Cloth Brooch
Business Solid Stereo Floral Chiffon Cloth Brooch
Business Solid Stereo Floral Chiffon Cloth Brooch
Business Solid Stereo Floral Chiffon Cloth Brooch
Business Solid Stereo Floral Chiffon Cloth Brooch
Business Solid Stereo Floral Chiffon Cloth Brooch
Business Solid Stereo Floral Chiffon Cloth Brooch
Business Solid Stereo Floral Chiffon Cloth Brooch
Business Solid Stereo Floral Chiffon Cloth Brooch
Business Solid Stereo Floral Chiffon Cloth Brooch
Business Solid Stereo Floral Chiffon Cloth Brooch
Business Solid Stereo Floral Chiffon Cloth Brooch
Business Solid Stereo Floral Chiffon Cloth Brooch
Business Solid Stereo Floral Chiffon Cloth Brooch
Business Solid Stereo Floral Chiffon Cloth Brooch
Business Solid Stereo Floral Chiffon Cloth Brooch
Business Solid Stereo Floral Chiffon Cloth Brooch
Business Solid Stereo Floral Chiffon Cloth Brooch
Business Solid Stereo Floral Chiffon Cloth Brooch
Business Solid Stereo Floral Chiffon Cloth Brooch
Business Solid Stereo Floral Chiffon Cloth Brooch
Business Solid Stereo Floral Chiffon Cloth Brooch
Business Solid Stereo Floral Chiffon Cloth Brooch
Business Solid Stereo Floral Chiffon Cloth Brooch
Business Solid Stereo Floral Chiffon Cloth Brooch
Business Solid Stereo Floral Chiffon Cloth Brooch

Business Solid Stereo Floral Chiffon Cloth Brooch

SKU: K646893243411738624
Price
$1.79
$1.79
Save  $0.00
Color — Purple
Please select a color
Quantity
Free Shipping for Orders Over $89
Easy Returns - 30 Days Warranty
24 Hours Response
Secure Payments
class SpzSmartBlockComponent extends SPZ.BaseElement { constructor(element) { super(element); this.templates_ = null; this.container_ = null; this.i18n_ = {}; this.config_ = {}; this.show_type_ = 3; this.product_resource_id_ = ''; this.collection_resource_id_ = ''; this.cart_items_ = []; this.customer_id_ = ''; this.order_id_ = ''; } static deferredMount() { return false; } isLayoutSupported(layout) { return layout == SPZCore.Layout.CONTAINER; } buildCallback() { const template_type = window.SHOPLAZZA.meta.page.template_type; if (template_type === 1) { this.show_type_ = 3; this.product_resource_id_ = window.SHOPLAZZA.meta.page.resource_id; } else if (template_type === 2) { this.show_type_ = 4; this.collection_resource_id_ = window.SHOPLAZZA.meta.page.resource_id; } else if (template_type === 15){ this.show_type_ = 5; } else if (template_type === 13){ this.show_type_ = 6; } else if (template_type === 20){ this.show_type_ = 7; this.customer_id_ = window.SHOPLAZZA.customer.customer_id; } else if (template_type === 35){ this.show_type_ = 8; this.order_id_ = window.location.pathname.split('/').pop(); } this.templates_ = SPZServices.templatesForDoc(this.element); this.setAction_(); } mountCallback() { console.log('smart mounted'); const that = this; const themeName = window.SHOPLAZZA.theme.merchant_theme_name; const isGeek = /Geek/.test(themeName); this.fetchRules().then((res) => { if (res && res.rules && res.rules.length) { const blockEl = document.getElementById('smart_recommend_block'); SPZ.whenApiDefined(blockEl).then((api) => { api.render({data: res}, true).then(() => { if (isGeek && that.show_type_ === 6) { blockEl.querySelector('.plugin_container_wrpper').style.padding = '30px 0'; } const recommendStyle = document.createElement('style'); recommendStyle.innerHTML = ` .plugin__recommend_container,.app-recommend-card { display: none !important; } `; document.head.appendChild(recommendStyle); const fetchList = []; res.rules.forEach((rule) => { fetchList.push(this.fetchRuleProductList(rule.id)); }); const fetchAll = Promise.all(fetchList); fetchAll.then((p_res) => { res.rules.forEach((rule, index) => { rule.products = p_res[index] && p_res[index].products; const ruleEl = document.getElementById('smart_recommend_rule_' + rule.id); SPZ.whenApiDefined(ruleEl).then((api) => { api.render({data: rule}, true).then(() => { that.impressListen(`#smart_recommend_rule_ul_${rule.id}`, function(){ that.trackRuleImpress(rule); }); const btnElList = document.querySelectorAll(`#smart_recommend_rule_ul_${rule.id} button`); btnElList.forEach((btnEl) => { if (btnEl && rule.config && rule.config.quick_shop_button_bg_color && rule.config.quick_shop_button_text_color) { btnEl.style.backgroundColor = rule.config.quick_shop_button_bg_color; btnEl.style.color = rule.config.quick_shop_button_text_color; } }) }); }); }); }); }) }) } else { if (window.top !== window.self) { const template_type = window.SHOPLAZZA.meta.page.template_type; const holderEl = document.getElementById('smart_recommend_preview_no_data_placeholder'); SPZ.whenApiDefined(holderEl).then((api) => { api.render({data: { isCart: template_type === 13, isCollection: template_type === 2, isProduct: template_type === 1, isIndex: template_type === 15 }}, true); }); } } }); } setAction_() { this.registerAction('quickShop', (data) => { const that = this; const product_id = data.args.product_id; const productIndex = data.args.productIndex; const rule_id = data.args.rule_id; const ssp = data.args.ssp; const scm = data.args.scm; const cfb = data.args.cfb; const ifb = data.args.ifb; const modalRender = document.getElementById('smart_recommend_product_modal_render'); if (product_id) { this.fetchProductData(product_id).then((res) => { const product = res.products && res.products.length && res.products[0] || {}; product.cfb = cfb; product.ifb = ifb; SPZ.whenApiDefined(modalRender).then((api) => { api.render({product: product, productIndex: productIndex, rule_id: rule_id, ssp: ssp, scm: scm, show_type: that.show_type_}, true).then(() => { const modalEl = document.getElementById('smart_recommend_product_modal'); SPZ.whenApiDefined(modalEl).then((modal) => { that.impressListen('#smart_recommend_product_modal', function(){ that.trackQuickShop({ rule_id: rule_id, product_id: product_id }); }); modal.open(); }); const formEl = document.getElementById('smart_recommend_product_form'); SPZ.whenApiDefined(formEl).then((form) => { form.setProduct(product); }); const variantEl = document.getElementById('smart_recommend_product_variants'); SPZ.whenApiDefined(variantEl).then((variant) => { variant.handleRender(product); }); }); }) }); } }); this.registerAction('handleScroll', (data) => { this.directTo(data.args.rule_id, data.args.direction); }); this.registerAction('handleProductChange', (data) => { const variant = data.args.data.variant; const product = data.args.data.product; const imageRenderEl = document.getElementById('smart_recommend_product_image'); SPZ.whenApiDefined(imageRenderEl).then((api) => { api.render({ variant: variant, product: product }, true); }); }); this.registerAction('handleAtcSuccess', (detail) => { const data = detail.args; data.data.product = data.data.product || {}; data.data.variant = data.data.variant || {}; const product_id = data.data.product.id; const product_title = data.data.product.title; const variant_id = data.data.variant.id; const price = data.data.variant.price; const rule_id = data.rule_id; const aid = `smart_recommend.${this.show_type_}.${rule_id}`; const ifb = data.data.product.ifb; const cfb = data.data.product.cfb; const ssp = data.ssp; const scm = data.scm; const spm = `smart_recommend_${this.show_type_}.${data.spmIndex}`; const params = { id: product_id, product_id: product_id, number: 1, name: product_title, variant_id: variant_id, childrenId: variant_id, item_price: price, source: 'add_to_cart', _extra: { aid: aid, ifb: ifb, cfb: cfb, scm: scm, spm: `..${window.SHOPLAZZA.meta.page.template_name}.${spm}`, ssp: ssp, } }; this.tranckAddToCart(params); }); this.registerAction('addATCHook', (data) => { const params = data.args; const spm = `smart_recommend_${this.show_type_}.${params.spmIndex}`; this.myInterceptor_ = window.djInterceptors && window.djInterceptors.track.use({ event: 'dj.addToCart', params: { aid: `smart_recommend.${this.show_type_}.` + params.rule_id, ssp: params.ssp, scm: params.scm, cfb: params.cfb, spm: `..${window.SHOPLAZZA.meta.page.template_name}.${spm}`, }, once: true }); }); } tranckAddToCart(detail) { if (window.$) { window.$(document.body).trigger('dj.addToCart', detail); } } fetchRules() { const payload = { show_type: this.show_type_, }; let that = this; if (this.show_type_ === 6) { let line_items = []; return this.fetchCart().then((res) => { if (res && res.cart && res.cart.line_items) { line_items = res.cart.line_items.map((item) => {