White Tops

1832 Products
Filter
  • Reset
  • The highest price is 62.48
    $
    $
  • 0 selected
    Reset
  • 0 selected
    Reset
Filter
  • Price
  • color
  • size
    Price
  • The highest price is 62.48
    $
    $
    color
    size
Clear all
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women's V-neck Half Sleeve Tops

$25.17
+1
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women's V-neck Half Sleeve Short Sleeve Tops

$24.62
+3
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women Long Sleeve V-neck Solid Lace Tops

$20.99   $27.99
+7
Save 25% Save 25%
Women Half Sleeve V-neck Solid Color Dress

Women Short Sleeve Shirt Collar Floral Printed Animal Print Button Top Shirts

$25.93
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women Short Sleeve V-neck Striped Printed Graphic Lace Hollow Stitching Button Tops

$20.99   $28.99 Save 28% Save 28%
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women's Long Sleeve V-neck Sweater Top

$34.99
+5
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women's V-neck Long Sleeve Sweater Coat Top

$37.06
+1
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women Long Sleeve Scoop Neck Polka Dot Pockets Tops

$20.99   $26.99 Save 22% Save 22%
Women Half Sleeve V-neck Solid Color Dress

Women Half Sleeve V-neck Floral Printed Top

$32.67
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women Short Sleeve Cold Shoulder Scoop Neck Printed Loose Top

$29.94
+3
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women's V-neck 3/4 Sleeve Knit Shawl Fringed Hem Striped Stitching Cardigan Sweater Top

$44.99
+2
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women's Sleeveless V-neck Lace Stitching Graphic Top

$30.99   $33.99
Save 9% Save 9%
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women 3/4 Sleeve V-neck Striped Star Printed Graphic Lace Button Tops

$32.99
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women's Short Sleeve V-neck Lace Stitching Hollow Graphic Top

$20.99   $28.99
Save 28% Save 28%
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women's V-neck Sleevelesss Printed Tops

$27.84
+6
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women Short Sleeve Scoop Neck Floral Printed Graphic Top

$34.39
Women Half Sleeve V-neck Solid Color Dress

Women's V-neck Long Sleeve 3/4 Sleeve Printed Tops

$27.00
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women Short Sleeve Scoop Neck Graphic Printed Top

$35.63
+3
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women Casual Short Sleeve Scoop Neck Floral Printed Tops

$31.23
+2
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women Casual Short Sleeve Scoop Neck Floral Printed Tops

$31.23
+3
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women Long Sleeve Scoop Neck Floral Printed Graphic Top

$25.85
+2
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women's Scoop Neck Long Sleeve Striped Sweater Top

$35.04
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women Long Sleeve V-neck Colorblock Top

$36.65
+4
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women Long Sleeve V-neck Top

$23.72
+4
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women Short Sleeve V-neck Floral Printed Tops

$23.89
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women Half Sleeve V-neck Solid Color Tops

$31.70
+3
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women's Round Neck Long Sleeve Solid Color High Collar Versatile Top Casual Trousers Suit

$60.21
+1
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women's V-Neck Long-Sleeved Gold-Stamped Top And Trousers Set

$50.09
+5
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women's Long Sleeve Shirt Collar Loose Casual Sequined Suit Jacket Tube Top And Wide-leg Pants Three-piece Set

$62.48
+4
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women's Long Sleeve V-neck Graphic Christmas Tops

$30.99
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women Long Sleeve Shirt Collar Snowflake Printed Graphic Colorblock Button Tops

$30.99
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women Long Sleeve Shirt Collar Snowflake Printed Graphic Colorblock Button Tops

$30.99
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women Long Sleeve Shirt Collar Snowflake Printed Graphic Colorblock Button Tops

$30.99
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women Long Sleeve Shirt Collar Snowflake Printed Graphic Colorblock Button Tops

$30.99
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women's Long Sleeve V-neck Graphic Tops

$30.99
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women Long Sleeve One Shoulder Sequins Rhinestone Tops

$32.85
+3
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women Short Sleeve V-neck Sequins Buttons Tops

$30.15
+2
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women Long Sleeve Scoop Neck Sequins Bow Tops

$40.40
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women's Long Sleeve Hooded Graphic Pockets Tops

$30.99
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women Long Sleeve Shirt Collar Solid Button Tops

$30.99
+3
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women's Long Sleeve V-neck Solid Color Buttons Tops

$28.99
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women Long Sleeve Scoop Neck Solid Color Casual Top

$32.66
+5
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women 3/4 Sleeve V-neck Solid Color Buttons Casual Tops

$27.92
+2
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women Long Sleeve V-neck Solid Color Stitching Temperament Top

$32.17
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women Long Sleeve Lapel Denim Buttons Jacket Tops

$53.77
+7
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women 3/4 Sleeve Scoop Neck Solid Color Loose Casual Irregular Tops

$27.01
+3
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women Long Sleeve V-neck Sequins Stitching Tops

$23.44
+7
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women's V-Neck Long-Sleeved Design Fashionable Shirt Long Top

$49.15
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women's Round Neck Long Sleeve Loose Top Wide Leg Pants Two-Piece Set

$56.53
+3
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women Long Sleeve Scoop Neck Striped Colorblock Printed Graphic Zipper Sweatshirts Tops

$32.99
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women Geometric,Elegant,Red,White DZBX1186 V Neck Layered Ruffle Sleeve Tops 3/4 Length Sleeve Regular Tops

$29.99
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women Floral,Blue,White DZBX1185 V Neck Layered Ruffle Sleeve Tops 3/4 Length Sleeve Regular Tops

$29.99
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women Geometric, Graceful, Black, White DZBX1172 V Neck Layered Ruffle Sleeve Tops 3/4 Length Sleeve Regular Tops

$29.99
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women Abstract,Black,White DZBX1176 V Neck Layered Ruffle Sleeve Tops 3/4 Length Sleeve Regular Tops

$29.99
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women Abstract, Black, White DZBX1159 V Neck Layered Ruffle Sleeve Tops 3/4 Length Sleeve Regular Tops

$29.99
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women Floral, Blue, White DZBX1167 V Neck Layered Ruffle Sleeve Tops 3/4 Length Sleeve Regular Tops

$29.99
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women Floral, Blue, White DZBX1168 V Neck Layered Ruffle Sleeve Tops 3/4 Length Sleeve Regular Tops

$29.99
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women Floral, Blue, White DZBX1141 V Neck Layered Ruffle Sleeve Tops 3/4 Length Sleeve Regular Tops

$29.99
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women Plant, Black, White DZBX1139 V Neck Layered Ruffle Sleeve Tops 3/4 Length Sleeve Regular Tops

$29.99
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women Floral,Blue,White DZBX1117 V Neck Layered Ruffle Sleeve Tops 3/4 Length Sleeve Regular Tops

$29.99
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women Floral,Blue,White DZBX1102 V Neck Layered Ruffle Sleeve Tops 3/4 Length Sleeve Regular Tops

$29.99
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women Floral,Black,White,Red DZBX1086 V Neck Layered Ruffle Sleeve Tops 3/4 Length Sleeve Regular Tops

$29.99
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women Color,White,Red,Floral DZBX1074 V Neck Layered Ruffle Sleeve Tops 3/4 Length Sleeve Regular Tops

$29.99
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women Blue,Floral,White DZBX1067 V Neck Layered Ruffle Sleeve Tops 3/4 Length Sleeve Regular Tops

$29.99
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women Floral, Blue, White DZBX1047 V Neck Layered Ruffle Sleeve Tops 3/4 Length Sleeve Regular Tops

$29.99
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women Floral, Black, White, Red DZBX1036 V Neck Layered Ruffle Sleeve Tops 3/4 Length Sleeve Regular Tops

$29.99
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women Floral,Blue,White DZBX1008 V Neck Layered Ruffle Sleeve Tops 3/4 Length Sleeve Regular Tops

$29.99
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women Polka Dots,Blue,White DZBX0973 V Neck Layered Ruffle Sleeve Tops 3/4 Length Sleeve Regular Tops

$29.99
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women Floral,Red,White DZBX0978 V Neck Layered Ruffle Sleeve Tops 3/4 Length Sleeve Regular Tops

$29.99
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women Floral, Blue, White DZBX0959 V Neck Layered Ruffle Sleeve Tops 3/4 Length Sleeve Regular Tops

$29.99
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women Floral ,Red,White DZBX0969 V Neck Layered Ruffle Sleeve Tops 3/4 Length Sleeve Regular Tops

$29.99
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women Floral, Blue, White DZBX0960 V Neck Layered Ruffle Sleeve Tops 3/4 Length Sleeve Regular Tops

$29.99
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women Textured, Blue, White DZBX0954 V Neck Layered Ruffle Sleeve Tops 3/4 Length Sleeve Regular Tops

$29.99
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women Striped, Black, White DZBX0943 V Neck Layered Ruffle Sleeve Tops 3/4 Length Sleeve Regular Tops

$29.99
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women Floral, White, Black DZBX0936 V Neck Layered Ruffle Sleeve Tops 3/4 Length Sleeve Regular Tops

$29.99
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women Floral, Blue, White DZBX0934 V Neck Layered Ruffle Sleeve Tops 3/4 Length Sleeve Regular Tops

$29.99
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women Striped, Pink, Silver, White DZBX0929 V Neck Layered Ruffle Sleeve Tops 3/4 Length Sleeve Regular Tops

$29.99
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women Retro, Dark Green, White DZBX0935 V Neck Layered Ruffle Sleeve Tops 3/4 Length Sleeve Regular Tops

$29.99
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women Floral, Green, White DZBX0917 V Neck Layered Ruffle Sleeve Tops 3/4 Length Sleeve Regular Tops

$29.99
Women Half Sleeve V-neck Solid Color Dress Women Half Sleeve V-neck Solid Color Dress

Women Polka Dots,Blue,White DZBX0907 V Neck Layered Ruffle Sleeve Tops 3/4 Length Sleeve Regular Tops

$29.99
Sorry, there are no products in this collection.
const isSpecialHeroTheme = window.SHOPLAZZA?.theme?.merchant_theme_name == 'Hero' && window.SHOPLAZZA?.theme?.merchant_theme_c_version == '2.2.19'; const specialHeroThemeClassName = 'hero_2_2_19_smart_recommend_block'; 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.C_SETTINGS.meta.page.template_type; if (template_type === 1) { this.show_type_ = 3; this.product_resource_id_ = window.C_SETTINGS.meta.page.resource_id; } else if (template_type === 2) { this.show_type_ = 4; this.collection_resource_id_ = window.C_SETTINGS.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.C_SETTINGS.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() { const that = this; const themeName = window.C_SETTINGS.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'); this.initBlockClass(blockEl); this.initItemClass(blockEl); 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; if (rule.products && rule.products.length) { const modalRender = document.getElementById('smart_recommend_js_root'); const $dest = document.getElementById('cart'); const isLifeStyle = /Life.*Style/.test(window.C_SETTINGS.theme.merchant_theme_name); if (modalRender && isLifeStyle && $dest.clientWidth > 767) { modalRender.classList.add('zb-mt-[-180px]') } } 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; } }); if (isSpecialHeroTheme) { ruleEl.querySelectorAll(`.smart_recommend_title`).forEach(dom=>{ dom.classList.add('type-title-font-family'); }); document.querySelectorAll(`.${specialHeroThemeClassName} #smart_recommend_rule_ul_${rule.id} .zb-recommend-price-line-through .money`).forEach(dom=>{ dom.classList.add('type-body-font-family'); }); }; }); }); }); }); }) }) } else { if (window.top !== window.self) { const template_type = window.C_SETTINGS.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); }); } } }); } initBlockClass(blockEl) { if (!blockEl) return; if (blockEl.parentElement && blockEl.parentElement.offsetWidth === document.body.clientWidth) { blockEl.classList.add('smart_recommend_block_fullscreen'); }; if (isSpecialHeroTheme) { blockEl.classList.add(specialHeroThemeClassName); }; } initItemClass(blockEl) { if (blockEl) { const containerWidth = blockEl.offsetWidth; let itemWidth = ''; if (containerWidth > 780) { itemWidth = '16%'; } else if (containerWidth > 600) { itemWidth = '20%'; } else { itemWidth = '24%'; } const itemStyleEl = document.createElement('style'); itemStyleEl.innerHTML = `.zb-recommend-li-item{ width: ${itemWidth}; }`; document.body.appendChild(itemStyleEl); } } 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 (modalRender) { document.body.appendChild(modalRender); } if (product_id) { this.fetchProductData(product_id).then((res) => { const product = res.products && res.products.length && res.products[0] || {}; product.cfb = cfb; product.ifb = ifb; SPZ.whenApiDefined(modalRender).then((api) => { api.render({product: product, productIndex: productIndex, rule_id: rule_id, ssp: ssp, scm: scm, show_type: that.show_type_}, true).then(() => { const modalEl = document.getElementById('smart_recommend_product_modal'); SPZ.whenApiDefined(modalEl).then((modal) => { that.impressListen('#smart_recommend_product_modal', function(){ that.trackQuickShop({ rule_id: rule_id, product_id: product_id }); }); modal.open(); }); const formEl = document.getElementById('smart_recommend_product_form'); SPZ.whenApiDefined(formEl).then((form) => { form.setProduct(product); }); const variantEl = document.getElementById('smart_recommend_product_variants'); SPZ.whenApiDefined(variantEl).then((variant) => { variant.handleRender(product); }); }); }) }); } }); this.registerAction('handleScroll', (data) => { this.directTo(data.args.rule_id, data.args.direction); }); this.registerAction('handleProductChange', (data) => { const variant = data.args.data.variant; const product = data.args.data.product; const imageRenderEl = document.getElementById('smart_recommend_product_image'); SPZ.whenApiDefined(imageRenderEl).then((api) => { api.render({ variant: variant, product: product }); }); }); this.registerAction('handleAtcSuccess', (detail) => { const data = detail.args; data.data.product = data.data.product || {}; data.data.variant = data.data.variant || {}; const product_id = data.data.product.id; const product_title = data.data.product.title; const variant_id = data.data.variant.id; const price = data.data.variant.price; const rule_id = data.rule_id; const aid = `smart_recommend.${this.show_type_}.${rule_id}`; const ifb = data.data.product.ifb; const cfb = data.data.product.cfb; const ssp = data.ssp; const scm = data.scm; const spm = `smart_recommend_${this.show_type_}.${data.spmIndex}`; const params = { id: product_id, product_id: product_id, number: 1, name: product_title, variant_id: variant_id, childrenId: variant_id, item_price: price, source: 'add_to_cart', _extra: { aid: aid, ifb: ifb, cfb: cfb, scm: scm, spm: `..${window.C_SETTINGS.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.C_SETTINGS.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.C_SETTINGS.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.C_SETTINGS.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.C_SETTINGS.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.C_SETTINGS.theme.support_app_block }); window.sa.track("module_impressions", { aid: `smart_recommend.${this.show_type_}.${rule.id}`, support_app_block: window.C_SETTINGS.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);