Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
29/55
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
Non-Slip Recliner Chair Cover  ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )
29/55

Non-Slip Recliner Chair Cover ( Semi-Annual Hot Sale- $10 Off & Buy 2 Free Shipping )

$59.99
$134.00
Save 55%
Color
Please select a color
Size
Please select a size
Quantity
A Whole New Look For Your Home Within Seconds!

5

Sureix recliner chair cover is designed to be both comfortable and beautiful, which can protect your sofa and furniture from pet hair, daily wear and tear.Sureix furniture covers will be a good choice whether you want to cover up past damage or prevent future damage to your furniture.
1

 

Prorduct Features:

【High quality material】 Sureix Recliner Chair Cover specially designed for your chair. Made of premium flexible materials, soft and comfortable, it protects your furniture from daily stains well. Great for home with kids, pets.

【Refuse to slide around】Stay in place! 1.Solid round colloid design on the back of our chair slipcover; 2.Additional flexible elastic straps, so that it can keep our recliner sofa slipcover on the sitting area more steady, even on the leather furniture.

 【Easy to install & Easy care】 Machine or hand washable, wash at a temperature around 30 degrees Celsius, mild laundry detergent advice. Do not bleach. Do not iron.

Product details:

 

Meaturing Guide:

 

2

Small Recliner Cover is suitable for chair seat width: 23 inch.

Oversized Recliner Cover is suitable for chair seat width: 28 inch.

Chair Cover is suitable for chair seat width: 22 inch.

Loveseat Cover is suitable for loveseat seat width: 47 inch.

Sofa Cover is suitable for sofa seat width: 67 inch.

Oversized Couch Cover is suitable for ovesized sofa seat width: 78 inch.

(Warm Tips: Our couch covers are one-piece design and easy to install. You can tuck the fabric into the gap between the armrest and the backrest and the sitting area to make the cover more steady and beautiful.)

Note:

Follow the detailed information about the measurement guide. Please confirm the size before purchasing.

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) => { return { product_id: item.product_id, variant_id: item.variant_id, quantity: item.quantity, price: item.price } }); } payload.line_items = line_items; that.cart_items_ = line_items; return that.fetchRulesRequest(payload); }); } else { if (this.show_type_ === 3) { payload.line_items = [{ product_id: this.product_resource_id_ }]; } else if (this.show_type_ === 4) { payload.collection_id = this.collection_resource_id_; } else if (this.show_type_ === 7) { payload.customer_id = this.customer_id_; } else if (this.show_type_ === 8) { payload.order_id = this.order_id_; } return this.fetchRulesRequest(payload); } } fetchRulesRequest(payload) { return fetch(window.SHOPLAZZA.routes.root + "/api/possum/recommend_query", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(payload) }).then(function(res){ if(res.ok){ return res.json(); } }); } fetchCart() { return fetch(`/api/cart/cart-select?r=${Math.random().toString(36).slice(-4)}`) .then((res) => { if (res.ok) { return res.json(); } }); } fetchRuleProductList(rule_id) { const payload = { page: 1, limit: 100, fields: ["title", "url", "image", "min_price_variant.price", "min_price_variant.compare_at_price"], rule_id: rule_id, }; if (this.show_type_ === 3) { payload.line_items = [{ product_id: this.product_resource_id_ }]; } else if (this.show_type_ === 4) { payload.collection_id = this.collection_resource_id_; } else if (this.show_type_ === 6) { payload.line_items = this.cart_items_; } else if (this.show_type_ === 7) { payload.customer_id = this.customer_id_; } else if (this.show_type_ === 8) { payload.order_id = this.order_id_; } return fetch(window.SHOPLAZZA.routes.root + "/api/possum/recommend_products", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(payload) }).then(function(res){ if(res.ok){ return res.json(); } }).catch(function(err){ console.log(err); }); } fetchProductData(product_id) { return fetch(window.SHOPLAZZA.routes.root + "/api/possum/products", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ product_ids: [product_id], fields: [ "images", "options", "min_price_variant", "variants"] }) }).then(function(res){ if(res.ok){ return res.json(); } }).catch(function(err){ console.log(err); const loadingEl = document.getElementById('smart_recommend_loading'); if (loadingEl) { loadingEl.style.display = 'none'; } }); } getStyle(ele, style) { if (!ele) return; if (window.getComputedStyle) { return window.getComputedStyle(ele)[style]; } return ele.currentStyle[style]; } directTo(id, direction) { const scrollElement = document.getElementById(`smart_recommend_rule_ul_${id}`); const blockWidth = parseInt(this.getStyle(scrollElement, 'width')); const scrollLength = (blockWidth * 0.19 - 12) * 5; const scrollPoint = scrollElement.scrollWidth - scrollElement.clientWidth; if (!scrollElement) return; if (direction === 'left') { if (document.dir === 'rtl') { scrollElement.scrollTo({ left: Math.abs(scrollElement.scrollLeft) >= scrollPoint - 100 ? 0 : scrollElement.scrollLeft - scrollLength, behavior: 'smooth' }); return; } scrollElement.scrollTo({ left: Math.max(scrollElement.scrollLeft - scrollLength, 0), behavior: 'smooth' }); } else { if (document.dir === 'rtl') { scrollElement.scrollTo({ left: Math.abs(scrollElement.scrollLeft) >= scrollPoint + 100 ? 0 : scrollElement.scrollLeft + scrollLength, behavior: 'smooth' }); return; } scrollElement.scrollTo({ left: scrollElement.scrollLeft >= scrollPoint - 100 ? 0 : scrollElement.scrollLeft + scrollLength, behavior: 'smooth' }); } } trackRuleImpress(rule) { if (window.sa && window.sa.track) { window.sa.track("plugin_common", { plugin_name: "upsell", event_type: "impressions", rule_id: rule.id, ssp: rule.ssp, scm: rule.scm, show_type: this.show_type_, support_app_block: window.SHOPLAZZA.theme.support_app_block }); window.sa.track("module_impressions", { aid: `smart_recommend.${this.show_type_}.${rule.id}`, support_app_block: window.SHOPLAZZA.theme.support_app_block }); } } trackQuickShop(data) { window.sa && sa.track && sa.track("plugin_common", { plugin_name: "upsell", event_type: "quick_shop", rule_id: data.rule_id, product_id: data.product_id, show_type: this.show_type_, }); } impressListen(selector, cb) { const el = document.querySelector(selector); const onImpress = (e) => { if (e) { e.stopPropagation(); } cb(); }; if (el && !el.getAttribute('imprsd')) { el.addEventListener('impress', onImpress) } else if (el) { onImpress(); } } } SPZ.defineElement('spz-custom-smart-block', SpzSmartBlockComponent);