Silver

202 Products
Filter
  • Reset
  • The highest price is 199
    $
    $
  • 0 selected
    Reset
  • 0 selected
    Reset
  • 0 selected
    Reset
  • 0 selected
    Reset
Filter
  • Price
  • Color
  • Platform
  • Heel Type
  • Season
    Price
  • The highest price is 199
    $
    $
    Color
    Platform
    Heel Type
    Season
Square Toe Zip Booties Gorgeous Gem Crystal Chunky Heels Ankle Boots Nicepairs Square Toe Zip Booties Gorgeous Gem Crystal Chunky Heels Ankle Boots Nicepairs

Square Toe Zip Booties Gorgeous Gem Crystal Chunky Heels Ankle Boots

$132.00
Add to cart
Silver Gladiator Heels Mirror  Open Toe Stiletto Heel Sandals Nicepairs Silver Gladiator Heels Mirror  Open Toe Stiletto Heel Sandals Nicepairs

Silver Gladiator Heels Mirror Open Toe Stiletto Heel Sandals

$116.00
Add to cart
Silver Stiletto Heels Hollow Out Knee-high Gladiator Heels Sandals Nicepairs Silver Stiletto Heels Hollow Out Knee-high Gladiator Heels Sandals Nicepairs

Silver Stiletto Heels Hollow Out Knee-high Gladiator Heels Sandals

$105.00
Add to cart
Gold Crystal Square Buckle Slingback Pumps with Kitten Heel Nicepairs Gold Crystal Square Buckle Slingback Pumps with Kitten Heel Nicepairs

Gold Crystal Square Buckle Slingback Pumps with Kitten Heel

$112.00
Add to cart
Silver Hologram Strappy Gladiator Heel Stiletto Heel Sandals Nicepairs Silver Hologram Strappy Gladiator Heel Stiletto Heel Sandals Nicepairs

Silver Hologram Strappy Gladiator Heel Stiletto Heel Sandals

$108.00
Add to cart
Silver Square Toe Pull-On Buckle Mary Jane Flats Nicepairs Silver Square Toe Pull-On Buckle Mary Jane Flats Nicepairs

Silver Square Toe Pull-On Buckle Mary Jane Flats

$100.00
Add to cart
Silver Metallic Round Toe Lace Up Oxford Shoes with Low Chunky Heel Nicepairs

Silver Metallic Round Toe Lace Up Oxford Shoes with Low Chunky Heel

$115.00
Add to cart
Metallic Lavender Chunky Heel Booties Embroidered Cowgirl Boots Nicepairs Metallic Lavender Chunky Heel Booties Embroidered Cowgirl Boots Nicepairs

Metallic Lavender Chunky Heel Booties Embroidered Cowgirl Boots

$150.00
Add to cart
Blue Suede Peep Toe 4'' Chunky High Heel Sandals with Platform Nicepairs Blue Suede Peep Toe 4'' Chunky High Heel Sandals with Platform Nicepairs

Blue Suede Peep Toe 4'' Chunky High Heel Sandals with Platform

$109.00
Add to cart
Silver Glitter Boots Fuchsia Pointed Toe Stiletto Heel Booties Nicepairs Silver Glitter Boots Fuchsia Pointed Toe Stiletto Heel Booties Nicepairs

Silver Glitter Boots Fuchsia Pointed Toe Stiletto Heel Booties

$128.00
Add to cart
Women's Clear Heels Pointed Toe Rhinestone Bow Ankle Strap Pumps Nicepairs Women's Clear Heels Pointed Toe Rhinestone Bow Ankle Strap Pumps Nicepairs

Women's Clear Heels Pointed Toe Rhinestone Bow Ankle Strap Pumps

$120.00
Add to cart
Silver & Black Glitter Closed Rounded Toe Knee High  Boots With Box Heels Nicepairs Silver & Black Glitter Closed Rounded Toe Knee High  Boots With Box Heels Nicepairs

Silver & Black Glitter Closed Rounded Toe Knee High Boots With Box Heels

$136.00
Add to cart
Silver Rhinestone Wide-Calf Knee High Boots with Block Heels Nicepairs Silver Rhinestone Wide-Calf Knee High Boots with Block Heels Nicepairs

Silver Rhinestone Wide-Calf Knee High Boots with Block Heels

$199.00
Add to cart
Silver Metallic Pointy Toe Wide Calf Knee High Boots with Stiletto Heel Nicepairs Silver Metallic Pointy Toe Wide Calf Knee High Boots with Stiletto Heel Nicepairs

Silver Metallic Pointy Toe Wide Calf Knee High Boots with Stiletto Heel

$135.00
Add to cart
Metallic Silver Slingback Shoes Closed Toe Strappy Casual Flats Nicepairs Metallic Silver Slingback Shoes Closed Toe Strappy Casual Flats Nicepairs

Metallic Silver Slingback Shoes Closed Toe Strappy Casual Flats

$115.00
Add to cart
Silver Pointy Toe Clear Heels Slingback Pumps with Rhinestone Platform Nicepairs Silver Pointy Toe Clear Heels Slingback Pumps with Rhinestone Platform Nicepairs

Silver Pointy Toe Clear Heels Slingback Pumps with Rhinestone Platform

$120.00
Add to cart
Silver Pointed Toe Embroidery Cowgirl  Ankle Boots With Chunky Heels Nicepairs Silver Pointed Toe Embroidery Cowgirl  Ankle Boots With Chunky Heels Nicepairs

Silver Pointed Toe Embroidery Cowgirl Ankle Boots With Chunky Heels

$130.00
Add to cart
Stylish Silver Metallic Vegan Leather Crystal Decorative Heel Mary Jane Shoes Nicepairs Stylish Silver Metallic Vegan Leather Crystal Decorative Heel Mary Jane Shoes Nicepairs

Stylish Silver Metallic Vegan Leather Crystal Decorative Heel Mary Jane Shoes

$120.00
Add to cart
Silver Metallic Closed Pointed Toe Slingback Pumps With Stiletto Heels Nicepairs Silver Metallic Closed Pointed Toe Slingback Pumps With Stiletto Heels Nicepairs

Silver Metallic Closed Pointed Toe Slingback Pumps With Stiletto Heels

$110.00
Add to cart
Metallic Silver Slingback Heels Pointed Toe Lace-Up Pumps for Women Nicepairs Metallic Silver Slingback Heels Pointed Toe Lace-Up Pumps for Women Nicepairs

Metallic Silver Slingback Heels Pointed Toe Lace-Up Pumps for Women

$120.00
Add to cart
Silver Glitter Closed Pointed Toe Pearl & Rhinestone Flat Mules Nicepairs Silver Glitter Closed Pointed Toe Pearl & Rhinestone Flat Mules Nicepairs

Silver Glitter Closed Pointed Toe Pearl & Rhinestone Flat Mules

$120.00
Add to cart
Silver Closed Pointed Toe Rhinestone & Crystal Pumps With Kitten Heels Nicepairs Silver Closed Pointed Toe Rhinestone & Crystal Pumps With Kitten Heels Nicepairs

Silver Closed Pointed Toe Rhinestone & Crystal Pumps With Kitten Heels

$120.00
Add to cart
Silver Metallic Opened Square Toe Rhinestone Strappy Lace Up Flat Sandals Nicepairs Silver Metallic Opened Square Toe Rhinestone Strappy Lace Up Flat Sandals Nicepairs

Silver Metallic Opened Square Toe Rhinestone Strappy Lace Up Flat Sandals

$115.00
Add to cart
Silver Opened Toe Glitter Crisscross Flower Sandals With Stiletto Heels Nicepairs Silver Opened Toe Glitter Crisscross Flower Sandals With Stiletto Heels Nicepairs

Silver Opened Toe Glitter Crisscross Flower Sandals With Stiletto Heels

$115.00
Add to cart
Silver & Gold Strappy Sandals Gladiator Heels Stiletto Heel Nicepairs Silver & Gold Strappy Sandals Gladiator Heels Stiletto Heel Nicepairs

Silver & Gold Strappy Sandals Gladiator Heels Stiletto Heel

$113.00
Add to cart
Silver Metallic Block Heel Gladiator Heels Sandals Nicepairs Silver Metallic Block Heel Gladiator Heels Sandals Nicepairs

Silver Metallic Block Heel Gladiator Heels Sandals

$100.00
Add to cart
Glossy Silver Over The Knee Boots Patent Leather Laser Knee Boots Nicepairs Glossy Silver Over The Knee Boots Patent Leather Laser Knee Boots Nicepairs

Glossy Silver Over The Knee Boots Patent Leather Laser Knee Boots

$139.00
Add to cart
Black Patent Leather Punk Mid-Calf Cowboy Boots with Silver Chain Nicepairs Black Patent Leather Punk Mid-Calf Cowboy Boots with Silver Chain Nicepairs

Black Patent Leather Punk Mid-Calf Cowboy Boots with Silver Chain

$150.00
Add to cart
Knee High Cowgirl Boots Black And Silver With Chain Decor Cone Heel Boots Nicepairs Knee High Cowgirl Boots Black And Silver With Chain Decor Cone Heel Boots Nicepairs

Knee High Cowgirl Boots Black And Silver With Chain Decor Cone Heel Boots

$135.00
Add to cart
Women's Silver Stacked Heel Booties Rhinestone Sparkly Cowboy Boots Nicepairs Women's Silver Stacked Heel Booties Rhinestone Sparkly Cowboy Boots Nicepairs

Women's Silver Stacked Heel Booties Rhinestone Sparkly Cowboy Boots

$159.00
Add to cart
Silver Glitter Pointed Toe Comma Heel Knee High Boots Nicepairs Silver Glitter Pointed Toe Comma Heel Knee High Boots Nicepairs

Silver Glitter Pointed Toe Comma Heel Knee High Boots

$180.00
Add to cart
Silver Glitter Sparkling Heels Pointed Toe Bow Rhinestone Pumps Nicepairs Silver Glitter Sparkling Heels Pointed Toe Bow Rhinestone Pumps Nicepairs

Silver Glitter Sparkling Heels Pointed Toe Bow Rhinestone Pumps

$120.00
Add to cart
Silver Mesh Pointed Toe Rhinestone Embellished Stiletto Heeled Pumps For Women   Nicepairs Silver Mesh Pointed Toe Rhinestone Embellished Stiletto Heeled Pumps For Women   Nicepairs

Silver Mesh Pointed Toe Rhinestone Embellished Stiletto Heeled Pumps For Women

$118.00
Add to cart
Metallic Silver Vegan Leather Round Toe Ankle Strappy Stiletto Platform Sandals With Stiletto Heels Nicepairs Metallic Silver Vegan Leather Round Toe Ankle Strappy Stiletto Platform Sandals With Stiletto Heels Nicepairs

Metallic Silver Vegan Leather Round Toe Ankle Strappy Stiletto Platform Sandals With Stiletto Heels

$115.00
Add to cart
Silver Sparkling Heeled Vegan Leather Pearl Embellished Criss-Cross Strappy Sandals Nicepairs Silver Sparkling Heeled Vegan Leather Pearl Embellished Criss-Cross Strappy Sandals Nicepairs

Silver Sparkling Heeled Vegan Leather Pearl Embellished Criss-Cross Strappy Sandals

$115.00
Add to cart
Silver Sparkling Heeled Metallic Vegan Leather Square Toe Ankle Strappy Sandals Nicepairs Silver Sparkling Heeled Metallic Vegan Leather Square Toe Ankle Strappy Sandals Nicepairs

Silver Sparkling Heeled Metallic Vegan Leather Square Toe Ankle Strappy Sandals

$115.00
Add to cart
Silver Vegan Leather Closed Pointed Toe Studded Backless Pumps With Stiletto Heels Nicepairs Silver Vegan Leather Closed Pointed Toe Studded Backless Pumps With Stiletto Heels Nicepairs

Silver Vegan Leather Closed Pointed Toe Studded Backless Pumps With Stiletto Heels

$118.00
Add to cart
Silver Metallic Vegan Leather Opened Pointed Toe Rhinestone Embellished Bow Inlay T-Strappy Sandals With Stiletto Heels Nicepairs Silver Metallic Vegan Leather Opened Pointed Toe Rhinestone Embellished Bow Inlay T-Strappy Sandals With Stiletto Heels Nicepairs

Silver Metallic Vegan Leather Opened Pointed Toe Rhinestone Embellished Bow Inlay T-Strappy Sandals With Stiletto Heels

$120.00
Add to cart
Silver Vegan Leather Opened Square Toe Ankle Strappy Sandals With Stiletto Heels Nicepairs Silver Vegan Leather Opened Square Toe Ankle Strappy Sandals With Stiletto Heels Nicepairs

Silver Vegan Leather Opened Square Toe Ankle Strappy Sandals With Stiletto Heels

$115.00
Add to cart
Silver Pointed Toe heeled pumps with Slingback Strappy Design Nicepairs Silver Pointed Toe heeled pumps with Slingback Strappy Design Nicepairs

Silver Pointed Toe heeled pumps with Slingback Strappy Design

$120.00
Add to cart
Silver Vegan Leather & Mesh Pointed Toe Rhinestone Embellished Criss-cross Strappy Pumps With Stiletto Heels Nicepairs Silver Vegan Leather & Mesh Pointed Toe Rhinestone Embellished Criss-cross Strappy Pumps With Stiletto Heels Nicepairs

Silver Vegan Leather & Mesh Pointed Toe Rhinestone Embellished Criss-cross Strappy Pumps With Stiletto Heels

$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
Silver Vegan Leather Round Toe Cut-Out Buckle Fastening Strappy Flat Shoes  Nicepairs Silver Vegan Leather Round Toe Cut-Out Buckle Fastening Strappy Flat Shoes  Nicepairs

Silver Vegan Leather Round Toe Cut-Out Buckle Fastening Strappy Flat Shoes

$100.00
Add to cart
Metallic Silver Vegan Leather Round Toe Slip-On Ballerina Flats Nicepairs Metallic Silver Vegan Leather Round Toe Slip-On Ballerina Flats Nicepairs

Metallic Silver Vegan Leather Round Toe Slip-On Ballerina Flats

$100.00
Add to cart
Silver Vegan Leather Round Toe Strappy Ballet Flat  Nicepairs Silver Vegan Leather Round Toe Strappy Ballet Flat  Nicepairs

Silver Vegan Leather Round Toe Strappy Ballet Flat

$100.00
Add to cart
Black Glitter Closed Rounded Toe Knee High  Boots With Box Heels Nicepairs Black Glitter Closed Rounded Toe Knee High  Boots With Box Heels Nicepairs

Black Glitter Closed Rounded Toe Knee High Boots With Box Heels

$136.00
Add to cart
Black Faux Suede Mesh Round Toe Bow Inlay Ballet Flats Nicepairs Black Faux Suede Mesh Round Toe Bow Inlay Ballet Flats Nicepairs

Black Faux Suede Mesh Round Toe Bow Inlay Ballet Flats

$100.00
Add to cart
Black Patent Leather Silver Mesh Round Toe Bow Inlay Ballet Flats Nicepairs Black Patent Leather Silver Mesh Round Toe Bow Inlay Ballet Flats Nicepairs

Black Patent Leather Silver Mesh Round Toe Bow Inlay Ballet Flats

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