￡29.99
Wedge Orthopedic Sandals
￡29.99 ￡45.99 Save ￡16.00
￡33.99
Men’s Casual Hand Stitching Arch Support & Non-slip Breathable Shoes
￡33.99 ￡62.99 Save ￡29.00
￡21.99
Slip On Comfortable Orthopedic Plantar Fasciitis Women Shoes
￡21.99 ￡39.99 Save ￡18.00
￡29.99
Women's Orthopedic Summer Vintage Sandals
￡29.99 ￡59.99 Save ￡30.00
￡19.99
Women Orthopedic Sandals Casual Beach Slippers
￡19.99 ￡59.99 Save ￡40.00
￡19.98
Women's Upgrade Soft Adjustable Straps Orthotic Sandals with Arch Support
￡19.98 ￡59.99 Save ￡40.01
￡29.99
Comfortable Orthopedic Sandals For Women
￡29.99 ￡45.99 Save ￡16.00
￡39.99
Men's Outdoor Daily Summer Hand-sewn Soft Leather Casual Sandals
￡39.99 ￡69.99 Save ￡30.00
￡29.99
Orthopedic Men Sandal Arch Support Breathable Comfortable Lightweight Non Slip Sandal
￡29.99 ￡69.99 Save ￡40.00
￡24.99
Orthopaedic Trainers Women - Sienna
￡24.99 ￡39.99 Save ￡15.00
￡29.99
Women's Orthopedic Air Trainers Cushion Comfort Sneakers
￡29.99 ￡65.99 Save ￡36.00
￡22.99
Premium Orthopedic Shoes Genuine Comfy Leather Loafers
￡22.99 ￡52.99 Save ￡30.00
￡29.99
Wedge Orthopedic Sandals
￡29.99 ￡45.99 Save ￡16.00
￡33.99
Men’s Casual Hand Stitching Arch Support & Non-slip Breathable Shoes
￡33.99 ￡62.99 Save ￡29.00
￡21.99
Slip On Comfortable Orthopedic Plantar Fasciitis Women Shoes
￡21.99 ￡39.99 Save ￡18.00
￡29.99
Women's Orthopedic Summer Vintage Sandals
￡29.99 ￡59.99 Save ￡30.00
View more
￡59.99
Rechargeable & Invisible Hearing Aids Pair
from ￡59.99
￡26.99
Rechargeable Mini Digital Hearing Aid Listen Sound Amplifier Wireless Ear Aids
from ￡26.99
￡26.99
Rechargeable Digital Hearing Aid Severe Loss Invisible Ear Aids High Power
from ￡26.99
￡48.99
Hearing Aid for Seniors Rechargeable with Noise Cancelling
from ￡48.99
￡29.99
Mini Digital Hearing Aids, Voice Amplifier Enhancer, Invisible In Ear
from ￡29.99 ￡49.99 Save ￡20.00
￡59.99
Rechargeable Digital Invisible Hearing Aids
from ￡59.99
￡59.99
Micro OTC Hearing Aids CIC Nearly Invisible And Rechargeable
from ￡59.99 ￡69.99 Save ￡10.00
￡39.99
Digital Hearing Aids In-Ear Invisible Rechargeable Sound Amplifier Tool
￡39.99 ￡79.99 Save ￡40.00
￡59.99
Digital Rechargeable Hearing Aids
￡59.99
￡59.98
Invisible Rechargeable In Ear Sound Amplifier Hearing Aids Set
from ￡59.98
￡59.98
Invisible Rechargeable In Ear Sound Amplifier Hearing Aids Set
from ￡59.98
￡19.99
Zealbonn™ Hearing Aids Accessory Earplugs
from ￡19.99 ￡25.99 Save ￡6.00
￡59.99
Rechargeable & Invisible Hearing Aids Pair
from ￡59.99
￡26.99
Rechargeable Mini Digital Hearing Aid Listen Sound Amplifier Wireless Ear Aids
from ￡26.99
￡26.99
Rechargeable Digital Hearing Aid Severe Loss Invisible Ear Aids High Power
from ￡26.99
￡48.99
Hearing Aid for Seniors Rechargeable with Noise Cancelling
from ￡48.99
View more
￡79.95
Oscillating Fan Bladeless Tower Fan
from ￡79.95
￡54.99
2025 Blade-Free Silent Portable Air Conditioner for Home and Office
￡54.99 ￡119.99 Save ￡65.00
￡45.99
Best Portable Air Conditioner Stand Up Room Cooler Indoor AC Unit (Windowless)
￡45.99
￡79.95
Bladeless Tower Fan Bladeless Oscillating Tower Fan With Remote Control
from ￡79.95
￡59.99
Wirelessly Rechargeable Air Conditioning
￡59.99 ￡189.99 Save ￡130.00
￡75.99
Desktop Air Cooler Mini Portable Air Conditioner and Humidifier with LED Light
￡75.99
￡49.99
Mini Air Conditioner Fan – USB Powered Portable Air Cooler
￡49.99
￡49.99
Portable Air Conditioner
from ￡49.99
￡58.99
Portable Compact Car Air Conditioner 12V
￡58.99
￡24.95
Rechargeable Mini Portable Air Conditioner
from ￡24.95
￡19.99
Replacement Filter for Portable Air Conditioner
from ￡19.99
￡29.99
3 in 1 Portable Air Conditioner Fan for Office
from ￡29.99
￡79.95
Oscillating Fan Bladeless Tower Fan
from ￡79.95
￡54.99
2025 Blade-Free Silent Portable Air Conditioner for Home and Office
￡54.99 ￡119.99 Save ￡65.00
￡45.99
Best Portable Air Conditioner Stand Up Room Cooler Indoor AC Unit (Windowless)
￡45.99
￡79.95
Bladeless Tower Fan Bladeless Oscillating Tower Fan With Remote Control
from ￡79.95
View more
￡29.99
Women’s Orthoptic Lightweight Breathable Mesh Sporty Sandals
￡29.99 ￡47.98 Save ￡17.99
￡29.99
Women Slip On Orthopedic Sneakers Lightweight Wide Width Soft Sole Arch Support Non-Slip Shoes
￡29.99
￡26.99
Ultra-Comfy Orthopaedic Sandals
￡26.99
￡29.99
Orthopedic Boho Sandals
￡29.99 ￡48.76 Save ￡18.77
￡29.99
Women’s Soft Sole Mesh Comfort Orthopedic Shoes
￡29.99 ￡63.99 Save ￡34.00
￡29.99
Orthopedic Pain-Free Ergonomic Walking Shoes for Women and Men
￡29.99
￡29.99
Orthopedic Hiking Shoes – Pain Relief, Non-Slip Waterproof, Expert-Approved Comfort
￡29.99
￡34.99
Barefoot Trekking Shoes – Pain Relief, Orthopedic Support, Ultra-Light Comfort
￡34.99
￡35.99
Orthopaedic Running & Hiking Shoe for Women and Men
￡35.99 ￡45.99 Save ￡10.00
￡22.50
Women's Orthopedic Walking Knit Shoes
￡22.50 ￡52.99 Save ￡30.49
￡39.99
White Leather Low Top Sneakers Shoes
￡39.99 ￡57.85 Save ￡17.86
￡29.95
Orthopedic Shoes for Swollen Feet
￡29.95 ￡64.55 Save ￡34.60
￡29.99
Women’s Orthoptic Lightweight Breathable Mesh Sporty Sandals
￡29.99 ￡47.98 Save ￡17.99
￡29.99
Women Slip On Orthopedic Sneakers Lightweight Wide Width Soft Sole Arch Support Non-Slip Shoes
￡29.99
￡26.99
Ultra-Comfy Orthopaedic Sandals
￡26.99
￡29.99
Orthopedic Boho Sandals
￡29.99 ￡48.76 Save ￡18.77
View more

Shop By Category

Women's Orthopedic Sandals

Women's Orthopedic Slippers

Women's Orthopedic Sneaker

Women's Orthopedic Loafers

Boots

Men's Orthopedic Sandals

Men's Orthopedic Sneakers

Wide Shoes/Diabetic Shoes (Unisex）

Barefoot Shoes (Unisex）

Safety Shoes Steel (Unisex）

Our Shoes Are Proven to Increase Comfort and Alleviate Pain

The Most Comfortable Shoes

Inspired by the wearing experiences of customers in various foot conditions, our experts created a pair of comfortable arch support shoes that can adapt to different daily activities.

Enjoy Summer

￡29.99
Wedge Orthopedic Sandals
￡29.99 ￡45.99 Save ￡16.00
￡29.99
Women's Orthopedic Summer Vintage Sandals
￡29.99 ￡59.99 Save ￡30.00
￡29.99
Comfortable Orthopedic Sandals For Women
￡29.99 ￡45.99 Save ￡16.00
￡19.98
Women's Upgrade Soft Adjustable Straps Orthotic Sandals with Arch Support
￡19.98 ￡59.99 Save ￡40.01
￡26.99
Ultra-Comfy Orthopaedic Sandals
￡26.99
￡29.99
Orthopedic Boho Sandals
￡29.99 ￡48.76 Save ￡18.77
￡19.99
Women Orthopedic Sandals Casual Beach Slippers
￡19.99 ￡59.99 Save ￡40.00
￡19.99
Orthopedic Womens Sandals
￡19.99 ￡59.99 Save ￡40.00
￡29.99
Wedge Orthopedic Sandals
￡29.99 ￡45.99 Save ￡16.00
￡29.99
Women's Orthopedic Summer Vintage Sandals
￡29.99 ￡59.99 Save ￡30.00
￡29.99
Comfortable Orthopedic Sandals For Women
￡29.99 ￡45.99 Save ￡16.00
￡19.98
Women's Upgrade Soft Adjustable Straps Orthotic Sandals with Arch Support
￡19.98 ￡59.99 Save ￡40.01
￡26.99
Ultra-Comfy Orthopaedic Sandals
￡26.99
￡29.99
Orthopedic Boho Sandals
￡29.99 ￡48.76 Save ￡18.77
View more
￡39.99
Men's Outdoor Daily Summer Hand-sewn Soft Leather Casual Sandals
￡39.99 ￡69.99 Save ￡30.00
￡29.99
Orthopedic Men Sandal Arch Support Breathable Comfortable Lightweight Non Slip Sandal
￡29.99 ￡69.99 Save ￡40.00
￡29.99
Men Orthopedic Sandals Velcro Summer Footwear
￡29.99 ￡56.99 Save ￡27.00
￡49.99
Orthopedic Sandals Comfortable Casual Cross Strap Flip-flops
￡49.99
￡29.99
Men Orthopedic Sandal Comfortable Arch Support Breathable Anti Slip Slipper
￡29.99 ￡59.99 Save ￡30.00
￡29.95
Men Summer Beach Leather Sandals Closed Toe Hollow out Breathable Shoes
￡29.95 ￡65.99 Save ￡36.04
￡29.99
Men's High-Altitude Orthopedic Heel Strap Sandals
￡29.99 ￡54.99 Save ￡25.00
￡29.99
Soft Leather Slippers-Unisex
￡29.99 ￡59.99 Save ￡30.00
￡39.99
Men's Outdoor Daily Summer Hand-sewn Soft Leather Casual Sandals
￡39.99 ￡69.99 Save ￡30.00
￡29.99
Orthopedic Men Sandal Arch Support Breathable Comfortable Lightweight Non Slip Sandal
￡29.99 ￡69.99 Save ￡40.00
￡29.99
Men Orthopedic Sandals Velcro Summer Footwear
￡29.99 ￡56.99 Save ￡27.00
￡49.99
Orthopedic Sandals Comfortable Casual Cross Strap Flip-flops
￡49.99
￡29.99
Men Orthopedic Sandal Comfortable Arch Support Breathable Anti Slip Slipper
￡29.99 ￡59.99 Save ￡30.00
￡29.95
Men Summer Beach Leather Sandals Closed Toe Hollow out Breathable Shoes
￡29.95 ￡65.99 Save ￡36.04
View more
￡24.99
Orthopaedic Trainers Women - Sienna
￡24.99 ￡39.99 Save ￡15.00
￡29.99
Women's Orthopedic Air Trainers Cushion Comfort Sneakers
￡29.99 ￡65.99 Save ￡36.00
￡29.99
Slip on Orthopedic Walking Sneaker for Plantar Fasciitis With Arch Support
￡29.99 ￡60.00 Save ￡30.01
￡21.99
Slip On Comfortable Orthopedic Plantar Fasciitis Women Shoes
￡21.99 ￡39.99
Slip On Comfortable Orthopedic Plantar Fasciitis Women Shoes
￡21.99 ￡39.99
Save ￡18.00

Orthotic Stretch Cushion Shoes for Women

Want to start feeling young again? Walk with the ultimate comfort and feel no pain.

View more

Women's Orthopedic Shoes

￡21.99
Slip On Comfortable Orthopedic Plantar Fasciitis Women Shoes
￡21.99 ￡39.99 Save ￡18.00
￡24.99
Orthopaedic Trainers Women - Sienna
￡24.99 ￡39.99 Save ￡15.00
￡29.99
Women's Orthopedic Air Trainers Cushion Comfort Sneakers
￡29.99 ￡65.99 Save ￡36.00
￡29.99
Slip on Orthopedic Walking Sneaker for Plantar Fasciitis With Arch Support
￡29.99 ￡60.00 Save ￡30.01
￡29.99
Ergonomic Orthopedic Shoes For Walking
￡29.99 ￡59.99 Save ￡30.00
￡22.99
Premium Orthopedic Shoes Genuine Comfy Leather Loafers
￡22.99 ￡52.99 Save ￡30.00
￡21.99
Orthopedic Elite Comfortwear Womens
￡21.99 ￡49.99 Save ￡28.00
￡29.99
Women's Orthopedic Tennis Sneakers Sock Shoes
￡29.99 ￡59.99 Save ￡30.00
￡21.99
Slip On Comfortable Orthopedic Plantar Fasciitis Women Shoes
￡21.99 ￡39.99 Save ￡18.00
￡24.99
Orthopaedic Trainers Women - Sienna
￡24.99 ￡39.99 Save ￡15.00
￡29.99
Women's Orthopedic Air Trainers Cushion Comfort Sneakers
￡29.99 ￡65.99 Save ￡36.00
￡29.99
Slip on Orthopedic Walking Sneaker for Plantar Fasciitis With Arch Support
￡29.99 ￡60.00 Save ￡30.01
View more

Men's Orthopedic Shoes

￡33.99
Men’s Casual Hand Stitching Arch Support & Non-slip Breathable Shoes
￡33.99 ￡62.99 Save ￡29.00
￡29.99
Orthopedic Men Shoes Arch Support Wide Toebox AntiSkid Walking Outdoor
￡29.99 ￡59.99 Save ￡30.00
￡22.95
Mens Design Pro - Ergonomic Pain Relief Footwear
￡22.95 ￡50.00 Save ￡27.05
￡27.99
Neuropathy Relief Cushion Trainer's Shoes
￡27.99 ￡55.99 Save ￡28.00
￡33.99
Men’s Casual Hand Stitching Arch Support & Non-slip Breathable Shoes
￡33.99 ￡62.99 Save ￡29.00
￡29.99
Orthopedic Men Shoes Arch Support Wide Toebox AntiSkid Walking Outdoor
￡29.99 ￡59.99 Save ￡30.00
View more

Welcome Winter Season

Your Feet Will Be Comfortable With Zealbonn
￡26.99
Women's Waterproof Zip-up Ankle Boots
￡26.99 ￡45.99 Save ￡19.00
￡29.99
Premium Orthopedic Lace Up Ankle Boots
￡29.99 ￡59.99 Save ￡30.00
￡29.99
Women Leather Waterproof Orthopedic Vintage Boots
￡29.99 ￡59.99 Save ￡30.00
￡29.99
Women Snow Ankle Boots Waterproof Leather Orthopedic Shoes
￡29.99 ￡59.99
Women Snow Ankle Boots Waterproof Leather Orthopedic Shoes
￡29.99 ￡59.99
Save ￡30.00

New Trending Ladies Boots 2024

Looking for the best support for long walks? Move Without Pain From Now!

View more
￡29.99
Women Snow Ankle Boots Waterproof Leather Orthopedic Shoes
￡29.99 ￡59.99 Save ￡30.00
￡29.99
Women Leather Waterproof Orthopedic Vintage Boots
￡29.99 ￡59.99 Save ￡30.00
￡26.99
Women's Waterproof Zip-up Ankle Boots
￡26.99 ￡45.99 Save ￡19.00
￡25.99
Orthopedic Boots Winter Thermal Ankle Boots For Women And Men
￡25.99 ￡69.99 Save ￡44.00
￡29.99
Women Snow Ankle Boots Waterproof Leather Orthopedic Shoes
￡29.99 ￡59.99 Save ￡30.00
￡29.99
Women Leather Waterproof Orthopedic Vintage Boots
￡29.99 ￡59.99 Save ￡30.00
View more
￡29.99
Orthopedic Shoes Ergonomic Winter Boots - Pain Relieving & Warming
￡29.99 ￡45.99 Save ￡16.00
￡25.99
Orthopedic Boots Winter Thermal Ankle Boots For Women And Men
￡25.99 ￡69.99 Save ￡44.00
￡33.99
Men’s Winter Casual Hand Stitching Arch Support & Non-slip Breathable Boots
￡33.99 ￡62.99 Save ￡29.00
￡34.99
Men's Lace up Zippered Leather Boots
￡34.99 ￡59.99 Save ￡25.00
￡29.99
Orthopedic Shoes Ergonomic Winter Boots - Pain Relieving & Warming
￡29.99 ￡45.99 Save ￡16.00
￡25.99
Orthopedic Boots Winter Thermal Ankle Boots For Women And Men
￡25.99 ￡69.99 Save ￡44.00
View more
https://www.zealbonn.com/collections/wide-shoes-diabetic-shoes-unisex?spm=..index.header_1.1&spm_prev=..page_2769315.header_1.1
https://www.zealbonn.com/collections/wide-shoes-diabetic-shoes-unisex?spm=..index.header_1.1&spm_prev=..page_2769315.header_1.1

Wide Shoes/Diabetic Shoes (Unisex）

￡41.99
Plus Size Wide Shoes For Swollen Feet Width Shoes
￡41.99 ￡86.99 Save ￡45.00
￡41.99
Wide Adjusting Soft Comfortable Diabetic Walking Shoes (Unisex)
￡41.99 ￡86.99 Save ￡45.00
￡41.99
Wide Diabetic Shoes For Swollen Feet (Unisex)
￡41.99 ￡86.99 Save ￡45.00
￡41.99
Wide Diabetic Shoes For Swollen Feet (Unisex)
￡41.99 ￡86.99 Save ￡45.00
￡41.99
Plus Size Wide Diabetic Shoes For Swollen Feet Width Shoes (Unisex)
￡41.99 ￡86.99 Save ￡45.00
￡41.99
Plus Size Wide Diabetic Shoes For Swollen Feet Width Shoes (Unisex)
￡41.99 ￡86.99 Save ￡45.00
￡41.99
Plus Size Wide Diabetic Shoes For Swollen Feet Width Shoes (Unisex)
￡41.99 ￡86.99 Save ￡45.00
￡41.99
Plus Size Wide Diabetic Shoes For Swollen Feet Width Shoes (Unisex)
￡41.99 ￡86.99 Save ￡45.00
￡41.99
Plus Size Wide Shoes For Swollen Feet Width Shoes
￡41.99 ￡86.99 Save ￡45.00
￡41.99
Wide Adjusting Soft Comfortable Diabetic Walking Shoes (Unisex)
￡41.99 ￡86.99 Save ￡45.00
￡41.99
Wide Diabetic Shoes For Swollen Feet (Unisex)
￡41.99 ￡86.99 Save ￡45.00
￡41.99
Wide Diabetic Shoes For Swollen Feet (Unisex)
￡41.99 ￡86.99 Save ￡45.00
View more

Why Zealbonn?

Our Values
We are here to provide your body with a solid foundation. We have been providing our customers with healthy footwear. We take pride in being one of the top orthopedic shoe stores available, carrying a variety of foot care products that help our customers deal with common conditions such as plantar fasciitis, heel pain, flat feet and diabetic foot care. We are proud to be of the most respected orthopedic shoes and orthotic insoles brands in the world!
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);