MID HEELS

1273 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
Ivory Open Toe Cut-Out Buckle Strap Block Heel Sandals with Studded Nicepairs Ivory Open Toe Cut-Out Buckle Strap Block Heel Sandals with Studded Nicepairs

Ivory Open Toe Cut-Out Buckle Strap Block Heel Sandals with Studded

$125.00
Add to cart
Black Snip Toe Python Western Knee-High Boots with Chunky Heels Nicepairs Black Snip Toe Python Western Knee-High Boots with Chunky Heels Nicepairs

Black Snip Toe Python Western Knee-High Boots with Chunky Heels

$154.00
Add to cart
Red Snip Toe Chunky Heel Python Knee-High Cowgirl Boots Nicepairs Red Snip Toe Chunky Heel Python Knee-High Cowgirl Boots Nicepairs

Red Snip Toe Chunky Heel Python Knee-High Cowgirl Boots

$154.00
Add to cart
Pink Pointed Faux Suede Rhinestone Embellished Embroidered Cowgirl Boots    Nicepairs Pink Pointed Faux Suede Rhinestone Embellished Embroidered Cowgirl Boots    Nicepairs

Pink Pointed Faux Suede Rhinestone Embellished Embroidered Cowgirl Boots

$189.00
Add to cart
White Tulle Pointed Toe Pearl Embellished Ankle Strap Wedding Heels Nicepairs White Tulle Pointed Toe Pearl Embellished Ankle Strap Wedding Heels Nicepairs

White Tulle Pointed Toe Pearl Embellished Ankle Strap Wedding Heels

$112.00
Add to cart
Black Pointed Toe Embroidered Wide Calf Knee-high Block Heel Cowgirl Boots Nicepairs Black Pointed Toe Embroidered Wide Calf Knee-high Block Heel Cowgirl Boots Nicepairs

Black Pointed Toe Embroidered Wide Calf Knee-high Block Heel Cowgirl Boots

$154.00
Add to cart
White Pearl Peep Toe Chunky Heel Ankle Strap Pumps for Wedding Nicepairs White Pearl Peep Toe Chunky Heel Ankle Strap Pumps for Wedding Nicepairs

White Pearl Peep Toe Chunky Heel Ankle Strap Pumps for Wedding

$125.00
Add to cart
Black Mesh Pointed Toe Chunky Heel Rhinestone Ankle Boots Nicepairs Black Mesh Pointed Toe Chunky Heel Rhinestone Ankle Boots Nicepairs

Black Mesh Pointed Toe Chunky Heel Rhinestone Ankle Boots

$125.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
Elegant White Snip Toe Embroidered Mid-Calf Cowgirl Boots with Pearls Nicepairs Elegant White Snip Toe Embroidered Mid-Calf Cowgirl Boots with Pearls Nicepairs

Elegant White Snip Toe Embroidered Mid-Calf Cowgirl Boots with Pearls

$154.00
Add to cart
Navy Blue Pointed Toe Block Heel Embroidered Knee-High Cowgirl Boots Nicepairs Navy Blue Pointed Toe Block Heel Embroidered Knee-High Cowgirl Boots Nicepairs

Navy Blue Pointed Toe Block Heel Embroidered Knee-High Cowgirl Boots

$154.00
Add to cart
Black Vegan Leather Red Embroidered Wide Calf Cowgirl Boots for Ladies Nicepairs Black Vegan Leather Red Embroidered Wide Calf Cowgirl Boots for Ladies Nicepairs

Black Vegan Leather Red Embroidered Wide Calf Cowgirl Boots for Ladies

$154.00
Add to cart
Blue Denim Almond Toe Chunky Heel Rhinestone Embellished Cowgirl Boots Nicepairs Blue Denim Almond Toe Chunky Heel Rhinestone Embellished Cowgirl Boots Nicepairs

Blue Denim Almond Toe Chunky Heel Rhinestone Embellished Cowgirl Boots

$159.00
Add to cart
Dark Green Vegan Suede Sewed Knee Lace Up Boots with Block Heels Nicepairs Dark Green Vegan Suede Sewed Knee Lace Up Boots with Block Heels Nicepairs

Dark Green Vegan Suede Sewed Knee Lace Up Boots with Block Heels

$154.00
Add to cart
Green Velvet Pointed Toe Cross Ankle Strap 3'' Block Heel Pumps Nicepairs Green Velvet Pointed Toe Cross Ankle Strap 3'' Block Heel Pumps Nicepairs

Green Velvet Pointed Toe Cross Ankle Strap 3'' Block Heel Pumps

$105.00
Add to cart
Maroon Distressed Round Toe Chunky Heel Buckled Knee High Boots Nicepairs Maroon Distressed Round Toe Chunky Heel Buckled Knee High Boots Nicepairs

Maroon Distressed Round Toe Chunky Heel Buckled Knee High Boots

$150.00
Add to cart
Red Square Toe Studded Platform Mid Calf Boots with Buckle Decor Nicepairs Red Square Toe Studded Platform Mid Calf Boots with Buckle Decor Nicepairs

Red Square Toe Studded Platform Mid Calf Boots with Buckle Decor

$150.00
Add to cart
Brown Snip Toe Chunky Heels Vintage Grommet Buckle Strap Slingbacks Nicepairs Brown Snip Toe Chunky Heels Vintage Grommet Buckle Strap Slingbacks Nicepairs

Brown Snip Toe Chunky Heels Vintage Grommet Buckle Strap Slingbacks

$108.00
Add to cart
Office Slip-On Pointed Toe Chunky Heel Western Mules in Black Nicepairs Office Slip-On Pointed Toe Chunky Heel Western Mules in Black Nicepairs

Office Slip-On Pointed Toe Chunky Heel Western Mules in Black

$112.00
Add to cart
Red & White Plaid Square Toe Flared Heel Ankle Strap Sandals with Bow Nicepairs Red & White Plaid Square Toe Flared Heel Ankle Strap Sandals with Bow Nicepairs

Red & White Plaid Square Toe Flared Heel Ankle Strap Sandals with Bow

$110.00
Add to cart
Olive Round Toe Chunky Heel Embroidered Pull-On Cowgirl Boots Nicepairs Olive Round Toe Chunky Heel Embroidered Pull-On Cowgirl Boots Nicepairs

Olive Round Toe Chunky Heel Embroidered Pull-On Cowgirl Boots

$154.00
Add to cart
Faux Suede Pointed Toe Embroidered Knee-high Cowgirl Boots in Brown Nicepairs Faux Suede Pointed Toe Embroidered Knee-high Cowgirl Boots in Brown Nicepairs

Faux Suede Pointed Toe Embroidered Knee-high Cowgirl Boots in Brown

$154.00
Add to cart
Elegant White Peep Toe  Cone Heel Caged StrappyWedding Sandals Nicepairs Elegant White Peep Toe  Cone Heel Caged StrappyWedding Sandals Nicepairs

Elegant White Peep Toe Cone Heel Caged StrappyWedding Sandals

$105.00
Add to cart
Black & White Pointed Toe 3'' Stiletto Heel Slingbacks with Bow Nicepairs Black & White Pointed Toe 3'' Stiletto Heel Slingbacks with Bow Nicepairs

Black & White Pointed Toe 3'' Stiletto Heel Slingbacks with Bow

$108.00
Add to cart
Metallic Blue Snip Toe Chunky Heel Knee High Cowboy Boots for Women Nicepairs Metallic Blue Snip Toe Chunky Heel Knee High Cowboy Boots for Women Nicepairs

Metallic Blue Snip Toe Chunky Heel Knee High Cowboy Boots for Women

$154.00
Add to cart
Brown Vegan Suede Pointed Toe Kitten Heel Mid Calf Boots with Zipper Nicepairs Brown Vegan Suede Pointed Toe Kitten Heel Mid Calf Boots with Zipper Nicepairs

Brown Vegan Suede Pointed Toe Kitten Heel Mid Calf Boots with Zipper

$120.00
Add to cart
Women's Gold Pointed Toe Pumps Zipper Buckle Strap Chunky Heel Shoes Nicepairs Women's Gold Pointed Toe Pumps Zipper Buckle Strap Chunky Heel Shoes Nicepairs

Women's Gold Pointed Toe Pumps Zipper Buckle Strap Chunky Heel Shoes

$116.00
Add to cart
Matte Purple Vegan Suede Square Toe Studded Mid Calf Cowgirl Boots Nicepairs Matte Purple Vegan Suede Square Toe Studded Mid Calf Cowgirl Boots Nicepairs

Matte Purple Vegan Suede Square Toe Studded Mid Calf Cowgirl Boots

$150.00
Add to cart
Beige Square Toe Block Heel Ruffle Decor Mules for Women Nicepairs Beige Square Toe Block Heel Ruffle Decor Mules for Women Nicepairs

Beige Square Toe Block Heel Ruffle Decor Mules for Women

$100.00
Add to cart
Blue Denim Pointed Toe Stiletto Heel Patchwork Mules Nicepairs Blue Denim Pointed Toe Stiletto Heel Patchwork Mules Nicepairs

Blue Denim Pointed Toe Stiletto Heel Patchwork Mules

$108.00
Add to cart
Black Snip Toe Chunky Heel White Star Inlay Mid-Calf Cowgirl Boots Nicepairs Black Snip Toe Chunky Heel White Star Inlay Mid-Calf Cowgirl Boots Nicepairs

Black Snip Toe Chunky Heel White Star Inlay Mid-Calf Cowgirl Boots

$154.00
Add to cart
Purple Stars Inlay Stitching Round Toe Cowgirl Boots for Women Nicepairs Purple Stars Inlay Stitching Round Toe Cowgirl Boots for Women Nicepairs

Purple Stars Inlay Stitching Round Toe Cowgirl Boots for Women

$154.00
Add to cart
Black Rounded Toe Block Heel Gladiator Sandals with Platform Nicepairs Black Rounded Toe Block Heel Gladiator Sandals with Platform Nicepairs

Black Rounded Toe Block Heel Gladiator Sandals with Platform

$135.00
Add to cart
Red Snip Toe Chunky Heel Mid Calf Embroidered Cowgirl Boots Nicepairs Red Snip Toe Chunky Heel Mid Calf Embroidered Cowgirl Boots Nicepairs

Red Snip Toe Chunky Heel Mid Calf Embroidered Cowgirl Boots

$150.00
Add to cart
Pink Round Toe Block Heel Embroidered Cowgirl Ankle Boots Nicepairs Pink Round Toe Block Heel Embroidered Cowgirl Ankle Boots Nicepairs

Pink Round Toe Block Heel Embroidered Cowgirl Ankle Boots

$132.00
Add to cart
Black Pointed Toe Block Heel Wide Calf Knee-High Cowgirl Boots Nicepairs Black Pointed Toe Block Heel Wide Calf Knee-High Cowgirl Boots Nicepairs

Black Pointed Toe Block Heel Wide Calf Knee-High Cowgirl Boots

$150.00
Add to cart
Ivory Pointed Toe Embroidered Knee-high Block Heel Cowgirl Boots Nicepairs Ivory Pointed Toe Embroidered Knee-high Block Heel Cowgirl Boots Nicepairs

Ivory Pointed Toe Embroidered Knee-high Block Heel Cowgirl Boots

$154.00
Add to cart
Ivory Faux Suede Pointed Toe Kitten Heel Wide Mid-Calf Boots Nicepairs Ivory Faux Suede Pointed Toe Kitten Heel Wide Mid-Calf Boots Nicepairs

Ivory Faux Suede Pointed Toe Kitten Heel Wide Mid-Calf Boots

$154.00
Add to cart
Tan & Brown Embroidered Butterfly and Floral Inlay Cowgirl Boots Nicepairs Tan & Brown Embroidered Butterfly and Floral Inlay Cowgirl Boots Nicepairs

Tan & Brown Embroidered Butterfly and Floral Inlay Cowgirl Boots

$154.00
Add to cart
Red Square Toe Platform Chunky Heel Slingback Shoes with Buckle Nicepairs Red Square Toe Platform Chunky Heel Slingback Shoes with Buckle Nicepairs

Red Square Toe Platform Chunky Heel Slingback Shoes with Buckle

$120.00
Add to cart
White Lace Round Toe Flared Heel Vintage Lace Up Bridal Shoes Nicepairs White Lace Round Toe Flared Heel Vintage Lace Up Bridal Shoes Nicepairs

White Lace Round Toe Flared Heel Vintage Lace Up Bridal Shoes

$108.00
Add to cart
Red Open Toe Stiletto Heel Lace Up Women Sandals with Rose Embellished Nicepairs Red Open Toe Stiletto Heel Lace Up Women Sandals with Rose Embellished Nicepairs

Red Open Toe Stiletto Heel Lace Up Women Sandals with Rose Embellished

$128.00
Add to cart
Red Square Toe Chunky Heel Pull-On Cowgirl Ankle Boots for Women Nicepairs Red Square Toe Chunky Heel Pull-On Cowgirl Ankle Boots for Women Nicepairs

Red Square Toe Chunky Heel Pull-On Cowgirl Ankle Boots for Women

$136.00
Add to cart
Full White Pointed Toe Satin Pumps Elegant Kitten Slingback Pumps Nicepairs Full White Pointed Toe Satin Pumps Elegant Kitten Slingback Pumps Nicepairs

Full White Pointed Toe Satin Pumps Elegant Kitten Slingback Pumps

$100.00
Add to cart
Turquoise Python Embossed Knee-High Cowgirl Boots with Chunky Heel Nicepairs Turquoise Python Embossed Knee-High Cowgirl Boots with Chunky Heel Nicepairs

Turquoise Python Embossed Knee-High Cowgirl Boots with Chunky Heel

$154.00
Add to cart
Green Patent Leather Slip-On Round Toe Pumps Shoes with Spool Heel Nicepairs Green Patent Leather Slip-On Round Toe Pumps Shoes with Spool Heel Nicepairs

Green Patent Leather Slip-On Round Toe Pumps Shoes with Spool Heel

$105.00
Add to cart
Pink Denim Chunky Heel Knee High Fold Over Boots with Rhinestone Nicepairs Pink Denim Chunky Heel Knee High Fold Over Boots with Rhinestone Nicepairs

Pink Denim Chunky Heel Knee High Fold Over Boots with Rhinestone

$159.00
Add to cart
Green Square Toe Zip Gorgeous Gem Crystal Chunky Heel Ankle Boots Nicepairs Green Square Toe Zip Gorgeous Gem Crystal Chunky Heel Ankle Boots Nicepairs

Green Square Toe Zip Gorgeous Gem Crystal Chunky Heel Ankle Boots

$132.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);