Men’s Winter Casual Hand Stitching Arch Support & Non-slip Breathable Boots
Men’s Winter Casual Hand Stitching Arch Support & Non-slip Breathable Boots
Men’s Winter Casual Hand Stitching Arch Support & Non-slip Breathable Boots
Men’s Winter Casual Hand Stitching Arch Support & Non-slip Breathable Boots
Men’s Winter Casual Hand Stitching Arch Support & Non-slip Breathable Boots
Men’s Winter Casual Hand Stitching Arch Support & Non-slip Breathable Boots
Men’s Winter Casual Hand Stitching Arch Support & Non-slip Breathable Boots
Men’s Winter Casual Hand Stitching Arch Support & Non-slip Breathable Boots
Men’s Winter Casual Hand Stitching Arch Support & Non-slip Breathable Boots
Men’s Winter Casual Hand Stitching Arch Support & Non-slip Breathable Boots
Men’s Winter Casual Hand Stitching Arch Support & Non-slip Breathable Boots
Men’s Winter Casual Hand Stitching Arch Support & Non-slip Breathable Boots
Men’s Winter Casual Hand Stitching Arch Support & Non-slip Breathable Boots
Men’s Winter Casual Hand Stitching Arch Support & Non-slip Breathable Boots
Men’s Winter Casual Hand Stitching Arch Support & Non-slip Breathable Boots
Men’s Winter Casual Hand Stitching Arch Support & Non-slip Breathable Boots
Men’s Winter Casual Hand Stitching Arch Support & Non-slip Breathable Boots
Men’s Winter Casual Hand Stitching Arch Support & Non-slip Breathable Boots
Men’s Winter Casual Hand Stitching Arch Support & Non-slip Breathable Boots
Men’s Winter Casual Hand Stitching Arch Support & Non-slip Breathable Boots
Men’s Winter Casual Hand Stitching Arch Support & Non-slip Breathable Boots
Men’s Winter Casual Hand Stitching Arch Support & Non-slip Breathable Boots
Men’s Winter Casual Hand Stitching Arch Support & Non-slip Breathable Boots
Men’s Winter Casual Hand Stitching Arch Support & Non-slip Breathable Boots
Men’s Winter Casual Hand Stitching Arch Support & Non-slip Breathable Boots
Men’s Winter Casual Hand Stitching Arch Support & Non-slip Breathable Boots
Men’s Winter Casual Hand Stitching Arch Support & Non-slip Breathable Boots
Men’s Winter Casual Hand Stitching Arch Support & Non-slip Breathable Boots
Men’s Winter Casual Hand Stitching Arch Support & Non-slip Breathable Boots
Men’s Winter Casual Hand Stitching Arch Support & Non-slip Breathable Boots
Men’s Winter Casual Hand Stitching Arch Support & Non-slip Breathable Boots
Men’s Winter Casual Hand Stitching Arch Support & Non-slip Breathable Boots
Men’s Winter Casual Hand Stitching Arch Support & Non-slip Breathable Boots
Men’s Winter Casual Hand Stitching Arch Support & Non-slip Breathable Boots
Men’s Winter Casual Hand Stitching Arch Support & Non-slip Breathable Boots
Men’s Winter Casual Hand Stitching Arch Support & Non-slip Breathable Boots
Men’s Winter Casual Hand Stitching Arch Support & Non-slip Breathable Boots
Men’s Winter Casual Hand Stitching Arch Support & Non-slip Breathable Boots
Men’s Winter Casual Hand Stitching Arch Support & Non-slip Breathable Boots
Men’s Winter Casual Hand Stitching Arch Support & Non-slip Breathable Boots
Men’s Winter Casual Hand Stitching Arch Support & Non-slip Breathable Boots
Men’s Winter Casual Hand Stitching Arch Support & Non-slip Breathable Boots
Men’s Winter Casual Hand Stitching Arch Support & Non-slip Breathable Boots
Men’s Winter Casual Hand Stitching Arch Support & Non-slip Breathable Boots
Men’s Winter Casual Hand Stitching Arch Support & Non-slip Breathable Boots
Men’s Winter Casual Hand Stitching Arch Support & Non-slip Breathable Boots

Men’s Winter Casual Hand Stitching Arch Support & Non-slip Breathable Boots

Customers say this fits true to size
Hassle-free returns. 30-day postage paid returns
Secure payments
Color — Brown-Fleece
Please select a color
Size
Please select a size
Price
£62.99
£29.99
Save  £33.00
Quantity
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);

Guaranteed comfort! Try Burnzay Leather Arch Support & Non-Slip breathable Shoes risk free and see for yourself why Burnzay Leather Arch Support & Non-Slip breathable Shoes is regarded by millions as the most comfortable shoes. Walk comfortably and pain free.

MEN'S CASUAL HAND STITCHING ARCH SUPPORT & NON-SLIP BREATHABLE SHOES

WOULD YOU LIKE TO WALK WITHOUT FOOT AND BACK PAIN?

The feet are our only support when we walk. The shape of our feet and the way we walk have a huge impact on different areas of our bodies. It is, therefore, crucial to take care of our feet by choosing the best footwear to ensure correct posture. Our casual hand stitching leather mens’ sneakers are designed for feet structure of most people specially.

MEN'S CASUAL HAND STITCHING ARCH SUPPORT & NON-SLIP BREATHABLE SHOES

Burnzay Leather Arch Support & Non-Slip breathable Shoes offer the ultimate footwear. Premium orthotic insoles with adjustable arch booster and multiple cushioning layers provide soft, pillow-like support that works wonders to enhance comfort , all the way up your knees, hips and lower back.

MEN'S CASUAL HAND STITCHING ARCH SUPPORT & NON-SLIP BREATHABLE SHOES

The versatile style of the comfort leather shoes makes this pair of shoes perfect for any occasion. A classic silhouette, modernized improvements, and quality material. These trendy shoes are made to last, offering killer colours, designs, and fit.

MEN'S CASUAL HAND STITCHING ARCH SUPPORT & NON-SLIP BREATHABLE SHOES

MEN'S CASUAL HAND STITCHING ARCH SUPPORT & NON-SLIP BREATHABLE SHOES

Smooth, Padded Interior

Protective interior soft, foam-padded interior lining eliminates pressure points and friction against the skin, offering superior comfort and protection.

Stretchable upper helps eliminate pressure on bunions and hammertoes and offers a relaxed, comfortable fit.

MEN'S CASUAL HAND STITCHING ARCH SUPPORT & NON-SLIP BREATHABLE SHOES

MEN'S CASUAL HAND STITCHING ARCH SUPPORT & NON-SLIP BREATHABLE SHOES

By reducing the load on your joints, you can stand comfortably. Ideal for everyone who is on their feet for more than 8 hours.

Excellent stability, ease of walking & perfect fit – lightweight ergonomic soles with a mild rocker design and superior cushioning enhance stability, add the ease of walking, and add spring to your step. Variety of widths along with two fitting spacers offer a perfect fit.

MEN'S CASUAL HAND STITCHING ARCH SUPPORT & NON-SLIP BREATHABLE SHOES

MEN'S CASUAL HAND STITCHING ARCH SUPPORT & NON-SLIP BREATHABLE SHOES

MEN'S CASUAL HAND STITCHING ARCH SUPPORT & NON-SLIP BREATHABLE SHOES

IDEAL FOR ALL SEASONS.

The shoes are easy to put on and take off thanks to their laceless design. This model is light, comfortable and made of breathable, high-quality materials.They are ideal for everyday life.
The shoe has anon-slip rubber sole that offers excellent grip even on rainy days.

MEN'S CASUAL HAND STITCHING ARCH SUPPORT & NON-SLIP BREATHABLE SHOES

MEN'S CASUAL HAND STITCHING ARCH SUPPORT & NON-SLIP BREATHABLE SHOES

MEN'S CASUAL HAND STITCHING ARCH SUPPORT & NON-SLIP BREATHABLE SHOES
MEN'S CASUAL HAND STITCHING ARCH SUPPORT & NON-SLIP BREATHABLE SHOES

FOR ALL STYLES AND OCCASIONS

Thanks to their simple and casual design, you can wear shoes for any occasion. You can choose from three options: black, brown . All options can be easily combined with any outfit.

MEN'S CASUAL HAND STITCHING ARCH SUPPORT & NON-SLIP BREATHABLE SHOES

MEN'S CASUAL HAND STITCHING ARCH SUPPORT & NON-SLIP BREATHABLE SHOES

MEN'S CASUAL HAND STITCHING ARCH SUPPORT & NON-SLIP BREATHABLE SHOES

MEN'S CASUAL HAND STITCHING ARCH SUPPORT & NON-SLIP BREATHABLE SHOES

MEN'S CASUAL HAND STITCHING ARCH SUPPORT & NON-SLIP BREATHABLE SHOES

CHARACTERISTICS

  • Corrects posture.Eliminates pain by aligning the toes in their original position and reducing stress on the joints.
  • Good arch support.Our designs are designed to distribute body weight evenly and ensure a balanced posture.
  • Easy to put on and take off.The elastic design on the sides saves you time when putting on and taking off and can enjoy comfort all day.
  • Breathable and light.Our specialists have selected the ideal materials to ensure all-day comfort.
  • Non-slip.The rubber sole ensures a good grip on the ground and more safety.
  • Wide and comfortable.The Shoe width is 5.5inches.

Comfortable Enough to Wear All Day

The Hand Stitching Leather upper makes the casual slip-on shoes lightweight and breathable. Featuring soft mutispandex/canvas lining, this pair of men’s loafer shoes brings you a barefoot-like wear experience. The EVA sole provides good cushioning, which absorbs shock while you are walking. The Burnzay shoes deck shoes give great support which are suitable for people who need shoes on their feet all day. You can take the shoes as home slippers, work shoes, or travel sneakers.

Superior Durability

A Hand Stitching Leather upper with neat fine stitching for an extraordinarily strong pair of loafers. With a cork surface and mesh fabric-covered EVA insole, these loafers are perfect for long-term wear. In conjunction with the flexible EVA outsole, these pairs of loafers provide great durability.

We work directly with manufacturers all over the world to ensure the best quality of our products. We have Quality Control department which help us to keep our promise!

Price is always competitive.

Awesome Customer Service

Amazing products along with High Quality

Here at Zealbonn™ we believe in the effectiveness of our work and the quality of our products. Therefore we offer a 30-day money-back guarantee on every order.

Bring 100% satisfaction shopping experience to every customer.

Need help with something?
Email us at :support@zealbonn.com

General

When can I expect to receive my shipment?

Our an average delivery time of 7-12 days. If you don't see our delivery time when you place your order and are not willing to wait 7-12days for delivery, please contact us. We will be more than happy to send you a full refund. 
(Only for orders with items not shipped)

How can I cancel my order?

If you need to pick up an order you have placed, please email us your orderer or username, so that we can find your order quickly, you must cancel/change the order within 12 hours after placing the order , we will try our best to meet your needs.

Email address of the store: support@zealbonn.com

Our customer service team will get back to you within 12-24 hours. 

What happens if I forget my password?

If you forget your password you can request a new one to be emailed to you by clicking on the ‘Forgotten Password’ link on the sign in page. If this fails to resolve your problem, please contact our customer services department.

Can I check the order information if there is no registered member when placing an order?

Yes, You can sign up for a new membership using the same email address you used to purchase the order, and the order information will be synchronized.

Delivery

Do you charge for delivery?

We have a fixed shipping rate of £4.99 to all destinations worldwide.Free postage on orders over £ 40.

How can I track my order?

we will provide a shipping tracking to you in your Shipping Confirmation email. You can use the number and track your order on 17track offical net.

How can I change my Shipping Address?

Orders are only allowed to change address before they are shippe.Please contact us via support@zealbonn.com to request for such changes.

Can I deliver to another address, other than my card billing address?

Yes, it is possible, and you should leave the correct address.But please note that once order ship out,it can't be change anymore.

How is my order shipped?

We can ship the order during regular business days, excluding holidays. but if on Saturday or Sunday, it will be shipped the following Monday.

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.