Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com
Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes Radinnoo.com

Thick Sole Shoes Women's Sports Shoes Knitted Shoes Round Toe Loafers Flying Woven Shoes

Ultra Airy,Premiun Breathable Knit,and Lightweight
Comfortable with Affordable Price
Cerified Slip Resistant Grip
Fit: True to size
$57.99
$0.00
-$-57.99
Color-Apricot Black
Please select a color
Size
Please select a size
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);

Vintage Loafers: Classic Style with a Timeless Appeal

Vintage loafers offer a sophisticated and refined look that never goes out of style. These shoes exude classic charm with their rich, warm hues, perfect for both formal and casual occasions. Crafted from high-quality leather or suede, vintage loafers provide a durable and polished finish, while their slip-on design ensures convenience and ease of wear. Whether you're dressing up for a business meeting, attending a wedding, or simply looking to elevate your everyday attire, vintage  loafers offer a perfect blend of elegance and comfort.

Why Choose Vintage Loafers?

Vintage loafers are a wardrobe essential for those who appreciate timeless style and functionality. Here’s why they stand out:

  1. Timeless Appeal: Their vintage design adds sophistication and versatility to any outfit.
  2. High-Quality Materials: Made from premium leather or suede, ensuring durability and comfort.
  3. Easy to Wear: The slip-on design makes them convenient, perfect for busy days.
  4. Comfortable Fit: Cushioned insoles and flexible soles provide all-day comfort.
  5. Versatile Style: loafers pair effortlessly with a range of outfits, from formal suits to casual jeans.

Vintage loafers are an investment in both style and comfort, offering a sophisticated, easy-to-wear shoe that works for any occasion.

Discover retro elegance

The  vintage sneaker combines timeless style and optimal comfort. Ideal for a retro touch to your daily wardrobe.

  • Ultimate comfort: Ergonomic insoles for perfect support.
  • Timeless style: Vintage design that goes with any outfit.
  • Durability: High quality materials for a long life.

 

Retro Shoes 

Discover our vintage sneakers, combining style and comfort. Their unique design revives memories of years gone by, while providing optimal support for your feet.

An Authentic and Intem Look

Who are our vintage sneakers for? Discover Comfortable Retro Style For Fashion Enthusiasts

For you, fans of retro fashion looking for a unique and authentic style.

For you who want to combine comfort and elegance on a daily basis.

For you who appreciate durable shoes and superior quality.

Our vintage  sneakers are designed to offer a timeless look and optimal support with every step.

Vintage Sneakers: Combine Retro Style and Modern Comfort

✔️ Unparalleled comfort : Enjoy optimal support with our integrated orthopedic insoles, for lasting comfort.

✔️ An irresistible retro style: Adopt an authentic look thanks to our careful design and quality materials.

✔️Guaranteed Durability: Invest in sturdy sneakers that stand the test of time, while remaining stylish.

SIZE CHART:

US Foot Length | cm Foot Length | inches EU
5 22 8.66 34
5.5 22.5 8.86 35
6 23 9.06 36
6.5 23.5 9.25 37
7 24 9.45 38
7.5 24.5 9.65 39
8 25 9.84 40
8.5 25.5 10.04 41
9 26 10.23 42
9.5 26.5 10.43 43
10 27 10.63 44
10.5 27.5 10.83 45
11 28 11.02 46
11.5 28.5 11.22 47
12 29 11.42 48
1. Please select a suitable size base on your foot length;
2. Once you know your foot length, consult the Size Chart to determine which size you should purchase. Some tags' UK/US size number may be different from our size chart's UK/US size number, please take our size chart as the standard reference.

FAQs

What are orthopedic shoes?

Orthopedic shoes are shoes designed to provide maximum support to the foot and ankle. They benefit people with foot pain and a range of conditions that make walking or exercising in regular shoes difficult and uncomfortable.

What are the benefits of orthopedic shoes?

Having supportive shoes can help reduce foot pain, increase blood flow, improve posture, and reduce the risk of injury. Additionally, wearing orthopedic shoes can prevent future foot problems.

Will orthotics solve my foot problems?

While orthopedic shoes do help provide comfort for people with foot pain and certain foot conditions, they are not a substitute for the proper medical care needed. If you feel you need medical help for foot pain or have concerns, advise or visit your local GP.

Can anyone wear orthopedic shoes?

Some people rely more on orthotics to help relieve discomfort and improve quality of life, but that doesn’t mean they aren’t right for everyone! Orthopedic shoes can also be used as a preventative measure to prevent foot problems as we age.

Every new pair of shoes gives me blisters. Will that happen with Radinnoo?

We understand why you’re worried about blisters. We are committed to providing your body with a solid foundation. Inspired by our customers' wearing experience in various foot conditions, our experts use designs that best fit the human foot in the production of each pair of shoes to adapt to different daily activities. Plus, our insoles are super comfortable and provide extra comfort and support.
Radinnoo.com

Why Radinnoo?

Our mission is to introduce and deliver the easiest and most effective way to live a healthy lifestyle. Personal care solutions to inspire and empower every individual living their healthiest lives, every day. Having a ancle ache should not get in the way of your happy everyday life. A pain free life unlocks the whole you. The better you. The you that’s balanced. Aspiring. Happy. Don´t let foot pain ruin your day. Our focus is giving you the energy to create your best life.

  • 30-Days Wear Test

    100% Satisfaction Guaranteed

  • Secure payment

    100% Securety Payments

  • Support Refund

    Hassle-Free Process.30-Days Money Back Guarantee

  • Support is here for you

    Any questions? Our team will be happy to help you at support@radinnoo.com

Tips: We "do not charge additional tariffs"!

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