Kitten heels are fashion-forward individuals. Nicepairs Kitten Heels including pumps, sandals, and mules. With a heel height of 1.5 to 3 inches.

Elegant heels

221 Products
Filter
  • Reset
  • The highest price is 179
    $
    $
  • 0 selected
    Reset
  • 0 selected
    Reset
  • 0 selected
    Reset
  • 0 selected
    Reset
  • 0 selected
    Reset
Filter
  • Price
  • Color
  • Pattern
  • Platform
  • Heel Type
  • Season
    Price
  • The highest price is 179
    $
    $
    Color
    Pattern
    Platform
    Heel Type
    Season
Black Suede Almond Toe Low Kitten Heel Pumps Nicepairs Black Suede Almond Toe Low Kitten Heel Pumps Nicepairs

Black Suede Almond Toe Low Kitten Heel Pumps

$106.00
Add to cart
Mustard Velvet Floral Inlay Ankle Strappy Sandals With Kitten Heels Nicepairs Mustard Velvet Floral Inlay Ankle Strappy Sandals With Kitten Heels Nicepairs

Mustard Velvet Floral Inlay Ankle Strappy Sandals With Kitten Heels

$115.00
Add to cart
Black Patent Leather Pointed Toe Ruched Ruffle Pumps With Kitten Heels Nicepairs Black Patent Leather Pointed Toe Ruched Ruffle Pumps With Kitten Heels Nicepairs

Black Patent Leather Pointed Toe Ruched Ruffle Pumps With Kitten Heels

$100.00
Add to cart
Black Satin Pointed Toe Ruched Ruffle Pumps With Kitten Heels Nicepairs Black Satin Pointed Toe Ruched Ruffle Pumps With Kitten Heels Nicepairs

Black Satin Pointed Toe Ruched Ruffle Pumps With Kitten Heels

$100.00
Add to cart
Purple Vegan Leather Floral Inlay Lace Up Kitten Heeled Sandals  Nicepairs Purple Vegan Leather Floral Inlay Lace Up Kitten Heeled Sandals  Nicepairs

Purple Vegan Leather Floral Inlay Lace Up Kitten Heeled Sandals

$100.00
Add to cart
Pink Textile Rose Inlay Lace-Up Kitten Heeled Sandals For Women Nicepairs Pink Textile Rose Inlay Lace-Up Kitten Heeled Sandals For Women Nicepairs

Pink Textile Rose Inlay Lace-Up Kitten Heeled Sandals For Women

$115.00
Add to cart
Black Vegan Leather Red Bow Inlay Lace Up Kitten Heeled Sandals Nicepairs Black Vegan Leather Red Bow Inlay Lace Up Kitten Heeled Sandals Nicepairs

Black Vegan Leather Red Bow Inlay Lace Up Kitten Heeled Sandals

$105.00
Add to cart
 Blue Satin Square Toe Buckled Slingback Sandals With Kitten Heel Nicepairs  Blue Satin Square Toe Buckled Slingback Sandals With Kitten Heel Nicepairs

Blue Satin Square Toe Buckled Slingback Sandals With Kitten Heel

$100.00
Add to cart
Ivory Vegan Leather Buckled T-Strappy Peep Toe Pumps With Kitten Heel Nicepairs Ivory Vegan Leather Buckled T-Strappy Peep Toe Pumps With Kitten Heel Nicepairs

Ivory Vegan Leather Buckled T-Strappy Peep Toe Pumps With Kitten Heel

$115.00
Add to cart
Silver Mesh Vegan Leather Lining Pointed Toe Rhinestone Embellished Slingback Pumps Kitten Heels Nicepairs Silver Mesh Vegan Leather Lining Pointed Toe Rhinestone Embellished Slingback Pumps Kitten Heels Nicepairs

Silver Mesh Vegan Leather Lining Pointed Toe Rhinestone Embellished Slingback Pumps Kitten Heels

$115.00
Add to cart
Ivory Satin Rose Inlay Lace Up Kitten Heeled Sandals For Women Nicepairs Ivory Satin Rose Inlay Lace Up Kitten Heeled Sandals For Women Nicepairs

Ivory Satin Rose Inlay Lace Up Kitten Heeled Sandals For Women

$115.00
Add to cart
Elegant Red Vegan Leather Rose Inlay Lace Up Sandals With Kitten Heels Nicepairs Elegant Red Vegan Leather Rose Inlay Lace Up Sandals With Kitten Heels Nicepairs

Elegant Red Vegan Leather Rose Inlay Lace Up Sandals With Kitten Heels

$115.00
Add to cart
Black Vegan Leather Snip Toe Criss-Cross Strappy Pumps With Kitten Heels Nicepairs Black Vegan Leather Snip Toe Criss-Cross Strappy Pumps With Kitten Heels Nicepairs

Black Vegan Leather Snip Toe Criss-Cross Strappy Pumps With Kitten Heels

$100.00
Add to cart
Beige Vegan Leather Opened Pointed Toe Mesh Flared Ankle Band Sandals With Kitten Heels Nicepairs Beige Vegan Leather Opened Pointed Toe Mesh Flared Ankle Band Sandals With Kitten Heels Nicepairs

Beige Vegan Leather Opened Pointed Toe Mesh Flared Ankle Band Sandals With Kitten Heels

$115.00
Add to cart
Beige Vegan Leather Opened Pointed Toe Buckle Fastening Ankle Strappy Sandals With Kitten Heels Nicepairs Beige Vegan Leather Opened Pointed Toe Buckle Fastening Ankle Strappy Sandals With Kitten Heels Nicepairs

Beige Vegan Leather Opened Pointed Toe Buckle Fastening Ankle Strappy Sandals With Kitten Heels

$115.00
Add to cart
Women's Ivory Lace Floral Bridal Shoes Ankle Strap Kitten Heel Pumps Nicepairs Women's Ivory Lace Floral Bridal Shoes Ankle Strap Kitten Heel Pumps Nicepairs

Women's Ivory Lace Floral Bridal Shoes Ankle Strap Kitten Heel Pumps

$118.00
Add to cart
Ivory Mesh Rhinestone Embellished floral Inlay Criss-Cross Lace-Up Pointed Toe Pumps With Kitten Heel Nicepairs Ivory Mesh Rhinestone Embellished floral Inlay Criss-Cross Lace-Up Pointed Toe Pumps With Kitten Heel Nicepairs

Ivory Mesh Rhinestone Embellished floral Inlay Criss-Cross Lace-Up Pointed Toe Pumps With Kitten Heel

$118.00
Add to cart
Ivory Satin Pointed Toe Pearl Decorated Buckle Fastening Ankle Strappy Pumps With Kitten Heel Nicepairs Ivory Satin Pointed Toe Pearl Decorated Buckle Fastening Ankle Strappy Pumps With Kitten Heel Nicepairs

Ivory Satin Pointed Toe Pearl Decorated Buckle Fastening Ankle Strappy Pumps With Kitten Heel

$115.00
Add to cart
Red Patent Leather Pointed Toe Buckle Fastening Slingback Pumps With Kitten Heels Nicepairs Red Patent Leather Pointed Toe Buckle Fastening Slingback Pumps With Kitten Heels Nicepairs

Red Patent Leather Pointed Toe Buckle Fastening Slingback Pumps With Kitten Heels

$120.00
Add to cart
Black Vegan Leather Pointed Toe Buckle Fastening Slingback Pumps With Kitten Heels Nicepairs Black Vegan Leather Pointed Toe Buckle Fastening Slingback Pumps With Kitten Heels Nicepairs

Black Vegan Leather Pointed Toe Buckle Fastening Slingback Pumps With Kitten Heels

$100.00
Add to cart
Vegan Leather Snip Toe Kitten Heeled Formal Mules In Beige Nicepairs Vegan Leather Snip Toe Kitten Heeled Formal Mules In Beige Nicepairs

Vegan Leather Snip Toe Kitten Heeled Formal Mules In Beige

$100.00
Add to cart
Mustard-Colored Faux Suede Opened Square Toe Wide-Band Mules With Kitten Heels Nicepairs Mustard-Colored Faux Suede Opened Square Toe Wide-Band Mules With Kitten Heels Nicepairs

Mustard-Colored Faux Suede Opened Square Toe Wide-Band Mules With Kitten Heels

$120.00
Add to cart
Pink Satin Pointed Toe Rhinestone Embellished Elegant Pumps With Kitten Heels Nicepairs Pink Satin Pointed Toe Rhinestone Embellished Elegant Pumps With Kitten Heels Nicepairs

Pink Satin Pointed Toe Rhinestone Embellished Elegant Pumps With Kitten Heels

$100.00
Add to cart
Pink Satin Knot Inlay Lace Up Sandals With Kitten Heels Nicepairs Pink Satin Knot Inlay Lace Up Sandals With Kitten Heels Nicepairs

Pink Satin Knot Inlay Lace Up Sandals With Kitten Heels

$115.00
Add to cart
Gray Python Vegan Leather Sophisticated Pointed Toe Slip-On Kitten Heel Mules Nicepairs Gray Python Vegan Leather Sophisticated Pointed Toe Slip-On Kitten Heel Mules Nicepairs

Gray Python Vegan Leather Sophisticated Pointed Toe Slip-On Kitten Heel Mules

$100.00
Add to cart
Black Faux Suede Sophisticated Pointed Toe Slip-On Kitten Heel Mules  Nicepairs Black Faux Suede Sophisticated Pointed Toe Slip-On Kitten Heel Mules  Nicepairs

Black Faux Suede Sophisticated Pointed Toe Slip-On Kitten Heel Mules

$100.00
Add to cart
Pink Satin Pointed Toe Rhinestone Embellished Buckle Slingback Kitten Heels Nicepairs Pink Satin Pointed Toe Rhinestone Embellished Buckle Slingback Kitten Heels Nicepairs

Pink Satin Pointed Toe Rhinestone Embellished Buckle Slingback Kitten Heels

$100.00
Add to cart
Green Satin Opened Square Toe Bow Inlay Mules With Kitten Heels Nicepairs Green Satin Opened Square Toe Bow Inlay Mules With Kitten Heels Nicepairs

Green Satin Opened Square Toe Bow Inlay Mules With Kitten Heels

$118.00
Add to cart
Beige Faux Suede Pointed Toe Lace Up Pumps With Kitten Heels Nicepairs Beige Faux Suede Pointed Toe Lace Up Pumps With Kitten Heels Nicepairs

Beige Faux Suede Pointed Toe Lace Up Pumps With Kitten Heels

$100.00
Add to cart
Black & Beige Faux Suede Closed Pointed Toe Buckled Strappy Kitten Heel Mules  Nicepairs Black & Beige Faux Suede Closed Pointed Toe Buckled Strappy Kitten Heel Mules  Nicepairs

Black & Beige Faux Suede Closed Pointed Toe Buckled Strappy Kitten Heel Mules

$120.00
Add to cart
Black & Blue Denim Closed Pointed Toe Buckled Strappy Kitten Heel Mules  Nicepairs Black & Blue Denim Closed Pointed Toe Buckled Strappy Kitten Heel Mules  Nicepairs

Black & Blue Denim Closed Pointed Toe Buckled Strappy Kitten Heel Mules

$120.00
Add to cart
Ivory Clear & Vegan Leather Pointed Toe Buckled Slingback Pumps With Kitten Heels Nicepairs Ivory Clear & Vegan Leather Pointed Toe Buckled Slingback Pumps With Kitten Heels Nicepairs

Ivory Clear & Vegan Leather Pointed Toe Buckled Slingback Pumps With Kitten Heels

$100.00
Add to cart
Pink Clear & Vegan Leather Pointed Toe Buckled Slingback Pumps With Kitten Heels Nicepairs Pink Clear & Vegan Leather Pointed Toe Buckled Slingback Pumps With Kitten Heels Nicepairs

Pink Clear & Vegan Leather Pointed Toe Buckled Slingback Pumps With Kitten Heels

$100.00
Add to cart
Black Mesh Pointed Toe Rhinestone Embellished Slingback Pumps With Kitten Heels Nicepairs Black Mesh Pointed Toe Rhinestone Embellished Slingback Pumps With Kitten Heels Nicepairs

Black Mesh Pointed Toe Rhinestone Embellished Slingback Pumps With Kitten Heels

$100.00
Add to cart
Black Satin Square Toe Bow Inlay Kitten Heel Mules for Women Nicepairs Black Satin Square Toe Bow Inlay Kitten Heel Mules for Women Nicepairs

Black Satin Square Toe Bow Inlay Kitten Heel Mules for Women

$100.00
Add to cart
Black Vegan Leather Pointed Toe Slingback Pumps With Kitten Heels Nicepairs Black Vegan Leather Pointed Toe Slingback Pumps With Kitten Heels Nicepairs

Black Vegan Leather Pointed Toe Slingback Pumps With Kitten Heels

$100.00
Add to cart
Black Vegan Leather Pointed Toe Slingback Pumps with Kitten Heels Nicepairs Black Vegan Leather Pointed Toe Slingback Pumps with Kitten Heels Nicepairs

Black Vegan Leather Pointed Toe Slingback Pumps with Kitten Heels

$100.00
Add to cart
Black Patent Leather Pointed Toe Slingback Pumps With Kitten Heel Nicepairs Black Patent Leather Pointed Toe Slingback Pumps With Kitten Heel Nicepairs

Black Patent Leather Pointed Toe Slingback Pumps With Kitten Heel

$100.00
Add to cart
Ivory Satin Pointed Toe Pearl Rhinestone Embellished Pumps With Kitten Heel Nicepairs Ivory Satin Pointed Toe Pearl Rhinestone Embellished Pumps With Kitten Heel Nicepairs

Ivory Satin Pointed Toe Pearl Rhinestone Embellished Pumps With Kitten Heel

$115.00
Add to cart
Ivory Satin Pointed Toe Rhinestone Embellished Pumps With Kitten Heel Nicepairs Ivory Satin Pointed Toe Rhinestone Embellished Pumps With Kitten Heel Nicepairs

Ivory Satin Pointed Toe Rhinestone Embellished Pumps With Kitten Heel

$115.00
Add to cart
Red Patent Leather Pointed Slingback Pumps With Kitten Heel Nicepairs Red Patent Leather Pointed Slingback Pumps With Kitten Heel Nicepairs

Red Patent Leather Pointed Slingback Pumps With Kitten Heel

$115.00
Add to cart
Nude Patent Leather Pointed Slingback Pumps With Kitten Heel Nicepairs Nude Patent Leather Pointed Slingback Pumps With Kitten Heel Nicepairs

Nude Patent Leather Pointed Slingback Pumps With Kitten Heel

$115.00
Add to cart
Sky Blue Satin Pointed Toe T-Strappy Rhinestone Embellished Pumps With Kitten Heel Nicepairs Sky Blue Satin Pointed Toe T-Strappy Rhinestone Embellished Pumps With Kitten Heel Nicepairs

Sky Blue Satin Pointed Toe T-Strappy Rhinestone Embellished Pumps With Kitten Heel

$115.00
Add to cart
Silver Metallic Vegan Leather Closed Pointed Toe Studded Mules With Kitten Heel Nicepairs Silver Metallic Vegan Leather Closed Pointed Toe Studded Mules With Kitten Heel Nicepairs

Silver Metallic Vegan Leather Closed Pointed Toe Studded Mules With Kitten Heel

$118.00
Add to cart
Purple Satin Square Toe Bow Inlay Slingback Sandals With Kitten Heel Nicepairs Purple Satin Square Toe Bow Inlay Slingback Sandals With Kitten Heel Nicepairs

Purple Satin Square Toe Bow Inlay Slingback Sandals With Kitten Heel

$100.00
Add to cart
Sky Blue Satin Square Toe Bow Inlay Slingback Sandals With Kitten Heel Nicepairs Sky Blue Satin Square Toe Bow Inlay Slingback Sandals With Kitten Heel Nicepairs

Sky Blue Satin Square Toe Bow Inlay Slingback Sandals With Kitten Heel

$100.00
Add to cart
Indigo Faux Suede Upper Vegan Leather Insole Opened Toe Floral Inlay Ankle Strappy Sandals With Kitten Heels Nicepairs Indigo Faux Suede Upper Vegan Leather Insole Opened Toe Floral Inlay Ankle Strappy Sandals With Kitten Heels Nicepairs

Indigo Faux Suede Upper Vegan Leather Insole Opened Toe Floral Inlay Ankle Strappy Sandals With Kitten Heels

$115.00
Add to cart
Turquoise Square Toe Floral Ankle Strap Sandals with Kitten Heels Nicepairs Turquoise Square Toe Floral Ankle Strap Sandals with Kitten Heels Nicepairs

Turquoise Square Toe Floral Ankle Strap Sandals with Kitten Heels

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