Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com
Warm Barefoot Slippers with Fleece Unisex amazon Stunahome.com

Warm Barefoot Slippers with Fleece Unisex

Fits True to Size
Free Return & Exchange
Promise not to use AI tools for drawing

size

Please select a size

color - Beige

Please select a color

Price

￡0.00 ￡31.25
35 sold
The current item does not participate in the discount gift campaign. Switch the participating items to check the design.
(This prompt will not be displayed on the client-side)

Quantity

/** @private {string} */ class SpzCustomAnchorScroll extends SPZ.BaseElement { static deferredMount() { return false; } constructor(element) { super(element); /** @private {Element} */ this.scrollableContainer_ = null; } isLayoutSupported(layout) { return layout == SPZCore.Layout.LOGIC; } buildCallback() { this.viewport_ = this.getViewport(); this.initActions_(); } setTarget(containerId, targetId) { this.containerId = '#' + containerId; this.targetId = '#' + targetId; } scrollToTarget() { const container = document.querySelector(this.containerId); const target = container.querySelector(this.targetId); const {scrollTop} = container; const eleOffsetTop = this.getOffsetTop_(target, container); this.viewport_ .interpolateScrollIntoView_( container, scrollTop, scrollTop + eleOffsetTop ); } initActions_() { this.registerAction( 'scrollToTarget', (invocation) => this.scrollToTarget(invocation?.caller) ); this.registerAction( 'setTarget', (invocation) => this.setTarget(invocation?.args?.containerId, invocation?.args?.targetId) ); } /** * @param {Element} element * @param {Element} container * @return {number} * @private */ getOffsetTop_(element, container) { if (!element./*OK*/ getClientRects().length) { return 0; } const rect = element./*OK*/ getBoundingClientRect(); if (rect.width || rect.height) { return rect.top - container./*OK*/ getBoundingClientRect().top; } return rect.top; } } SPZ.defineElement('spz-custom-anchor-scroll', SpzCustomAnchorScroll); const STRENGTHEN_TRUST_URL = "/api/strengthen_trust/settings"; class SpzCustomStrengthenTrust extends SPZ.BaseElement { constructor(element) { super(element); this.renderElement_ = null; } isLayoutSupported(layout) { return layout == SPZCore.Layout.CONTAINER; } buildCallback() { this.xhr_ = SPZServices.xhrFor(this.win); const renderId = this.element.getAttribute('render-id'); SPZCore.Dom.waitForChild( document.body, () => !!document.getElementById(renderId), () => { this.renderElement_ = SPZCore.Dom.scopedQuerySelector( document.body, `#${renderId}` ); if (this.renderElement_) { this.render_(); } this.registerAction('track', (invocation) => { this.track_(invocation.args); }); } ); } render_() { this.fetchData_().then((data) => { if (!data) { return; } SPZ.whenApiDefined(this.renderElement_).then((apis) => { apis?.render(data); document.querySelector('#strengthen-trust-render-1539149753700').addEventListener('click',(event)=>{ if(event.target.nodeName == 'A'){ this.track_({type: 'trust_content_click'}); } }) }); }); } track_(data = {}) { const track = window.sa && window.sa.track; if (!track) { return; } track('trust_enhancement_event', data); } parseJSON_(string) { let result = {}; try { result = JSON.parse(string); } catch (e) {} return result; } fetchData_() { return this.xhr_ .fetchJson(STRENGTHEN_TRUST_URL) .then((responseData) => { if (!responseData || !responseData.data) { return null; } const data = responseData.data; const moduleSettings = (data.module_settings || []).reduce((result, moduleSetting) => { return result.concat(Object.assign(moduleSetting, { logos: (moduleSetting.logos || []).map((item) => { return moduleSetting.logos_type == 'custom' ? this.parseJSON_(item) : item; }) })); }, []); return Object.assign(data, { module_settings: moduleSettings, isEditor: window.self !== window.top, }); }); } } SPZ.defineElement('spz-custom-strengthen-trust', SpzCustomStrengthenTrust);
Share Tweet Pin it

The comfiest & trendiest slides in town!

 

Winter is here, and so is the perfect solution to cold toes – our Stunahome™  ! Picture this: you, a cup of hot cocoa, and these snug slides, making chilly days feel like a warm hug for your feet. Dive into the ultimate comfort-meets-style experience this winter.


No more shivering toes!

Wrap your feet in a luxurious embrace of warmth with our Stunahome™ Warm Fur Slippers. Lined with the softest faux fur, these slippers provide an unparalleled level of protection from cold, keeping your toes toasty even in the coldest of temperatures.

ATTENTION: CHOOSE ONE SIZE LARGER FOR THE OPTIMAL FIT.

Perfect for both indoor and outdoor use

These slides are not just for indoors – they're your all-day companions.  Whether you're lounging by the fireplace or stepping out for a winter adventure, these slides are your go-to companions for indoor and outdoor coziness.

Walk confidently without falling or slipping

The sturdy, slip-resistant sole of this slippers keeps you steady on icy surfaces, so you can enjoy the snowy scenery without a worry. Walk easy, walk safe – your winter adventures just got a whole lot more carefree!

Built to last for years

Designed to go the distance, these slippers aren't just cozy; they're crafted with high-quality materials and reinforced stitching, guaranteeing years of comfort through every step of your daily journey. Embrace the longevity of coziness with slippers that stand up to life's adventures.

 Why Stunahome™  instead of other brands

Customer opinions on Stunahome™ :

Your advantages with Stunahome™:

✅ Cloud-Like Comfort:We've perfected the art of coziness with a plush faux fur lining that cradles your feet in warmth, ensuring you're ready for winter's adventures.

✅ Slide-In, Go-Anywhere Ease:No need for complicated footwear rituals. Slip your feet in effortlessly, and you're ready for whatever winter has in store for you.

✅ Cozy Without the Sweat:Enjoy the warmth without feeling overheated. Our slides are designed to be breathable, keeping your feet snug without the stuffiness.

✅ Winter-Ready Styles:Choose from a variety of fashionable colors  to suit your personal style. Elevate your winter wardrobe with these trendy and eye-catching slides.

✅ Gift the Warmth:Spread the joy of warmth! These slides make for a heartwarming gift for friends and family, ensuring they stay cozy and stylish throughout the season.

If you have any questions, we have the answer for you:

Can I wear socks with Stunahome™ Warm Fur Slippers? 

Absolutely! These slippers are designed to be worn with or without socks, depending on your preference for additional warmth.

Can I machine wash my Stunahome™ ?

We recommend hand-cleaning these slippers for optimal care. Gently spot-clean with a damp cloth to maintain their quality. Machine washing may compromise the integrity of the materials and stitching.

Are these slippers suitable for daily use? 

Absolutely! Stunahome™  are not only incredibly comfortable but also built for daily wear. The durable construction ensures they hold up well, making them your reliable go-to for daily comfort.

Do these slippers have arch support? 

These slippers offer moderate arch support for general comfort. However, for individuals with specific orthopedic needs, additional arch support may be considered.

ATTENTION: CHOOSE ONE SIZE LARGER FOR THE OPTIMAL FIT.

What is included in the package?

1 Pair x Stunahome™ Warm Fur Slippers

FAQs

1. What is the 60 Day Wear Test Guarantee?

We believe 100% in our products. This is why we offer a 60-Day Wear Test Guarantee where you can test the shoes and decide for yourself.

2. Why Should We Take Care Of Our Feet?

The feet are the foundation of the entire human body. They support your body from the ground up.

3. What is the Plantar Fascia?

The plantar fascia muscle is a long band of muscle tissue and ligaments that stretches all the way from your heel bone to the front of your foot. This supports the arch and bone structure of the foot. When inflamed, this causes a variety of issues in the foot such as Plantar Fasciitis, and Heel Pain.

4. Who Should Wear Orthopedic Shoes?

Orthopedic shoes help align a patient's feet and off-load areas of increased stress (like a collapsed arch, an arthritic joint, or a diabetic ulcer or callus).

5. Can normal people wear orthopedic shoes?

People of all ages wear orthopedic shoes. They are also popular among people without foot problems because they are specifically designed to support the foot, ankle, and leg‘s structure and mechanics and strengthen important muscles.

6. What Happens If I Order the Wrong Size?

Don't worry, this happens. Just send your order back and we will ship the correct size to you at no extra cost.

7. Whether AI tools have been used in the product or product details?

Stunahome guarantees that all product images are actually taken, and product details are all written by dedicated personnel. We refuses to use any AI software to mislead buyers

Stunahome.com

60 Days Money Back Guarantee

We offer a 60-day guarantee to eliminate your foot pain! We fully stand behind our product and believe we have the best product in the industry. We want to give you a full 2 months to try out our product, and if you don't like it 100%, you can contact us and we'll find a solution.

Customer Reviews
Here are what our customers say.
Write a Review
Customer Reviews
Wow you reached the bottom
Newest
Most liked
Highest ratings
Lowest ratings
×
class SpzCustomFileUpload extends SPZ.BaseElement { constructor(element) { super(element); this.uploadCount_ = 0; this.fileList_ = []; } buildCallback() { this.action = SPZServices.actionServiceForDoc(this.element); this.registerAction('upload', (data) => { this.handleFileUpload_(data.event?.detail?.data || []); }); this.registerAction('delete', (data) => { this.handleFileDelete_(data?.args?.data); }); this.registerAction('preview', (data) => { this.handleFilePreview_(data?.args?.data); }); this.registerAction('limit', (data) => { this.handleFileLimit_(); }); this.registerAction('sizeLimit', (data) => { this.handleFileSizeLimit_(); }); } isLayoutSupported(layout) { return layout == SPZCore.Layout.LOGIC; } setData_(count, file) { this.uploadCount_ = count; this.fileList_ = file; } handleFileUpload_(data) { data.forEach(i => { if(this.fileList_.some(j => j.url === i.url)) return; this.fileList_.push(i); }) this.uploadCount_++; sessionStorage.setItem('fileList', JSON.stringify(this.fileList_)); this.triggerEvent_("handleFileUpload", { count: this.uploadCount_, files: this.fileList_}); if(this.fileList_.length >= 5){ document.querySelector('#review_upload').style.display = 'none'; } if(this.fileList_.length > 0){ document.querySelector('.apps-reviews-write-anonymous-box').style.marginTop = '8px'; } } handleFileDelete_(index) { this.fileList_.splice(index, 1); this.uploadCount_--; sessionStorage.setItem('fileList', JSON.stringify(this.fileList_)); this.triggerEvent_("handleFileDelete", { count: this.uploadCount_, files: this.fileList_}); document.querySelector('#review_upload').style.display = 'block'; if(this.fileList_?.length === 0){ document.querySelector('.apps-reviews-write-anonymous-box').style.marginTop = '132px'; } } handleFilePreview_(index) { const finalPreviewData = this.fileList_[index]; const filePreviewModal = document.getElementById('filePreviewModal'); const fullScreenVideo = document.getElementById('fullScreenVideo'); const fullScreenImage = document.getElementById('fullScreenImage'); const previewModalClose = document.getElementById('previewModalClose'); const previewLoading = document.getElementById('previewLoading'); filePreviewModal.style.display = 'block'; previewLoading.style.display = 'flex'; if(finalPreviewData?.type === 'video'){ const media = this.mediaParse_(this.fileList_[index]?.url); fullScreenVideo.addEventListener('canplaythrough', function() { previewLoading.style.display = 'none'; }); fullScreenImage.src = ''; fullScreenImage.style.display = 'none'; fullScreenVideo.style.display = 'block'; fullScreenVideo.src = media.mp4 || ''; } else { fullScreenImage.onload = function() { previewLoading.style.display = 'none'; }; fullScreenVideo.src = ''; fullScreenVideo.style.display = 'none'; fullScreenImage.style.display = 'block'; fullScreenImage.src = finalPreviewData.url; } previewModalClose.addEventListener('click', function() { filePreviewModal.style.display = 'none'; }); } handleFileLimit_() { alert(window.AppReviewsLocale.comment_file_limit || 'please do not upload files more than 5'); this.triggerEvent_("handleFileLimit"); } handleFileSizeLimit_() { alert(window.AppReviewsLocale.comment_file_size_limit || 'File size does not exceed 10M'); } clear(){ this.fileList_ = []; this.uploadCount_ = 0; sessionStorage.setItem('fileList', JSON.stringify(this.fileList_)); this.triggerEvent_("handleClear", { count: this.uploadCount_, files: this.fileList_}); document.querySelector('#review_upload').style.display = 'block'; } mediaParse_(url) { var result = {}; try { url.replace(/[?&]+([^=&]+)=([^&]*)/gi, function (str, key, value) { try { result[key] = decodeURIComponent(value); } catch (e) { result[key] = value; } }); result.preview_image = url.split('?')[0]; } catch (e) {}; return result; } triggerEvent_(name, data) { const event = SPZUtils.Event.create(this.win, name, data); this.action.trigger(this.element, name, event); } } SPZ.defineElement('spz-custom-file-upload', SpzCustomFileUpload);
The review would not show in product details on storefront since it does not support to.
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('appzebu 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 }); }); }); 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);