Add more styles to women's shoes with more than one color. Shop the colorful multicolor shoe for women from sandals,heels, pumps to boots, which are always full of art.Available in Full Size(US|3-15)

Multicolor

311 Products
Filter
  • Reset
  • The highest price is 190
    $
    $
  • 0 selected
    Reset
  • 0 selected
    Reset
  • 0 selected
    Reset
  • 0 selected
    Reset
  • 0 selected
    Reset
  • 0 selected
    Reset
  • 0 selected
    Reset
Filter
  • Price
  • Color
  • Heel Height
  • Heel Type
  • Toe Style
  • Platform
  • Occasion
  • Accents
    Price
  • The highest price is 190
    $
    $
    Color
    Heel Height
    Heel Type
    Toe Style
    Platform
    Occasion
    Accents
Multicolor Vintage Color Block Leather Oxford Shoes for Women Nicepairs Multicolor Vintage Color Block Leather Oxford Shoes for Women Nicepairs

Multicolor Vintage Color Block Leather Oxford Shoes for Women

$150.00
Add to cart
Navy & Brown Patchwork Pointed Toe Embroidered Stiletto Cowgirl Boots Nicepairs Navy & Brown Patchwork Pointed Toe Embroidered Stiletto Cowgirl Boots Nicepairs

Navy & Brown Patchwork Pointed Toe Embroidered Stiletto Cowgirl Boots

$154.00
Add to cart
Black & White Pointed Toe Flat Booties Zip Color Block Ankle Boots Nicepairs Black & White Pointed Toe Flat Booties Zip Color Block Ankle Boots Nicepairs

Black & White Pointed Toe Flat Booties Zip Color Block Ankle Boots

$125.00
Add to cart
White Snip Toe Butterfly & Floral Inlay Knee Cowboy Boots for Women Nicepairs White Snip Toe Butterfly & Floral Inlay Knee Cowboy Boots for Women Nicepairs

White Snip Toe Butterfly & Floral Inlay Knee Cowboy Boots for Women

$159.00
Add to cart
Multicolor Kitten Heels Slingback Pumps Shoes with Cartoon Print Nicepairs Multicolor Kitten Heels Slingback Pumps Shoes with Cartoon Print Nicepairs

Multicolor Kitten Heels Slingback Pumps Shoes with Cartoon Print

$112.00
Add to cart
Black & White Colorblock Round Toe Vintage Women's Oxford Shoes Nicepairs Black & White Colorblock Round Toe Vintage Women's Oxford Shoes Nicepairs

Black & White Colorblock Round Toe Vintage Women's Oxford Shoes

$112.00
Add to cart
Lavender & Turquoise Patchwork Fringe Lace-up Oxford Shoes Women Nicepairs Lavender & Turquoise Patchwork Fringe Lace-up Oxford Shoes Women Nicepairs

Lavender & Turquoise Patchwork Fringe Lace-up Oxford Shoes Women

$116.00
Add to cart
Navy & Nude Pointed Toe Kitten Heel Ankle Strap Pumps Nicepairs Navy & Nude Pointed Toe Kitten Heel Ankle Strap Pumps Nicepairs

Navy & Nude Pointed Toe Kitten Heel Ankle Strap Pumps

$106.00
Add to cart
Multicolor Square Toe 4'' Chunky Heel Platform Ankle Strap Sandals Nicepairs Multicolor Square Toe 4'' Chunky Heel Platform Ankle Strap Sandals Nicepairs

Multicolor Square Toe 4'' Chunky Heel Platform Ankle Strap Sandals

$115.00
Add to cart
Multicolor Crystal & Polka Dot Embellished Flats Women's Loafers Nicepairs Multicolor Crystal & Polka Dot Embellished Flats Women's Loafers Nicepairs

Multicolor Crystal & Polka Dot Embellished Flats Women's Loafers

$125.00
Add to cart
Full Black Patent Leatehr Oxford Shoes Low Chunky Minimalist Oxfords Nicepairs Full Black Patent Leatehr Oxford Shoes Low Chunky Minimalist Oxfords Nicepairs

Full Black Patent Leatehr Oxford Shoes Low Chunky Minimalist Oxfords

$120.00
Add to cart
Vintage Brown & Black Snip Toe Floral Embroidered Cowgirl Boots Nicepairs Vintage Brown & Black Snip Toe Floral Embroidered Cowgirl Boots Nicepairs

Vintage Brown & Black Snip Toe Floral Embroidered Cowgirl Boots

$154.00
Add to cart
Women's Leopard Print Pointed Toe Kitten Heel Pumps Office Shoes Nicepairs Women's Leopard Print Pointed Toe Kitten Heel Pumps Office Shoes Nicepairs

Women's Leopard Print Pointed Toe Kitten Heel Pumps Office Shoes

$100.00
Add to cart
Multicolor Pointed Toe Abstract Print Casual Flat Shoes Women Nicepairs Multicolor Pointed Toe Abstract Print Casual Flat Shoes Women Nicepairs

Multicolor Pointed Toe Abstract Print Casual Flat Shoes Women

$128.00
Add to cart
Beige & Tan Ostrich Embossed Embroidered Mid-Calf Cowgirl Boots Nicepairs Beige & Tan Ostrich Embossed Embroidered Mid-Calf Cowgirl Boots Nicepairs

Beige & Tan Ostrich Embossed Embroidered Mid-Calf Cowgirl Boots

$150.00
Add to cart
Tan & Brown Patchwork Almond Toe Chunky Heel Ankle Boots with Lace-Up Nicepairs Tan & Brown Patchwork Almond Toe Chunky Heel Ankle Boots with Lace-Up Nicepairs

Tan & Brown Patchwork Almond Toe Chunky Heel Ankle Boots with Lace-Up

$120.00
Add to cart
Vintage Navy & Ivory Lace-Up Pointed Toe Spool Heel Oxford Shoes Women Nicepairs Vintage Navy & Ivory Lace-Up Pointed Toe Spool Heel Oxford Shoes Women Nicepairs

Vintage Navy & Ivory Lace-Up Pointed Toe Spool Heel Oxford Shoes Women

$112.00
Add to cart
Blue & Beige Snip Toe Chunky Heel Floral Inlay Knee-High Cowgirl Boots Nicepairs Blue & Beige Snip Toe Chunky Heel Floral Inlay Knee-High Cowgirl Boots Nicepairs

Blue & Beige Snip Toe Chunky Heel Floral Inlay Knee-High Cowgirl Boots

$154.00
Add to cart
White & Tan Snip Toe Chunky Heel Cowgirl Boots with Butterfly Inlay Nicepairs White & Tan Snip Toe Chunky Heel Cowgirl Boots with Butterfly Inlay Nicepairs

White & Tan Snip Toe Chunky Heel Cowgirl Boots with Butterfly Inlay

$154.00
Add to cart
Tan & Blue Ostrich Embossed Almond Toe Embroidered Cowgirl Boots Nicepairs Tan & Blue Ostrich Embossed Almond Toe Embroidered Cowgirl Boots Nicepairs

Tan & Blue Ostrich Embossed Almond Toe Embroidered Cowgirl Boots

$154.00
Add to cart
White & Black Pointed Toe Stiletto Heel Pumps Shoes with Rhinestone Nicepairs White & Black Pointed Toe Stiletto Heel Pumps Shoes with Rhinestone Nicepairs

White & Black Pointed Toe Stiletto Heel Pumps Shoes with Rhinestone

$112.00
Add to cart
Pink & Red Velvet Square Toe Spool Heel Mules Shoes with Two Red Bows Nicepairs Pink & Red Velvet Square Toe Spool Heel Mules Shoes with Two Red Bows Nicepairs

Pink & Red Velvet Square Toe Spool Heel Mules Shoes with Two Red Bows

$108.00
Add to cart
Multicolor Metallic Patchwork Pointed Toe Knee-High Cowgirl Boots Nicepairs Multicolor Metallic Patchwork Pointed Toe Knee-High Cowgirl Boots Nicepairs

Multicolor Metallic Patchwork Pointed Toe Knee-High Cowgirl Boots

$154.00
Add to cart
Beige & Brown Ostrich Embossed Snip Toe Chunky Heel Cowgirl Boots Nicepairs Beige & Brown Ostrich Embossed Snip Toe Chunky Heel Cowgirl Boots Nicepairs

Beige & Brown Ostrich Embossed Snip Toe Chunky Heel Cowgirl Boots

$150.00
Add to cart
Brown Open Toe Flat Multicolor Sequin Cross Strap Slide Sandals Nicepairs Brown Open Toe Flat Multicolor Sequin Cross Strap Slide Sandals Nicepairs

Brown Open Toe Flat Multicolor Sequin Cross Strap Slide Sandals

$108.00
Add to cart
Multicolor Patent Leather Snip Toe Stiletto Heel Stripe Mid-Calf Boots Nicepairs Multicolor Patent Leather Snip Toe Stiletto Heel Stripe Mid-Calf Boots Nicepairs

Multicolor Patent Leather Snip Toe Stiletto Heel Stripe Mid-Calf Boots

$125.00
Add to cart
Nude Satin Pointed Toe Stiletto Heel Ankle Strap Platform Pumps Nicepairs Nude Satin Pointed Toe Stiletto Heel Ankle Strap Platform Pumps Nicepairs

Nude Satin Pointed Toe Stiletto Heel Ankle Strap Platform Pumps

$108.00
Add to cart
Colorful Square Toe Lace-Up Ankle Boots Chunky Heel Clear Booties Nicepairs Colorful Square Toe Lace-Up Ankle Boots Chunky Heel Clear Booties Nicepairs

Colorful Square Toe Lace-Up Ankle Boots Chunky Heel Clear Booties

$128.00
Add to cart
Multicolor Closed Toe Abstract Print Ankle Boots with Kitten Heel Nicepairs Multicolor Closed Toe Abstract Print Ankle Boots with Kitten Heel Nicepairs

Multicolor Closed Toe Abstract Print Ankle Boots with Kitten Heel

$125.00
Add to cart
White And Black Flanel Pointed Toe Ankle Boots Chunky Heel Ankle Boots With Bow-knot Nicepairs White And Black Flanel Pointed Toe Ankle Boots Chunky Heel Ankle Boots With Bow-knot Nicepairs

White And Black Flanel Pointed Toe Ankle Boots Chunky Heel Ankle Boots With Bow-knot

$125.00
Add to cart
Blue Color Block Vegan Suede Square Toe Chunky Heel Boots for Women Nicepairs Blue Color Block Vegan Suede Square Toe Chunky Heel Boots for Women Nicepairs

Blue Color Block Vegan Suede Square Toe Chunky Heel Boots for Women

$125.00
Add to cart
Black & Brown Embroidered Patchwork Mid-Calf Cowboy Boots for Women Nicepairs Black & Brown Embroidered Patchwork Mid-Calf Cowboy Boots for Women Nicepairs

Black & Brown Embroidered Patchwork Mid-Calf Cowboy Boots for Women

$154.00
Add to cart
Green Patchwork Cut-Out Lace-Up Round Toe Oxford Shoes Women Nicepairs Green Patchwork Cut-Out Lace-Up Round Toe Oxford Shoes Women Nicepairs

Green Patchwork Cut-Out Lace-Up Round Toe Oxford Shoes Women

$112.00
Add to cart
Black & Grey Cut-Out Lace-Up Round Toe Chunky Heel Oxford Shoes Women Nicepairs Black & Grey Cut-Out Lace-Up Round Toe Chunky Heel Oxford Shoes Women Nicepairs

Black & Grey Cut-Out Lace-Up Round Toe Chunky Heel Oxford Shoes Women

$112.00
Add to cart
Red Pointed Toe Chunky Heeled Ankle Boots with White Tulip Inlay Nicepairs Red Pointed Toe Chunky Heeled Ankle Boots with White Tulip Inlay Nicepairs

Red Pointed Toe Chunky Heeled Ankle Boots with White Tulip Inlay

$150.00
Add to cart
Tan Raven Floral Inlay Pointed Toe Chunky Heel Mid-Calf Cowgirl Boots Nicepairs Tan Raven Floral Inlay Pointed Toe Chunky Heel Mid-Calf Cowgirl Boots Nicepairs

Tan Raven Floral Inlay Pointed Toe Chunky Heel Mid-Calf Cowgirl Boots

$150.00
Add to cart
Black & White Polka Dot Open Toe Stiletto Heel Mules Shoes with Knot Nicepairs Black & White Polka Dot Open Toe Stiletto Heel Mules Shoes with Knot Nicepairs

Black & White Polka Dot Open Toe Stiletto Heel Mules Shoes with Knot

$112.00
Add to cart
Red & Brown Croco Embossed Square Toe Stitching Mid-Calf Cowgirl Boots Nicepairs Red & Brown Croco Embossed Square Toe Stitching Mid-Calf Cowgirl Boots Nicepairs

Red & Brown Croco Embossed Square Toe Stitching Mid-Calf Cowgirl Boots

$154.00
Add to cart
Fuchsia & Pink Metallic Pointed Toe Chunky Heel Cowgirl Boots Nicepairs Fuchsia & Pink Metallic Pointed Toe Chunky Heel Cowgirl Boots Nicepairs

Fuchsia & Pink Metallic Pointed Toe Chunky Heel Cowgirl Boots

$154.00
Add to cart
Women's Classic Python Embossed Pointed Toe Low Heel Slingback Pumps Nicepairs Women's Classic Python Embossed Pointed Toe Low Heel Slingback Pumps Nicepairs

Women's Classic Python Embossed Pointed Toe Low Heel Slingback Pumps

$108.00
Add to cart
Multicolor Metallic Finish Pointed Toe PatchWork Cowgirl Boots Nicepairs Multicolor Metallic Finish Pointed Toe PatchWork Cowgirl Boots Nicepairs

Multicolor Metallic Finish Pointed Toe PatchWork Cowgirl Boots

$154.00
Add to cart
Multicolor Open Toe Chunky Heel Platform Mules for Women Nicepairs Multicolor Open Toe Chunky Heel Platform Mules for Women Nicepairs

Multicolor Open Toe Chunky Heel Platform Mules for Women

$120.00
Add to cart
Multicolor Open Toe 3'' Chunky Heel Ankle Strap Sandals with Bow Nicepairs Multicolor Open Toe 3'' Chunky Heel Ankle Strap Sandals with Bow Nicepairs

Multicolor Open Toe 3'' Chunky Heel Ankle Strap Sandals with Bow

$115.00
Add to cart
Multicolor Rhinestone Closed Toe 4'' Stiletto Heel Ankle Strap Pumps Nicepairs Multicolor Rhinestone Closed Toe 4'' Stiletto Heel Ankle Strap Pumps Nicepairs

Multicolor Rhinestone Closed Toe 4'' Stiletto Heel Ankle Strap Pumps

$120.00
Add to cart
Multicolor Closed Toe 3'' Chunky Heel Lace Up Oxford Shoes Nicepairs Multicolor Closed Toe 3'' Chunky Heel Lace Up Oxford Shoes Nicepairs

Multicolor Closed Toe 3'' Chunky Heel Lace Up Oxford Shoes

$115.00
Add to cart
Red & Beige Closed Toe Cone Heel Lace Up Oxford Shoes for Women Nicepairs Red & Beige Closed Toe Cone Heel Lace Up Oxford Shoes for Women Nicepairs

Red & Beige Closed Toe Cone Heel Lace Up Oxford Shoes for Women

$115.00
Add to cart
Multicolor Faux Suede Peep Toe Stiletto Heel Lace Up Gladiator Sandals Nicepairs

Multicolor Faux Suede Peep Toe Stiletto Heel Lace Up Gladiator Sandals

$114.00
Add to cart
Clear PVC Open Toe 5'' Flared Heel Zebra Print Slip On Sandals Nicepairs Clear PVC Open Toe 5'' Flared Heel Zebra Print Slip On Sandals Nicepairs

Clear PVC Open Toe 5'' Flared Heel Zebra Print Slip On Sandals

$120.00
Add to cart
Sorry, there are no products in this collection.
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 }, 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);