REAL SILK LIFE Anniversary

class SpzCustomLabelScript extends SPZ.BaseElement { constructor(element) { super(element); } isLayoutSupported(layout) { return true; } mountCallback() { const script = this.element; const boxEl = script.closest('.product_snippet_label_area'); const labelEl = boxEl.querySelector('.product_snippet__label'); if(!labelEl) return; const observer = new ResizeObserver((entries) => { const labelEls = boxEl.querySelectorAll('.product_snippet__label'); const offsetWidth = Math.max(...Array.from(labelEls).map(el => el.offsetWidth)); if(offsetWidth>0){ const padding = offsetWidth / 2 + 8 + 'px'; boxEl.style.left = padding; boxEl.style.right = padding; boxEl.style.visibility = 'visible'; } }); observer.observe(labelEl); } } SPZ.defineElement('spz-custom-label-script', SpzCustomLabelScript);

(function () { class SPZCustomEventTrack extends SPZ.BaseElement { constructor(element) { super(element); this.action_ = SPZServices.actionServiceForDoc(this.element); } isLayoutSupported(layout) { return true; } buildCallback() { this.setupAction_(); } track(key, value) { console.log('tracking...', key, value); if(window.sa){ window.sa.track(key, value); }else{ let sa = null; Object.defineProperty(window, 'sa',{ get: function() { return sa; }, set(val){ sa = val; sa.track(key, value); } }) } } setupAction_() { const clickParams = { business_type: 'product_theme', event_name: 'function_click', function_name: 'Farida', plugin_name: 'Farida', template_name: "collection", template_type: 2, module: 'online_store', module_type: 'online_store', tab_name: '', card_name: '', event_developer: 'ccbGolumn', event_type: 'click', }; this.registerAction('trackClick', (e) => { const event_info = e.args || {}; this.track('function_click', { ...clickParams, event_info: JSON.stringify(event_info), }); }); this.registerAction('trackExpose', (e) => { const event_info = e.args || {}; this.track('function_expose', { ...clickParams, event_name: 'function_expose', event_type: 'expose', event_info: JSON.stringify(event_info), }); }); } } SPZ.defineElement('spz-custom-event-track', SPZCustomEventTrack); }())

90 Days Free Exchange & Return.

90 Days Free Exchange & Return.

90 Days Price Guaranteed.

90 Days Price Guaranteed.

(function () { let w = window.innerWidth; function setHeaderCssVar() { const headerEle = document.getElementById( "shoplaza-section-header", ); if (!headerEle) { return; } document.body.style.setProperty( "--window-height", `${window.innerHeight}px`, ); document.body.style.setProperty( "--header-height", `${headerEle.clientHeight}px`, ); const mdScorllHideEle = headerEle.querySelector( ".header__mobile .header__scroll_hide", ); if (mdScorllHideEle) { document.body.style.setProperty( "--header-scroll-hide-height-md", `${mdScorllHideEle.clientHeight}px`, ); } const pcScorllHideEle = headerEle.querySelector( ".header__desktop .header__scroll_hide", ); if (pcScorllHideEle) { document.body.style.setProperty( "--header-scroll-hide-height-pc", `${pcScorllHideEle.clientHeight}px`, ); } } function handlResize() { if (w == window.innerWidth) { return; } w = window.innerWidth; setHeaderCssVar(); } function init() { setHeaderCssVar(); window.removeEventListener("resize", window._theme_header_listener); window._theme_header_listener = handlResize; window.addEventListener("resize", window._theme_header_listener); } init(); })();

7th Anniversary Celebration

June 15 - July 19

Worry - Free Return

Enjoy worry - free returns within 90 days of purchase. Shop Now, Easy Return Later !

Easy Price Guarantee

Enjoy a 90 - day price guarantee. Shop with confidence: easy price guarantee included.

Human Customer Service

Experience personalized human support now. At your service with sincerity.

Under $19.99

Save 60% Save 60%

Women's Ankle Socks - Minimalist Solid Colors for Versatile Pairing

from $3.99 $9.99

+11

Save 60% Save 60%

Bone-free Mesh Breathable Women's Silk Socks for Home Use

from $3.99 $9.99

+11

Save 60% Save 60%

Women's Breathable Ankle Socks - Silk Blend for Home Comfort

from $3.99 $9.99

+11

Save 60% Save 60%

Simple Solid Color Mid-Calf Socks For Business Men

from $3.99 $9.99

+9

Save 60% Save 60%

Silk Short-Cylinder Men's Socks For Summer

from $3.99 $9.99

+8

Save 60% Save 60%

Women's Cozy Socks For Ultra-Soft Home Essentials

from $3.99 $9.99

+11

Save 60% Save 60%

10% Mulberry Silk Women's Breathable Silk-Blend Socks For Home

from $3.99 $9.99

+11

Save 60% Save 60%

Men's Cooling Socks - Breathable & Soft For Home Comfort

from $3.99 $9.99

+9

Save 60% Save 60%

Men’s Luxury Mid-Calf Dress Socks For Business

from $3.99 $9.99

+6

Save 40% Save 40%

Silk Anklet Sock

+4

Save 40% Save 40%

Short Silk Socks Women's Breathable Style

+1

Save 40% Save 40%

Women's Silk Ankle Socks Hidden Style

+1

Save 40% Save 40%

Silk Socks Autumn And Winter Thickened Warmth Style

Save 40% Save 40%

Women's Mid Tube Thickened Silk Socks

+2

Save 40% Save 40%

Midi Silk Socks For Men

+1

Save 40% Save 40%

Men's Silk Socks Breathable Knitted Style

+3

Save 40% Save 40%

Silk Socks Women's Knitted Breathable Style

+2

Save 30% Save 30%

16 Momme Skinny Bow Decoration Silk Hair Scrunchie

+4

Save 30% Save 30%

16 Momme Skinny Bow Decoration Silk Scrunchie

+4

Save 30% Save 30%

22 Momme Skinny Silk Scrunchie

+6

Save 60% Save 60%

Women's Ankle Socks - Minimalist Solid Colors for Versatile Pairing

from $3.99 $9.99

+11

Save 60% Save 60%

Bone-free Mesh Breathable Women's Silk Socks for Home Use

from $3.99 $9.99

+11

Save 60% Save 60%

Women's Breathable Ankle Socks - Silk Blend for Home Comfort

from $3.99 $9.99

+11

Save 60% Save 60%

Simple Solid Color Mid-Calf Socks For Business Men

from $3.99 $9.99

+9

Save 60% Save 60%

Silk Short-Cylinder Men's Socks For Summer

from $3.99 $9.99

+8

Save 60% Save 60%

Women's Cozy Socks For Ultra-Soft Home Essentials

from $3.99 $9.99

+11

Save 60% Save 60%

10% Mulberry Silk Women's Breathable Silk-Blend Socks For Home

from $3.99 $9.99

+11

Save 60% Save 60%

Men's Cooling Socks - Breathable & Soft For Home Comfort

from $3.99 $9.99

+9

Save 60% Save 60%

Men’s Luxury Mid-Calf Dress Socks For Business

from $3.99 $9.99

+6

Save 40% Save 40%

Silk Anklet Sock

+4

Save 60% Off

Save 60% Save 60%

Men's Long Sleeves Silk Base Layer

+1

Save 60% Save 60%

Women's Round Neck Silk Base Layer

+3

Save 60% Save 60%

Silk Knitted V Neck Camisole

+1

Save 60% Save 60%

V Neck Knitted Silk Camisole

+1

Save 60% Save 60%

Silk Shirt Women's Solid Round Neck Short sleeves

Save 60% Save 60%

Women's Ankle Socks - Minimalist Solid Colors for Versatile Pairing

from $3.99 $9.99

+11

Save 60% Save 60%

Bone-free Mesh Breathable Women's Silk Socks for Home Use

from $3.99 $9.99

+11

Save 60% Save 60%

Women's Breathable Ankle Socks - Silk Blend for Home Comfort

from $3.99 $9.99

+11

Save 60% Save 60%

Men's Cooling Socks - Breathable & Soft For Home Comfort

from $3.99 $9.99

+9

Save 60% Save 60%

16 Momme Bow Decoration Pleated Silk Hair Scrunchie

+4

Save 60% Save 60%

19 Momme Adjustable Silk Eye Mask

+4

Save 60% Save 60%

19 Momme 100 Double Sided Silk Eye Mask

+4

Save 60% Save 60%

Retro Wide Brimmed Silk Hair Hoop

+5

Save 60% Save 60%

19 Momme Classic Silk Hair Scrunchie

+2

Save 60% Save 60%

10% Mulberry Silk Women's Breathable Silk-Blend Socks For Home

from $3.99 $9.99

+11

Save 60% Save 60%

Women's Cozy Socks For Ultra-Soft Home Essentials

from $3.99 $9.99

+11

Save 60% Save 60%

Men's Long Sleeves Silk Base Layer

+1

Save 60% Save 60%

Women's Round Neck Silk Base Layer

+3

Save 60% Save 60%

Silk Knitted V Neck Camisole

+1

Save 60% Save 60%

V Neck Knitted Silk Camisole

+1

Save 60% Save 60%

Silk Shirt Women's Solid Round Neck Short sleeves

Save 60% Save 60%

Women's Ankle Socks - Minimalist Solid Colors for Versatile Pairing

from $3.99 $9.99

+11

Save 60% Save 60%

Bone-free Mesh Breathable Women's Silk Socks for Home Use

from $3.99 $9.99

+11

Save 60% Save 60%

Women's Breathable Ankle Socks - Silk Blend for Home Comfort

from $3.99 $9.99

+11

Save 60% Save 60%

Men's Cooling Socks - Breathable & Soft For Home Comfort

from $3.99 $9.99

+9

Save 60% Save 60%

16 Momme Bow Decoration Pleated Silk Hair Scrunchie

+4

Save 50% Off

Save 50% Save 50%

100% European Linen Gray Striped Pants

Save 50% Save 50%

Women's White Mulberry Silk Blouse For Parties

+3

Save 50% Save 50%

Silk Beach Dresses Loose Fit Style

+3

Save 50% Save 50%

Silk Blouse Solid With Pocket For Work

Save 50% Save 50%

Fresh-toned V-neck Silk Blouse with Irregular Hem for Daily Leisure

Save 50% Save 50%

Fresh-Printed Silk Blouse with White Camisole Top for Beach Vacation

Save 50% Save 50%

Light Pink Silk Skirt with Irregular Flounces for Romantic Date

Save 50% Save 50%

Romantic Beige Silk Skirt with Butterfly Prints for Spring Walk

Save 55% Save 55%

Silk Sleeveless Dress Multi-Color For Vacation

+10

Save 50% Save 50%

Summer Silk Dress Pleated Decoration For Vacation

Save 50% Save 50%

Women's 100% Ultra Breathable Silk Panties

Save 50% Save 50%

100% European Linen Men's Casual Coat

+1

Save 50% Save 50%

100% European Linen Yellow Coat

Save 50% Save 50%

100% European Linen Empty Design Blouse

Save 50% Save 50%

Linen Pants Men's Breathable Casual Nine-point Pants

+3

Save 50% Save 50%

100% European Linen V-neck T-shirt

Save 50% Save 50%

Men's Linen Pant Breathable and Fashionable

Save 50% Save 50%

100% European Linen Slim Ruffled Top

Save 50% Save 50%

100% European Linen Men's Cropped Casual Pants

+1

Save 50% Save 50%

Men's Linen Pants Casual Mid-waist Loose Nine-point Pants

+2

Save 50% Save 50%

100% European Linen Gray Striped Pants

Save 50% Save 50%

Women's White Mulberry Silk Blouse For Parties

+3

Save 50% Save 50%

Silk Beach Dresses Loose Fit Style

+3

Save 50% Save 50%

Silk Blouse Solid With Pocket For Work

Save 50% Save 50%

Fresh-toned V-neck Silk Blouse with Irregular Hem for Daily Leisure

Save 50% Save 50%

Fresh-Printed Silk Blouse with White Camisole Top for Beach Vacation

Save 50% Save 50%

Light Pink Silk Skirt with Irregular Flounces for Romantic Date

Save 50% Save 50%

Romantic Beige Silk Skirt with Butterfly Prints for Spring Walk

Save 55% Save 55%

Silk Sleeveless Dress Multi-Color For Vacation

+10

Save 50% Save 50%

Summer Silk Dress Pleated Decoration For Vacation

Save 40% Off

Save 40% Save 40%

100% Mulberry Silk Panties for Women 3-Pack

Save 47% Save 47%

Classic 100% Mulberry Silk Cardigan For Modern Wardrobes

Save 40% Save 40%

Women's 100% Silk Cover-Up For Beach

Save 40% Save 40%

Silk Sun Protection Shawl For Vocation

Save 40% Save 40%

Tall Linen Pants Solid Color Long

Save 40% Save 40%

Silk Jacket Stand Neck Zipper Closure for Daily

$125.00 $208.00

Save 40% Save 40%

Heaps Collar Solid Women's Cashmere Sweater

$119.00 $199.00

+8

Save 40% Save 40%

Linen Silk Blouse Floral Linen Silk Skirt

$119.00 $199.00

Save 40% Save 40%

Turquoise Silk Blouse with Retro Floral Prints for Stylish Occasions

$119.00 $199.00

Save 40% Save 40%

Dark Green Silk Blouse with Piled Collar for Casual Business Metting

$119.00 $199.00

Save 40% Save 40%

Romantic Black Silk Blouse with Floral Patterns for Coffee Shop Date

$119.00 $199.00

Save 40% Save 40%

Light Nude-pink Silk Dress with Ruffled Details for Office

$119.00 $199.00

Save 40% Save 40%

Silk V-Neck Dress Sleeveless Evening Gown Style

$119.00 $199.00

+1

Save 40% Save 40%

Solid Silk Dress Pleated For Work

$119.00 $199.00

Save 40% Save 40%

Womens Linen Shorts Elastic Waist Loose

Save 40% Save 40%

French Collection Belted Short Hooded Wool Coat-White

$199.00 $329.00

+3

Save 40% Save 40%

100% Mulberry Silk Panties for Women 3-Pack

Save 47% Save 47%

Classic 100% Mulberry Silk Cardigan For Modern Wardrobes

Save 40% Save 40%

Women's 100% Silk Cover-Up For Beach

Save 40% Save 40%

Silk Sun Protection Shawl For Vocation

Save 40% Save 40%

Tall Linen Pants Solid Color Long

Save 40% Save 40%

Silk Jacket Stand Neck Zipper Closure for Daily

$125.00 $208.00

Save 40% Save 40%

Heaps Collar Solid Women's Cashmere Sweater

$119.00 $199.00

+8

Save 40% Save 40%

Linen Silk Blouse Floral Linen Silk Skirt

$119.00 $199.00

Save 40% Save 40%

Turquoise Silk Blouse with Retro Floral Prints for Stylish Occasions

$119.00 $199.00

Save 40% Save 40%

Dark Green Silk Blouse with Piled Collar for Casual Business Metting

$119.00 $199.00

Offers, new arrivals, restocks and more.

© 2025 REAL SILK LIFE Terms Of Service Privacy Policy Intellectual Property Rights

(function() { const STATUS = { LOADING: 'loading', FINISH: 'finish' }; const RESULT = { EMPTY: 'data-empty' }; class SPZCustomCartSku extends SPZ.BaseElement { renderData = []; /** * add to cart reselect item, and delete process: * 1. record reselect id before show reselect modal * 2. add to cart success, mark `needDeleteReselectRecord` to true * 3. close reselect modal / drawer * 4. spz-cart re-render, triggered mounted event * 5. call refresh */ // mark delete reselect id recordReselectId = null; // mark should delete reselect record after spz-cart mounted event needDeleteReselectRecord = false; refreshLock = false; addToCartSuccess = false; // cache paused refresh data refreshDataCache = []; // cache similar products data, for manual add to cart similarData = []; constructor(element) { super(element); this.xhr_ = SPZServices.xhrFor(this.win); this.action_ = SPZServices.actionServiceForDoc(this.element); } setupAction_() { this.registerAction('refresh', (invocation) => { const data = invocation && invocation.args && invocation.args.data || {}; this.refresh(data); }); this.registerAction('deleteReselect', SPZCore.Types.debounce( this.win, (invocation) => { this.deleteReselect(invocation?.args?.id); }, 200 )); this.registerAction('deleteInvalid', SPZCore.Types.debounce( this.win, (invocation) => { this.deleteInvalid(invocation?.args?.id); }, 200 )); this.registerAction('setReselectRecordId', (invocation) => { this.setReselectRecordId(invocation?.args?.id); }); this.registerAction('clearNeedReselectRecord', (invocation) => { this.clearNeedReselectRecord(); }); this.registerAction('registerDeleteReselectTask', (invocation) => { this.registerDeleteReselectTask(invocation?.args?.data); }); this.registerAction('lockRefresh', (invocation) => { this.lockRefresh(); }); this.registerAction('releaseRefreshLock', (invocation) => { this.releaseRefreshLock(); }); this.registerAction('manualAddToCart', (invocation) => { this.manualAddToCart(invocation?.args?.id); }); this.registerAction('syncSimilarData', (invocation) => { this.syncSimilarData(invocation?.args?.data); }); // DEBUG this.registerAction('log', (invocation) => { const data = invocation && invocation.args && invocation.args.data || {}; console.log('log', invocation); }); } buildCallback() { this.setupAction_(); } isLayoutSupported(layout) { return true; } /** * 数据去重 * @param {Array} data */ uniq_(data) { const result = []; for(let i = 0; i < data.length; i++) { if(!result.includes(data[i])) { result.push(data[i]); } } return result; } checkRefreshLock() { if (this.refreshLock) { return false; } return true; } setLoading(isLoading) { SPZCore.Dom.toggleAttribute(this.element, STATUS.LOADING, isLoading); SPZCore.Dom.toggleAttribute(this.element, STATUS.FINISH, !isLoading); } setDataResult(data) { const isDataEmpty = !data.reselectSkus.length && !data.invalidSkus.length && !data.line_items.length; SPZCore.Dom.toggleAttribute(this.element, RESULT.EMPTY, isDataEmpty); } // 存在多次请求顺序问题 async refresh(_data) { // 接口失败时返回数据不为对象 if ((typeof _data !== 'object' || !Array.isArray(_data.line_items))) { const newData = { line_items: [], reselectSkus: [], invalidSkus: [], displayInvalidSkus: [] }; this.trigger_('refreshError', newData); this.setLoading(false); return; } if (!this.checkRefreshLock()) { this.setRefreshCache(_data); return; } this.setLoading(true); let data = _data; if (this.needDeleteReselectRecord && this.recordReselectId) { let hasError = false; try { data = await this.deleteReselectRecordBeforeRefresh(_data); } catch (e) { hasError = true; console.error(e); const newData = { ...data, reselectSkus: [], invalidSkus: [], displayInvalidSkus: [] }; this.trigger_('refreshError', newData); this.setLoading(false); this.setDataResult(newData); return; } this.needDeleteReselectRecord = false; if (hasError) { return; } } // 获取失效商品 const invisibleItems = data.ineffectives; // 获取失效商品内仅售罄商品的sku const soldOutItems = invisibleItems.filter(item => item.reason === "line_item_sold_out"); // 通过失效 sku 获取 spu, 注意去重 const soldOutSpuIds = this.uniq_(soldOutItems.map(item => item.product_id)); const querySpuIds = soldOutSpuIds.map(spuId => `ids[]=${spuId}`).join('&'); if (!soldOutSpuIds.length) { const newData = { ...data, reselectSkus: [], invalidSkus: [], displayInvalidSkus: [] }; this.trigger_('refreshSuccess', newData); this.renderData = newData; this.setLoading(false); this.setDataResult(newData); return; } // 请求 spu 下其他 sku 库存 this.xhr_.fetchJson(`/api/product/list?limit=${soldOutSpuIds.length}&${querySpuIds}`) .then(res => { const reselectSkus = []; const invalidSkus = []; // spu 维度展示 const displayInvalidSkus = []; res.data.list.forEach(product => { // spu 匹配, 存在多 sku 情况 const soldOutSkus = soldOutItems.filter(item => item.product_id === product.id); if (!soldOutSkus.length) { return; } // 通过失效 sku 获取 spu 下其他 sku 库存, 存在其他可用库存时标记为 "Reselect" 按钮可用 //const allowReselect = product.variants // .filter(variant => variant.option1 === soldOutProduct.variant.option1 && variant.option2 === soldOutProduct.variant.option2 && variant.option3 === soldOutProduct.variant.option3) // .some(variant => variant.available); // 查询售罄 sku 对应商品是否可加购, 标记为 Reselect 可用项 if (product.available) { reselectSkus.push(...soldOutSkus); // 若商品不可用(全部 sku 售罄), 归纳到失效商品列表 } else { invalidSkus.push(...soldOutSkus); // spu 维度, 仅添加一项 sku displayInvalidSkus.push(soldOutSkus[0]); } }); const newData = { ...data, reselectSkus, invalidSkus, displayInvalidSkus }; this.trigger_('refreshSuccess', newData); this.renderData = newData; this.setLoading(false); this.setDataResult(newData); }) .catch(err => { this.setLoading(false); console.error(err); this.trigger_('refreshError', data); }).finally(() => { }); } async deleteReselect(id, ignoreEmit) { if (!id) { return; } const targetSku = this.renderData.reselectSkus.find(item => item.id === id); try { const res = await this.xhr_.fetchJson(`/api/cart/${targetSku.variant_id}`, { method: 'DELETE', body: { id: targetSku.id, product_id: targetSku.product_id, variant_id: targetSku.variant_id, } }); const newData = { ...this.renderData, reselectSkus: this.renderData.reselectSkus.filter(item => item.id !== id), }; this.renderData = newData; !ignoreEmit && this.trigger_('deleteSuccess', newData); } catch (err) { console.error(err); !ignoreEmit && this.trigger_('deleteError', err); } } deleteInvalid(id) { if (!id) { return; } const targetSku = this.renderData.invalidSkus.find(item => item.id === id); this.xhr_.fetchJson(`/api/cart/${targetSku.variant_id}`, { method: 'DELETE', body: { id: targetSku.id, product_id: targetSku.product_id, variant_id: targetSku.variant_id, } }) .then(res => { const newData = { ...this.renderData, invalidSkus: this.renderData.invalidSkus.filter(item => item.id !== id), displayInvalidSkus: this.renderData.displayInvalidSkus.filter(item => item.id !== id), }; this.trigger_('deleteSuccess', newData); this.renderData = newData; }) .catch(err => { console.error(err); this.trigger_('deleteError', err); }); } // record reselect sku id before show reselect modal setReselectRecordId(id) { if (!id) { return; } this.recordReselectId = id; } async deleteReselectRecordBeforeRefresh(data) { if (!this.recordReselectId) { return; } await this.deleteReselect(this.recordReselectId, true); return { ...data, ineffectives: data.ineffectives.filter(item => item.id !== this.recordReselectId) } } clearNeedReselectRecord() { this.needDeleteReselectRecord = false; } registerDeleteReselectTask(productData) { const targetSku = this.renderData.reselectSkus.find(item => item.id === this.recordReselectId); if (targetSku?.variant_id && productData?.variant.id) { if (targetSku.variant_id === productData?.variant.id) { this.needDeleteReselectRecord = false; return; } } this.needDeleteReselectRecord = true; } // pause cart refresh(trigger by similar products) lockRefresh() { if (this.refreshLock) { return; } this.refreshLock = true; } releaseRefreshLock() { if (!this.refreshLock) { return; } this.refreshLock = false; this.refreshWithCache(); } // direct add_to_cart(trigger by similar products) async manualAddToCart(id) { const target = this.similarData.find(item => item.id === id); this.lockRefresh(); try { const res = await this.xhr_.fetchJson(`/api/cart`, { method: 'POST', body: { note: '', product_id: target.id, quantity: '1', variant_id: target.variants[0].id, refer_info: { source: 'add_to_cart' } } }); const newCartItems = res.data.items; this.setRefreshCache(newCartItems, true); } catch (err) { console.error(err); } } syncSimilarData(data) { this.similarData = data.data; } setRefreshCache(data, patch) { if (patch) { this.refreshDataCache = { ...this.refreshDataCache, line_items: [...this.refreshDataCache.line_items, ...data] }; } else { this.refreshDataCache = data; } } refreshWithCache() { this.refresh(this.refreshDataCache); } mountCallback() { } unmountCallback() { } /** * trigger event * @param {Object} data */ trigger_(name, data) { const event = SPZUtils.Event.create(this.win, `spz-custom-cart-sku.${name}`, { data, }); this.action_.trigger(this.element, name, event); } } SPZ.defineElement('spz-custom-cart-sku', SPZCustomCartSku); }())

(function () { class SPZCustomCartTrack extends SPZ.BaseElement { constructor(element) { super(element); this.action_ = SPZServices.actionServiceForDoc(this.element); } isLayoutSupported(layout) { return true; } buildCallback() { this.setupAction_(); } hash(val) { const hashKey = Object.keys(val).sort((a, b) => a - b).reduce((acc, k) => { acc += `{'${k}':'${val[k]}'}`; return acc; }, ''); return hashKey; } trackExtra(key, value) { console.log('trackExtra...', key, value); if (!window.sa) { return; } const hashKey = this.hash(value); let hasExtraInfo = false; if (window.sa.eventInfo && window.sa.eventInfo[key] && window.sa.eventInfo[key].extra_properties) { hasExtraInfo = window.sa.eventInfo[key].extra_properties.some(p => { return hashKey === this.hash(p); }); } if (hasExtraInfo) { return; } window.sa && window.sa.registerExtraInfo(key, value); } delExtraTrack(key, value) { const hashKey = this.hash(value); if (window.sa.eventInfo && window.sa.eventInfo[key] && window.sa.eventInfo[key].extra_properties) { window.sa.eventInfo[key].extra_properties = window.sa.eventInfo[key].extra_properties.filter(p => hashKey !== this.hash(p)); } } track(key, value) { console.log('tracking...', key, value); window.sa && window.sa.track(key, value); } setupAction_() { this.registerAction('registerReselectAtc', () => { this.trackExtra('add_to_cart', { function_name: 'Farida', action_type: 'reselect' }); }); this.registerAction('clearReselectAtc', () => { this.delExtraTrack('add_to_cart', { function_name: 'Farida', action_type: 'reselect' }); }); this.registerAction('registerSimilarAtc', () => { this.trackExtra('add_to_cart', { function_name: 'Farida', action_type: 'similar_product' }); }); this.registerAction('clearSimilarAtc', () => { this.delExtraTrack('add_to_cart', { function_name: 'Farida', action_type: 'similar_product' }); }); const clickParams = { business_type: 'product_plugin', event_name: 'function_click', function_name: 'Farida', plugin_name: 'Farida', template_name: 'cart', template_type: '13', module: 'online_store', module_type: 'online_store', tab_name: '', card_name: '', event_developer: 'ccbken', event_type: 'click', }; this.registerAction('trackDelReselect', () => { this.track('function_click', { ...clickParams, event_info: JSON.stringify({ action_type: 'cart_delete', element_type: 'sku' }) }); }); this.registerAction('trackClickReselect', () => { this.track('function_click', { ...clickParams, event_info: JSON.stringify({ action_type: 'reselect', element_type: 'sku' }) }); }); this.registerAction('trackDelSimilar', () => { this.track('function_click', { ...clickParams, event_info: JSON.stringify({ action_type: 'cart_delete', element_type: 'spu' }) }); }); this.registerAction('trackClickSimilar', () => { this.track('function_click', { ...clickParams, event_info: JSON.stringify({ action_type: 'reselect', element_type: 'spu' }) }); }); this.registerAction('trackOpenSimilar', () => { this.track('function_expose', { ...clickParams, event_name: 'function_expose', event_type: 'expose', event_info: JSON.stringify({ popup_name: 'farida_product_popup' }) }); }); } } SPZ.defineElement('spz-custom-cart-track', SPZCustomCartTrack); }())