9c3686e01c1fc4453642f95255b43c8d
b96a9651a8c03ad2b5116b3e1b2748d4
b9949a12666f936a1b844ecae12d8816
b6212846cd74309a87ba77107034eab3
f766afd725635dad0ff57be4a050411a
e4ed4579447d771da3a305449aa5e1ba
5f60d94515e03cf4530387f5b56d1d71
28ef8a8b124dda21a7bbdf9bf6803cad
dc2fd672f046cb6a3c6837bacb9af702
f95600c696efeba2f534bec680765943
32c6df3370d745595717c7d134b28279
ff523cba3ba7a612ee26692b5cc7c427
50dad164567fdd318932fae2337f0c28
947a6325988879da27c35098682ec00b
2f2050bb641e8daf28652a19562616a8
b202d3b3231454190f889d760bfa6ea6
e924a4ab5525f7a5ae7ff7780d0db51e
cb5f3f4fcb5c07ec7b1dbb659caf0283
60a2475512dfcfde284f331f126c3074
513c1b57f8cfba7291b4c1d012b5f522
fec7aea9c92583224dbf63fb0a46652a
3a07a5ec3fa84ebed00b1c8c5197afe4
6cb3b16e85bda60cafb0b3088a59077b
7a405ff69fbcdf6db6970d211c32224e
b5bcbeeddd3ada2343281268a4a44e0c
13158c01957501f5b2007fd64c36e67a
a5c8a53fe219e945dfb71248d7b56202
85ef22946f0bff126bea4947a47adbfa
a21b985773e7a095e58321aa37f89d35
df3a0ef2c0271326f80ff85cfc758d6a
2bd25f7fba918c185083943170127eb8
245855a7602d8136a7f82e70b7c34dd0
fd18a38ece60c09e4e36c361cfcba56b
39eb7cbdbf1ac188271a493eab0befe1
9ca2db6930f13e23d5fae3abc8af2210
1c602c4b6e7da4c31ad3324b92f2b22f
8036c89c9eaf9d645fe585393043e3d7
dce1cc43f1b773fc7143f30cdad98e52
d995f9886cc398a126fe325fab39a520
f353773ece3c54fe02f766a4006cfa04
2542da377adb2b619ee85d16eea2742f
a5ab00cc8580baf844f148c93d3da266
62502519471d9595b60be7396172a6da
1e23e9cf31e49e12ef528c38d57c8519
2c3ab38bf19d2e13995cb08ba4ef6141
d3be68ea3fc1da83e15956550f0cc338
0d743002f57626e1df295f01cb451ffb
97b12f3aa4c87665d09f6269d1c84292
22b870ae050437fa3c4eee9e0898445d
43c98ea08f62cfa4817c99edb0bf4da1
fa9fe6ef22ccd8f99ad815cd2d90ab66
deb2ebd2c21fc47dec54111cb28482b0
37515dd7245e42b40fd07a6a0b352285
11caf99db282b46468c85e902849ea56
c518e9beb105a0179aa018721edea12e
f8a1e09466a11a521b333b0b27e82ad8
ae921d2b262bc692ff259f681f784d1f
dddf18350b78eb2e8c5e01e681b56ef3
9403e6e3bb8699addf669fa6f6fb3d93
708a09e1544bb84faa2b0be675c221bb
56ac63c67f6a162a03eb789d5aa1f9c5
9c3686e01c1fc4453642f95255b43c8d
b96a9651a8c03ad2b5116b3e1b2748d4
b9949a12666f936a1b844ecae12d8816
b6212846cd74309a87ba77107034eab3
f766afd725635dad0ff57be4a050411a
e4ed4579447d771da3a305449aa5e1ba
5f60d94515e03cf4530387f5b56d1d71
28ef8a8b124dda21a7bbdf9bf6803cad
dc2fd672f046cb6a3c6837bacb9af702
f95600c696efeba2f534bec680765943
32c6df3370d745595717c7d134b28279
ff523cba3ba7a612ee26692b5cc7c427
50dad164567fdd318932fae2337f0c28
947a6325988879da27c35098682ec00b
2f2050bb641e8daf28652a19562616a8
b202d3b3231454190f889d760bfa6ea6
e924a4ab5525f7a5ae7ff7780d0db51e
cb5f3f4fcb5c07ec7b1dbb659caf0283
60a2475512dfcfde284f331f126c3074
513c1b57f8cfba7291b4c1d012b5f522
fec7aea9c92583224dbf63fb0a46652a
3a07a5ec3fa84ebed00b1c8c5197afe4
6cb3b16e85bda60cafb0b3088a59077b
7a405ff69fbcdf6db6970d211c32224e
b5bcbeeddd3ada2343281268a4a44e0c
13158c01957501f5b2007fd64c36e67a
a5c8a53fe219e945dfb71248d7b56202
85ef22946f0bff126bea4947a47adbfa
a21b985773e7a095e58321aa37f89d35
df3a0ef2c0271326f80ff85cfc758d6a
2bd25f7fba918c185083943170127eb8
245855a7602d8136a7f82e70b7c34dd0
fd18a38ece60c09e4e36c361cfcba56b
39eb7cbdbf1ac188271a493eab0befe1
9ca2db6930f13e23d5fae3abc8af2210
1c602c4b6e7da4c31ad3324b92f2b22f
8036c89c9eaf9d645fe585393043e3d7
dce1cc43f1b773fc7143f30cdad98e52
d995f9886cc398a126fe325fab39a520
f353773ece3c54fe02f766a4006cfa04
2542da377adb2b619ee85d16eea2742f
a5ab00cc8580baf844f148c93d3da266
62502519471d9595b60be7396172a6da
1e23e9cf31e49e12ef528c38d57c8519
2c3ab38bf19d2e13995cb08ba4ef6141
d3be68ea3fc1da83e15956550f0cc338
0d743002f57626e1df295f01cb451ffb
97b12f3aa4c87665d09f6269d1c84292
22b870ae050437fa3c4eee9e0898445d
43c98ea08f62cfa4817c99edb0bf4da1
fa9fe6ef22ccd8f99ad815cd2d90ab66
deb2ebd2c21fc47dec54111cb28482b0
37515dd7245e42b40fd07a6a0b352285
11caf99db282b46468c85e902849ea56
c518e9beb105a0179aa018721edea12e
f8a1e09466a11a521b333b0b27e82ad8
ae921d2b262bc692ff259f681f784d1f
dddf18350b78eb2e8c5e01e681b56ef3
9403e6e3bb8699addf669fa6f6fb3d93
708a09e1544bb84faa2b0be675c221bb
56ac63c67f6a162a03eb789d5aa1f9c5

Fashion Sports LOGO Long Sleeve Pullover Hooded Sweatshirt Two Piece Set

$42.00
$0.00
-$-42.00
Color-Black
Please select a color
Size-S
Please select a size
Quantity
Free worldwide shipping
Free returns
Sustainably made
Secure payments
SKU: 1866073080244285441
const TAG = "spz-custom-product-automatic"; class SpzCustomProductAutomatic extends SPZ.BaseElement { constructor(element) { super(element); this.variant_id = '5f64cc5b-2fc5-47bf-9eb3-2466b7623b20'; this.debounceRenderDiscountList = this.win.SPZCore.Types.debounce(this.win,this.renderDiscountList.bind(this), 500); } static deferredMount() { return false; } buildCallback() { this.action_ = SPZServices.actionServiceForDoc(this.element); this.templates_ = SPZServices.templatesForDoc(this.element); this.xhr_ = SPZServices.xhrFor(this.win); this.setupAction_(); this.viewport_ = this.getViewport(); } mountCallback() { this.init(); console.log('promotion_complex',{"downgrade":false,"automatic_discount_list":[],"hash":""}); // 监听事件 this.bindEvent_(); } init() { this.handleFitTheme(); // 兜底方案, downgrade == true; 需要降级 则要请求接口 this.doRender_({}).then(async () => { const downgrade = 'false'; if(downgrade != 'false') { this.renderDiscountList(); } }); } async getDiscountList() { const productId = '7838ccaa-290f-46c3-9b70-a9cb13176848'; const variantId = this.variant_id; const reqBody = { product_id: productId, variant_id: variantId, discount_method: "DM_AUTOMATIC", customer: { customer_id: window.C_SETTINGS.customer.customer_id, email: window.C_SETTINGS.customer.customer_email } } const url = `/api/storefront/promotion/display_setting/text/list`; const data = await this.xhr_.fetchJson(url, { method: "post", body: reqBody }).then(res => { return res; }).catch(err => { this.setContainerDisabled(false); }) return data; } async renderDiscountList() { this.setContainerDisabled(true); const data = await this.getDiscountList(); this.setContainerDisabled(false); // 重新渲染 抖动问题处理 const parentDiv = document.querySelector('.automatic_discount_container'); const oldDom = parentDiv.querySelector('.automatic_discount_wrapper'); const newTplDom = await this.getRenderTemplate(data); if(oldDom){ parentDiv.replaceChild(newTplDom, oldDom); } else { parentDiv.appendChild(newTplDom); } } doRender_(data) { const renderData = data || {}; return this.templates_ .findAndRenderTemplate(this.element, renderData) .then((el) => { const children = this.element.querySelector('*:not(template)'); children && SPZCore.Dom.removeElement(children); this.element.appendChild(el); }); } async getRenderTemplate(data) { const renderData = data || {}; return this.templates_ .findAndRenderTemplate(this.element, renderData) .then((el) => { const children = this.element.querySelector('*:not(template)'); children && SPZCore.Dom.removeElement(children); return el; }); } setContainerDisabled(isDisable) { const automaticDiscountEl = document.querySelector('.automatic_discount_container'); if(isDisable) { automaticDiscountEl.setAttribute('disabled', ''); } else { automaticDiscountEl.removeAttribute('disabled'); } } // 绑定事件 bindEvent_() { window.addEventListener('click', (e) => { let containerNodes = document.querySelectorAll(".automatic-container .panel"); let bool; Array.from(containerNodes).forEach((node) => { if(node.contains(e.target)){ bool = true; } }) // 是否popover面板点击范围 if (bool) { return; } if(e.target.classList.contains('drowdown-icon') || e.target.parentNode.classList.contains('drowdown-icon')){ return; } const nodes = document.querySelectorAll('.automatic-container'); Array.from(nodes).forEach((node) => { node.classList.remove('open-dropdown'); }) // 兼容主题 this.toggleProductSticky(true); }) // 监听变体变化 document.addEventListener('dj.variantChange', async(event) => { // 重新渲染 const variant = event.detail.selected; if (variant.product_id == '7838ccaa-290f-46c3-9b70-a9cb13176848') { this.variant_id = variant.id; } await this.debounceRenderDiscountList(); }); } // 兼容主题 handleFitTheme() { // top 属性影响抖动 let productInfoEl = null; if (window.SHOPLAZZA.theme.merchant_theme_name === 'Wind' || window.SHOPLAZZA.theme.merchant_theme_name === 'Flash') { productInfoEl = document.querySelector('.product-info-body .product-sticky-container'); } else if (window.SHOPLAZZA.theme.merchant_theme_name === 'Hero') { productInfoEl = document.querySelector('.product__info-wrapper .properties-content'); } if(productInfoEl){ productInfoEl.classList.add('force-top-auto'); } } // 兼容 wind/flash /hero 主题 (sticky属性影响 popover 层级展示, 会被其他元素覆盖) toggleProductSticky(isSticky) { let productInfoEl = null; if (window.SHOPLAZZA.theme.merchant_theme_name === 'Wind' || window.SHOPLAZZA.theme.merchant_theme_name === 'Flash') { productInfoEl = document.querySelector('.product-info-body .product-sticky-container'); } else if (window.SHOPLAZZA.theme.merchant_theme_name === 'Hero') { productInfoEl = document.querySelector('.product__info-wrapper .properties-content'); } if(productInfoEl){ if(isSticky) { // 还原该主题原有的sticky属性值 productInfoEl.classList.remove('force-position-static'); return; } productInfoEl.classList.toggle('force-position-static'); } } setupAction_() { this.registerAction('handleDropdown', (invocation) => { const discount_id = invocation.args.discount_id; const nodes = document.querySelectorAll('.automatic-container'); Array.from(nodes).forEach((node) => { if(node.getAttribute('id') != `automatic-${discount_id}`) { node.classList.remove('open-dropdown'); } }) const $discount_item = document.querySelector(`#automatic-${discount_id}`); $discount_item && $discount_item.classList.toggle('open-dropdown'); // 兼容主题 this.toggleProductSticky(); }); } triggerEvent_(name, data) { const event = SPZUtils.Event.create(this.win, `${ TAG }.${ name }`, data || {}); this.action_.trigger(this.element, name, event); } isLayoutSupported(layout) { return layout == SPZCore.Layout.CONTAINER; } } SPZ.defineElement(TAG, SpzCustomProductAutomatic);
ProductNo SP24120954PL
Fit Loose
Sleeve Length Long Sleeve
Placket Type Pullovers
Design Elements Print
Occasion Leisure,Outdoor,Daily
Collar/Neckline Hooded
Style Casual,Hip Hop,Vintage/Retro,Basic
Material Terry Cloth
Season Autumn,Winter,Spring