Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com
Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture  Stunahome.com

Women's Work Shoes Safety Shoes Breathable Anti-smash and Anti-puncture

Fits True to Size
Free Return & Exchange

color - FZ-58 Pink

Please select a color

size

Please select a size

Price

£100.00 £49.89
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);
Upgrade your after-work style by switching to safety trainers. Lightweight and sporty in elegance, the safety trainers effortlessly transform into a stylish casual shoe, ensuring constant comfort on the go. Comfortably paired with jeans and a shirt, the Work Safety Shoes not only enhances your style, but also effortlessly becomes the centre of attention in your leisure time.

STEEL TOE PROTECTION & PUNCTURE PROOF MIDSOLE

Step into a world of safety with our steel toe protection shoes. Designed for the toughest job sites, these safety shoes provide an impenetrable shield for your feet. These work shoes withstand the relentless force of falling objects, making encounters with sharp or pointed objects a worry of the past.
Setting itself apart from the rest, this safety shoe features a revolutionary Kevlar midsole. This cutting-edge feature gives the shoe resistance to punctures and abrasion damage. Combining durability with flexibility, it sets a new standard for protection in the industry. 

BREATHABILITY

This safety shoes prevents sweating by providing air flow on your feet all day long thanks to its special mesh fabric. There is also a sweat-absorbing and breathable lining inside this work shoes. Thanks to these safety trainers that attract attention with their comfort and lightness, your feet will stay dry without sweating all day long.

AUTOMATIC LACE UP SYSTEM

With the special lace tying system, you can now put on your shoes quickly and get ready faster. Say goodbye to concerns about your laces coming undone.

SLIP RESISTANCE

These modern safety shoes feature a special non-slip rubber outsole. The oil-resistant, traction outsole uses micro glass filaments to increase grip on wet or oily surfaces, creating a crampon effect. With improved Anti-Slip and abrasion resistance, these soles provide maximum protection against slips, trips and falls, keeping workers safe.

COMFORTABLE

Feel superior comfort in this safety shoe with special cushioning and arch support. Thanks to the excellent interior design, these work shoes are moulded to the shape of your feet and provide a custom fit. This comfortable safety shoe with a stylish design provides you with a pleasant wearing experience.

FLEXIBLE & LIGHTWEIGHT

These work shoes are manufactured using special, lightweight, soft and durable materials and are also highly flexible. They provide maximum comfort thanks to their soft insole and grippy rubber outsole. Inspired by sporty design, these safety shoes are highly flexible and lightweight. They are also suitable for all kinds of demanding industrial work and all kinds of activities.

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