Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com
Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot shopify Stunahome.com

Unisex Shock-Absorbing Fitness Quick Drying And Breathable Training Barefoot

⏳ Offer Ends Wednesday ⌛
Customers say this fits true to size
Free return and exchange

size

Please select a size

color - Black

Please select a color

Price

£0.00 £27.89
7 sold

Quantity

Why go Stunahome Barefoot?

  Stunahome.com

Most shoes end up causing pain.

Were the last shoes you bought as comfortable as they promised? Your typical shoe is not built for the natural configuration of your feet. They restrict movement, induce misalignments, and cause long-term pain. On the other hand, Bearefoot shoes are designed to restore your feet to their natural position so you feel stronger, more balanced, and painless.

Wide Toe Box

The spacious toe box, invites your feet to indulge in their optimal position, the way nature intended so you can painlessly move according to your body's instinctual movements.

Ergonomic Sole

The ultra-thinpuncture-resistant sole provides protection while allowing you to feel the world beneath your feet, connecting you to your surroundings in an almost primal way.

Zero Drop

The zero-drop ground feel helps preventing kneehip, and back pain by improving your overall posture and ensuring that your heel and toes remain at level with each other.

  Stunahome.com

A Step Closer to Comfort & Health

Whether you hike, climb, run, surf, kayak, lift weights, or camp, experience real functionality for your endeavors. Watch your foot strength increase, enjoy comfort while reducing pain. Take a step closer to true health and comfort.

  Stunahome.com

Go Back to Doing the Things you Love

Did you have to slow down on your the amount of adventures you take on because of residual pain? The outdoors brings us peace, don't let pain rob you from that. With Bearefoot do the things you love while you restore balance in your body & mind.

  Stunahome.com

The Bliss of Floating on Clouds

Most shoes are heavy, bulky, and are not truly built for the outdoors. Utilize lightweight Polypropylene fabrics, these kicks makes it feel like there's nothing on! So when you're wearing Bearefoot shoes, your feet will feel like their actually barefoot!

Frequently Asked Questions

BEAREFOOT COMFORT EXPLAINED

How are Barefoot shoes different?

Barefoot shoes differ from traditional shoes in several key ways:

Toe Space: They have a wider toe box, allowing your toes to spread and grip the ground, much like they would if you were actually barefoot.

Sole: The soles of bearefoot shoes are thin and flexible, allowing the foot to bend and move naturally. This offers better sensory feedback from the ground.

Arch Support: Unlike many modern shoes that have significant arch support, bearefoot shoes allow your feet to support themselves, strengthening foot muscles over time.

Heel Drop: Bearefoot shoes have a zero or minimal heel drop (the difference in height between the heel and the ball of the foot), promoting a more natural foot posture and stride.

Materials: They use breathable, lightweight materials that conform to the foot's shape, giving a "second skin" feel.

Do I wear socks with these shoes?

With our bearefoot shoes, you'll notice the design includes a single wide toe box, ensuring your feet have ample room to move naturally without the constraint of individual toe compartments. Whether or not to pair them with socks truly comes down to personal preference. Some individuals lean towards going sockless to truly embrace the authentic barefoot sensation, appreciating the direct contact and natural feel against the shoe's interior. On the other hand, some opt for socks to benefit from added moisture management, reduced friction, or simply for an extra layer of comfort. Whichever way you lean, our shoes are crafted to support your choice, ensuring your feet experience the freedom they deserve.

How can I be sure to pick the right size?

We recommend going with the size you most commonly wear. If you are between sizes or usually wear a half size, we would recommend sizing up.

10,000+ HAPPY CUSTOMERS

Join the Movement!

Thousands of people are enjoying the luxury of going bearefoot! When it comes to your health, don't settle for less!

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.

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('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);