🎁 5% Off First Order Code：NEW

🎁 5% Off First Order Code：NEW

🎁 5% Off First Order Code：NEW

🎁 5% Off First Order Code：NEW

const marketSlot = document.querySelector(".plugin_c_market"); if(marketSlot) { marketSlot.remove(); }

const SITE = (window.C_SETTINGS || window[atob('U0hPUExBWlpB')])?.routes?.root || ''; const MARKET_THEME_SETTINGS = `${SITE}/api/markets/theme_setting`; const MARKET_COUNTRIES = `${SITE}/api/markets/countries`; const IP_MATCHING_MARKET = `${SITE}/api/front/station`; const MARKET_LANGUAGES = `${SITE}/api/markets/:id/active_languages`; const URL_REDIRECT = '_market_redirected'; const COOKIE_TIPS_NAME = 'market_no_tips'; const COOKIE_TIPS_EXPIRES = 1000 * 60 * 60 * 24 * 14; const MARKET_COUNTRY_COOKIE = '_shoplazza_market_country'; const MARKET_MODAL_LOADED = '__market_modal_loaded__'; const PROPERTY_SELECTED = 'selected'; const MARKET_PC_HEADER_TRIGGER = 'market-pc-header-trigger'; const MARKET_PC_HEADER_COUNTRY_SELECT_TITLE = 'market-pc-header-country-select-title'; const MARKET_PC_HEADER_LANGUAGE_SELECT_TITLE = 'market-pc-header-language-select-title'; const MARKET_PC_HEADER_LANGUAGE_SELECT_SUB_TITLE = 'market-pc-header-language-select-sub-title'; const MARKET_PC_HEADER_COUNTRY_SELECT_SUB_TITLE = 'market-pc-header-country-select-sub-title'; const MARKET_FLAG = 'market-flag'; const MARKET_SELECT_VALUE = 'market-select-value'; const MARKET_CURRENCY = 'market-currency'; const MARKET_CURRENCY_SYMBOL = 'market-currency-symbol'; const MARKET_SELECT_ITEM = 'market-select-item'; const MARKET_SELECT_ITEM_ID = 'market-select-item-id'; const MARKET_SELECT_LIST = 'market-select-list'; const MARKET_LANGUAGE_SELECT = 'market-language-select'; const MARKET_COUNTRY_SELECT = 'market-country-select'; const MARKET_MODAL = 'market-modal'; const MARKET_GATEWAY_REDIRECT_MODAL = 'market-gateway-redirect-modal'; const MARKET_RESELECT_MODAL = 'market-reselect-modal'; const MARKET_MODAL_FLAG = 'market-modal-flag'; const MARKET_MODAL_COUNTRY_CODE = 'market-modal-country-code'; const MARKET_MODAL_CURRENCY_SYMBOL = 'market-modal-currency-symbol'; const MARKET_MODAL_CLOSE = 'market-modal-close'; const MARKET_MODAL_CONFIRM = 'market-modal-confirm'; const MARKET_MODAL_RESELECT = 'market-modal-reselect'; const MARKET_MODAL_RESELECT_COUNTRY_SELECT = 'market-modal-reselect-country-select'; const DATA_SECTION_TYPE = 'data-section-type'; const SECTION_TYPE_HEADER = 'header'; const SECTION_TYPE_FOOTER = 'footer'; class SpzCustomMarket extends SPZ.BaseElement { constructor(element) { super(element); this.global = null; this.useCountrySelect_ = false; this.useLanguageSelect_ = false; this.useModal_ = false; this.isSingleSelectMode_ = false; this.blockSectionPosition_ = ''; this.isEditMode = false; this.ipMatchingMarket = null; this.marketCountryList = []; this.marketLanguages = []; this.toast = null; } static deferredMount() { return false; } isLayoutSupported(layout) { return layout == SPZCore.Layout.LOGIC; } buildCallback() { console.debug('Geolocation'); this.xhr_ = SPZServices.xhrFor(this.win); const platform = SPZServices.platformFor(this.win); this.isIOS_ = platform.isIos(); this.action_ = SPZServices.actionServiceForDoc(this.element); this.global = this.win.C_SETTINGS || this.win[atob('U0hPUExBWlpB')]; this.isEditMode = new URLSearchParams(this.win.location.search).get('preview_theme_id') && new URLSearchParams(this.win.location.search).get('oseid'); this.init_(); } showToast_(content) { if (!this.toast) { this.toast = self.document.createElement('ljs-toast'); this.toast.setAttribute('layout', 'nodisplay'); this.toast.setAttribute('hidden', ''); this.toast.setAttribute('duration', '2000'); this.element.appendChild(this.toast); } SPZ.whenApiDefined(this.toast).then((apis) => { apis.showToast(content); }); } triggerEvent_(name, data) { const event = SPZUtils.Event.create(this.win, `${TAG}.${name}`, data); this.action_.trigger(this.element, name, event); } findBlockSectionPosition() { let current = this.element; while (current) { const dataSectionType = current.getAttribute(DATA_SECTION_TYPE); if ( dataSectionType === SECTION_TYPE_HEADER || dataSectionType === SECTION_TYPE_FOOTER ) { return dataSectionType; } current = current.parentElement; } return ''; } async initSettings_() { await this.getMarketThemeSettings_(); if (this.useCountrySelect_) { this.element.setAttribute('use-country-select', true); } if (this.useLanguageSelect_) { this.element.setAttribute('use-language-select', true); } if (this.useModal_) { this.element.setAttribute('use-modal', true); } if ( (this.useCountrySelect_ && !this.useLanguageSelect_) || (!this.useCountrySelect_ && this.useLanguageSelect_) ) { this.isSingleSelectMode_ = true; } this.blockSectionPosition_ = this.findBlockSectionPosition(); this.isPCLayout_ = this.win.matchMedia('(min-width: 960px)').matches; } renderMarketSelectTemplateNode_(clonedTemplate, data) { this.renderTemplateImg_(clonedTemplate, MARKET_FLAG, { src: data?.flag, width: '24', height: '24', }); this.renderTemplateElement_( clonedTemplate, MARKET_SELECT_VALUE, data.value ); this.renderTemplateElement_( clonedTemplate, MARKET_CURRENCY, data?.currency ); this.renderTemplateElement_( clonedTemplate, MARKET_CURRENCY_SYMBOL, data?.currencySymbol ); } bindDropdownOpenClickEvent_(triggerElement, dropdown) { if (!triggerElement) return; const triggerOpen = () => { SPZ.whenApiDefined(dropdown).then((apis) => { if (!dropdown.hasAttribute('open')) { apis.open(triggerElement); } }); }; if (this.isIOS_) { triggerElement.addEventListener('touchstart', triggerOpen); } else { triggerElement.addEventListener('click', triggerOpen); } } createDropdown_() { const dropdown = self.document.createElement('ljs-dropdown'); dropdown.setAttribute('layout', 'nodisplay'); if (this.blockSectionPosition_ === 'header') { dropdown.setAttribute('overlay-style', 'top: 4px;'); dropdown.setAttribute('placement', 'bottomRight'); } else if (this.blockSectionPosition_ === 'footer') { dropdown.setAttribute('overlay-style', 'top: -4px;'); dropdown.setAttribute('placement', 'top'); } return dropdown; } createDropdownIcon_() { const svgElement = document.createElementNS("http://www.w3.org/2000/svg", "svg"); svgElement.setAttribute("class", "market-rotate-180"); svgElement.setAttribute("width", "16"); svgElement.setAttribute("height", "16"); const path1 = document.createElementNS("http://www.w3.org/2000/svg", "path"); path1.setAttribute("d", "M7.47 5.172a.75.75 0 0 1 1.06 0l4.596 4.596a.75.75 0 1 1-1.06 1.06L7.468 6.232a.75.75 0 0 1 0-1.06Z"); path1.setAttribute("fill", "currentColor"); const path2 = document.createElementNS("http://www.w3.org/2000/svg", "path"); path2.setAttribute("d", "M8.533 5.172a.75.75 0 0 1 0 1.06l-4.596 4.596a.75.75 0 1 1-1.061-1.06l4.596-4.596a.75.75 0 0 1 1.06 0Z"); path2.setAttribute("fill", "currentColor"); svgElement.appendChild(path1); svgElement.appendChild(path2); return svgElement; } renderDropdownListWithClickEvent_({ triggerElement, dataList, subTitleRole, listElementWithTemplate, defaultValue, itemHandler, shouldUpdateSelectedItem = false, }) { const dropdown = this.createDropdown_(); const itemTemplate = SPZCore.Dom.scopedQuerySelector( listElementWithTemplate, 'template' ); const clonedItemTemplate = itemTemplate.cloneNode(true); const fragment = self.document.createDocumentFragment(); dataList.forEach((data) => { const tempParentNode = self.document.createElement('div'); const clonedTemplate = self.document.importNode( clonedItemTemplate.content, true ); tempParentNode.appendChild(clonedTemplate); tempParentNode.firstElementChild.classList.add( 'market-select-item' ); this.renderMarketSelectTemplateNode_(tempParentNode, data); const selectItemElement = SPZCore.Dom.scopedQuerySelector( tempParentNode, `[role="${MARKET_SELECT_ITEM}"]` ); if (!selectItemElement) { return; } if (defaultValue === data.value) { if (shouldUpdateSelectedItem) { const clonedSelectItemElement = selectItemElement.cloneNode(true); triggerElement.replaceChild( clonedSelectItemElement, triggerElement.firstElementChild ); } selectItemElement.setAttribute(PROPERTY_SELECTED, ''); } selectItemElement.setAttribute(MARKET_SELECT_ITEM_ID, data.value); fragment.appendChild(tempParentNode.firstElementChild); }); let value = defaultValue; listElementWithTemplate.addEventListener( 'click', (e) => { if (this.isEditMode) { this.showToast_('编辑器下不支持切换国家'); SPZ.whenApiDefined(dropdown).then((apis) => { apis.close(); }); return; } let targetElement = e.target; while (targetElement) { if ( !targetElement || targetElement.getAttribute(MARKET_SELECT_ITEM_ID) ) { break; } targetElement = targetElement.parentNode; } if ( !targetElement || !targetElement.hasAttribute(MARKET_SELECT_ITEM_ID) ) { return; } const selectValue = targetElement.getAttribute(MARKET_SELECT_ITEM_ID); if (value === selectValue) { SPZ.whenApiDefined(dropdown).then((apis) => { apis.close(); }); return; } const selectedData = dataList.find((c) => c.value === selectValue); if (shouldUpdateSelectedItem) { const tempParentNode = self.document.createElement('div'); const clonedTemplate = self.document.importNode( clonedItemTemplate.content, true ); tempParentNode.appendChild(clonedTemplate); this.renderMarketSelectTemplateNode_(tempParentNode, selectedData); tempParentNode.firstElementChild.classList.add( 'market-select-item' ); triggerElement.replaceChild( tempParentNode.firstElementChild, triggerElement.firstElementChild ); } value = selectValue; itemHandler?.(selectedData); SPZ.whenApiDefined(dropdown).then((apis) => { apis.close(); }); }, false ); listElementWithTemplate.removeChild(itemTemplate); listElementWithTemplate.appendChild(fragment); listElementWithTemplate.classList.add('market-select-list'); dropdown.appendChild(listElementWithTemplate); if (subTitleRole) { this.renderSelectTitle_(dropdown, subTitleRole); } return dropdown; } createSelect_({ parent, defaultValue, dataList, listElementWithTemplate, itemHandler, titleRole, }) { const triggerElement = self.document.createElement('div'); triggerElement.classList.add('market-select'); const displayElement = self.document.createElement('div'); triggerElement.appendChild(displayElement); triggerElement.appendChild(this.createDropdownIcon_()); const dropdown = this.renderDropdownListWithClickEvent_({ triggerElement, dataList, listElementWithTemplate, defaultValue, itemHandler, shouldUpdateSelectedItem: true, }); this.bindDropdownOpenClickEvent_(triggerElement, dropdown); const dropdownContainer = self.document.createElement('div'); dropdownContainer.appendChild(triggerElement); dropdownContainer.appendChild(dropdown); dropdownContainer.classList.add('market-select-container'); this.renderSelectTitle_(dropdownContainer, titleRole); parent.appendChild(dropdownContainer); } getListElementWithTemplate_(role) { const template = SPZCore.Dom.scopedQuerySelector( this.element, `[role="${role}"]` ); if (template) { const clonedTemplate = template.cloneNode(true); const tempParent = self.document.createElement("div"); tempParent.appendChild(clonedTemplate.content); const listElementWithTemplate = SPZCore.Dom.scopedQuerySelector( tempParent, `[role="${MARKET_SELECT_LIST}"]` ); return listElementWithTemplate; } return null; } renderSelectTitle_(parent, role) { if (!parent || !role) { return; } const template = SPZCore.Dom.scopedQuerySelector( this.element, `[role="${role}"]` ); const content = self.document.importNode(template.content, true); parent.insertBefore(content, parent.firstElementChild); parent.firstElementChild.classList.add( role.includes('sub') ? 'market-pc-header-select-sub-title' : 'market-pc-header-select-title' ); } initSelect_(rootNode, options) { const parent = rootNode || this.element; if (this.useCountrySelect_) { this.createSelect_({ parent, titleRole: options?.shouldRenderSelectTitle ? MARKET_PC_HEADER_COUNTRY_SELECT_TITLE : undefined, defaultValue: this.getDefaultCountryValue_(), dataList: this.marketCountryList.map(this.mapCountryRenderData_), listElementWithTemplate: this.getListElementWithTemplate_( MARKET_COUNTRY_SELECT ), itemHandler: this.handleCountrySelectChange_.bind(this), }); } if (this.useLanguageSelect_) { this.createSelect_({ parent, titleRole: options?.shouldRenderSelectTitle ? MARKET_PC_HEADER_LANGUAGE_SELECT_TITLE : undefined, defaultValue: this.getDefaultLanguageValue_(), dataList: this.marketLanguages.map(this.mapLanguageRenderData_), listElementWithTemplate: this.getListElementWithTemplate_( MARKET_LANGUAGE_SELECT ), itemHandler: this.handleLanguageSelectChange_.bind(this), }); } } initPcHeaderTriggerElement() { const headerTriggerElementTemplate = SPZCore.Dom.scopedQuerySelector( this.element, `[role="${MARKET_PC_HEADER_TRIGGER}"]` ); const headerTriggerElement = self.document.importNode( headerTriggerElementTemplate.content, true ); const parentDivElement = self.document.createElement('div'); parentDivElement.setAttribute('role', MARKET_PC_HEADER_TRIGGER); parentDivElement.appendChild(headerTriggerElement); this.element.removeChild(headerTriggerElementTemplate); return parentDivElement; } initPanelWithSelect_() { const triggerElement = this.initPcHeaderTriggerElement(); const dropdown = this.createDropdown_(); const panelElement = self.document.createElement('div'); panelElement.classList.add('market-panel'); this.initSelect_(panelElement, {shouldRenderSelectTitle: true}); dropdown.appendChild(panelElement); this.bindDropdownOpenClickEvent_(triggerElement, dropdown); this.element.appendChild(triggerElement); this.element.insertBefore(dropdown, triggerElement); } initSingleSelectDropdown_() { const triggerElement = this.initPcHeaderTriggerElement(); let dropdown; if (this.useCountrySelect_) { dropdown = this.renderDropdownListWithClickEvent_({ triggerElement, subTitleRole: MARKET_PC_HEADER_COUNTRY_SELECT_SUB_TITLE, dataList: this.marketCountryList.map(this.mapCountryRenderData_), listElementWithTemplate: this.getListElementWithTemplate_( MARKET_COUNTRY_SELECT ), defaultValue: this.getDefaultCountryValue_(), itemHandler: this.handleCountrySelectChange_.bind(this), }); } else if (this.useLanguageSelect_) { dropdown = this.renderDropdownListWithClickEvent_({ triggerElement, subTitleRole: MARKET_PC_HEADER_LANGUAGE_SELECT_SUB_TITLE, dataList: this.marketLanguages.map(this.mapLanguageRenderData_), listElementWithTemplate: this.getListElementWithTemplate_( MARKET_LANGUAGE_SELECT ), defaultValue: this.getDefaultLanguageValue_(), itemHandler: this.handleLanguageSelectChange_.bind(this), }); } if (dropdown) { this.bindDropdownOpenClickEvent_(triggerElement, dropdown); this.element.appendChild(triggerElement); this.element.appendChild(dropdown); } } initEntry_() { if (this.blockSectionPosition_ === SECTION_TYPE_HEADER) { if (this.isSingleSelectMode_) { this.initSingleSelectDropdown_(); } else if (this.useCountrySelect_ && this.useLanguageSelect_) { this.initPanelWithSelect_(); } } this.initSelect_(this.element); } async initData_() { const promises = []; if (this.useCountrySelect_ || this.useModal_) { promises.push(this.getCountryList_(), this.getIpMatchingMarket_()); } if (this.useLanguageSelect_) { promises.push(this.getMarketLanguages_(this.global.market.market_id)); } return Promise.all(promises).then((results) => { const ipMatchingMarket = results.find((result) => result.hasOwnProperty('matching_station') ); const marketCountryList = results.find((result) => result.hasOwnProperty('data') ); if (ipMatchingMarket && marketCountryList) { this.ipMatchingMarket = ipMatchingMarket?.matching_station?.find?.( (item) => item.type === 'multiple_market' ) || { img: marketCountryList.length ? marketCountryList?.[0]?.detail && marketCountryList[0].detail?.flag : '', }; } }); } initModal_() { if ( this.isEditMode || !this.ipMatchingMarket?.market_id || !this.useModal_ || this.hasCookie_(COOKIE_TIPS_NAME) || this.win[MARKET_MODAL_LOADED] ) { return; } this.win[MARKET_MODAL_LOADED] = true; const redirectParam = new URLSearchParams(this.win.location.search).get( URL_REDIRECT ); if (redirectParam) { this.initModalEntry_(MARKET_GATEWAY_REDIRECT_MODAL); } else if ( this.ipMatchingMarket.market_id !== this.global?.market?.market_id ) { this.initModalEntry_(MARKET_MODAL); } } async init_() { await this.initSettings_(); await this.initData_(); this.initEntry_(); this.initModal_(); } getDefaultCountryValue_() { return this.getCookie_(MARKET_COUNTRY_COOKIE) || this.marketCountryList[0]?.country_code; } mapCountryRenderData_(country) { return { flag: country?.detail?.flag || '', value: country?.country_code, currency: country?.currency, currencySymbol: country?.symbol?.val || '', url: country?.url, }; } handleCountrySelectChange_(selectedData) { this.setCookie_(MARKET_COUNTRY_COOKIE, selectedData.value); this.handleChangeURL_(selectedData.url); } getDefaultLanguageValue_() { return this.marketLanguages?.find?.( (lang) => lang.code === this.global?.market?.market_lang )?.name; } mapLanguageRenderData_(language) { return { value: language.name, url: language.url, }; } handleLanguageSelectChange_(selectedData) { this.handleChangeURL_(selectedData.url); } renderTemplateElement_(parent, role, value) { const elements = SPZCore.Dom.scopedQuerySelectorAll( parent, `[role="${role}"]` ); elements.forEach((element) => { if (element && value) { element.innerHTML = value; } }); } renderTemplateImg_(parent, role, options) { const flagElement = SPZCore.Dom.scopedQuerySelector( parent, `[role="${role}"]` ); if (flagElement && options?.src && options?.height && options?.width) { const spzImg = self.document.createElement('ljs-img'); spzImg.setAttribute('src', options.src); spzImg.setAttribute('layout', 'responsive'); spzImg.setAttribute('width', options.width); spzImg.setAttribute('height', options.height); spzImg.setAttribute( 'style', `width: ${options.width}px; height: ${options.height}px;` ); flagElement.appendChild(spzImg); } } handleChangeURL_(url) { if (!!url) { let {origin, pathname, search} = this.win.location; pathname = pathname.replace(SITE, url != '/' ? url : ''); this.win.location.href = `${origin}${pathname}${search}`; } else { this.win.location.reload(true); } } initModalEntry_(role) { const marketModalTemplate = SPZCore.Dom.scopedQuerySelector( this.element, `[role="${role}"]` ); if (marketModalTemplate) { const tempParentNode = self.document.createElement('div'); const clonedTemplate = self.document.importNode( marketModalTemplate.content, true ); tempParentNode.appendChild(clonedTemplate); this.renderTemplateImg_(tempParentNode, MARKET_MODAL_FLAG, { src: this.ipMatchingMarket?.img, width: '80', height: '80', }); this.renderTemplateElement_( tempParentNode, MARKET_MODAL_COUNTRY_CODE, this.ipMatchingMarket?.name ); this.renderTemplateElement_( tempParentNode, MARKET_MODAL_CURRENCY_SYMBOL, this.ipMatchingMarket?.currency_with_symbol ); const lightbox = self.document.createElement('ljs-lightbox'); lightbox.setAttribute('layout', 'nodisplay'); lightbox.appendChild(tempParentNode.firstElementChild); self.document.body.appendChild(lightbox); SPZ.whenApiDefined(lightbox).then((apis) => { SPZCore.Dom.scopedQuerySelectorAll( lightbox, `[role="${MARKET_MODAL_CLOSE}"]` ).forEach((ele) => { ele.addEventListener('click', () => { this.setCookie_(COOKIE_TIPS_NAME, 1, COOKIE_TIPS_EXPIRES); apis.close(); }); }); const marketModalConfirmElement = SPZCore.Dom.scopedQuerySelector( lightbox, `[role="${MARKET_MODAL_CONFIRM}"]` ); if (marketModalConfirmElement && this.ipMatchingMarket?.url) { marketModalConfirmElement.addEventListener('click', () => { this.setCookie_(COOKIE_TIPS_NAME, 1, COOKIE_TIPS_EXPIRES); this.setCookie_(MARKET_COUNTRY_COOKIE, this.ipMatchingMarket?.name); this.handleChangeURL_(this.ipMatchingMarket?.url); }); } const marketModalReselectElement = SPZCore.Dom.scopedQuerySelector( lightbox, `[role="${MARKET_MODAL_RESELECT}"]` ); if (marketModalReselectElement) { marketModalReselectElement.addEventListener('click', () => { this.setCookie_(COOKIE_TIPS_NAME, 1, COOKIE_TIPS_EXPIRES); const marketReselectTemplate = SPZCore.Dom.scopedQuerySelector( this.element, `[role="${MARKET_RESELECT_MODAL}"]` ); if (marketReselectTemplate && lightbox.firstElementChild) { const clonedTemplate = self.document.importNode( marketReselectTemplate.content, true ); const selectParent = SPZCore.Dom.scopedQuerySelector( clonedTemplate, `[role="${MARKET_MODAL_RESELECT_COUNTRY_SELECT}"]` ); if (selectParent) { this.createSelect_({ parent: selectParent, defaultValue: this.getDefaultCountryValue_(), dataList: this.marketCountryList.map( this.mapCountryRenderData_ ), listElementWithTemplate: this.getListElementWithTemplate_( MARKET_COUNTRY_SELECT ), itemHandler: this.handleCountrySelectChange_.bind(this), }); } lightbox.replaceChild(clonedTemplate, lightbox.firstElementChild); SPZCore.Dom.scopedQuerySelectorAll( lightbox, `[role="${MARKET_MODAL_CLOSE}"]` ).forEach((ele) => { ele.addEventListener('click', () => { this.setCookie_(COOKIE_TIPS_NAME, 1, COOKIE_TIPS_EXPIRES); apis.close(); }); }); } }); } apis.open(); }); } } async getMarketThemeSettings_() { return this.xhr_.fetchJson(MARKET_THEME_SETTINGS).then((res) => { this.useCountrySelect_ = !!res.country_selector_enabled; this.useLanguageSelect_ = !!res.language_selector_enabled && this.global?.market?.market_id; this.useModal_ = !!res.redirect_pop_enabled; return res; }); } async getCountryList_() { return this.xhr_.fetchJson(MARKET_COUNTRIES).then((res) => { this.marketCountryList = res.data.length ? res.data : []; return res; }); } async getIpMatchingMarket_() { return this.xhr_.fetchJson(IP_MATCHING_MARKET, { method: 'POST', body: { stations: [], }, }); } async getMarketLanguages_(marketId) { return this.xhr_ .fetchJson(MARKET_LANGUAGES.replace(/:id/gim, marketId)) .then((res) => { this.marketLanguages = res?.languages?.length ? res.languages : []; return res; }); } hasCookie_(name) { const m = self.document.cookie .split(';') .filter((pair) => pair.trim().startsWith(name + '=')); return !!(m && m[0]); } getCookie_(name) { const m = self.document.cookie .split(';') .filter((pair) => pair.trim().startsWith(name + '=')); return m && m[0] ? m[0].split('=')[1] : null; } setCookie_(name, value, expires) { const expiresDate = new Date(Date.now() + expires).toGMTString(); self.document.cookie = `${name}=${encodeURIComponent( value )};expires=${expiresDate};path=/`; } } SPZ.defineElement('spz-custom-market', SpzCustomMarket);

BestDVibe

const marketSlot = document.querySelector(".plugin_c_market"); if(marketSlot) { marketSlot.remove(); }

const SITE = (window.C_SETTINGS || window[atob('U0hPUExBWlpB')])?.routes?.root || ''; const MARKET_THEME_SETTINGS = `${SITE}/api/markets/theme_setting`; const MARKET_COUNTRIES = `${SITE}/api/markets/countries`; const IP_MATCHING_MARKET = `${SITE}/api/front/station`; const MARKET_LANGUAGES = `${SITE}/api/markets/:id/active_languages`; const URL_REDIRECT = '_market_redirected'; const COOKIE_TIPS_NAME = 'market_no_tips'; const COOKIE_TIPS_EXPIRES = 1000 * 60 * 60 * 24 * 14; const MARKET_COUNTRY_COOKIE = '_shoplazza_market_country'; const MARKET_MODAL_LOADED = '__market_modal_loaded__'; const PROPERTY_SELECTED = 'selected'; const MARKET_PC_HEADER_TRIGGER = 'market-pc-header-trigger'; const MARKET_PC_HEADER_COUNTRY_SELECT_TITLE = 'market-pc-header-country-select-title'; const MARKET_PC_HEADER_LANGUAGE_SELECT_TITLE = 'market-pc-header-language-select-title'; const MARKET_PC_HEADER_LANGUAGE_SELECT_SUB_TITLE = 'market-pc-header-language-select-sub-title'; const MARKET_PC_HEADER_COUNTRY_SELECT_SUB_TITLE = 'market-pc-header-country-select-sub-title'; const MARKET_FLAG = 'market-flag'; const MARKET_SELECT_VALUE = 'market-select-value'; const MARKET_CURRENCY = 'market-currency'; const MARKET_CURRENCY_SYMBOL = 'market-currency-symbol'; const MARKET_SELECT_ITEM = 'market-select-item'; const MARKET_SELECT_ITEM_ID = 'market-select-item-id'; const MARKET_SELECT_LIST = 'market-select-list'; const MARKET_LANGUAGE_SELECT = 'market-language-select'; const MARKET_COUNTRY_SELECT = 'market-country-select'; const MARKET_MODAL = 'market-modal'; const MARKET_GATEWAY_REDIRECT_MODAL = 'market-gateway-redirect-modal'; const MARKET_RESELECT_MODAL = 'market-reselect-modal'; const MARKET_MODAL_FLAG = 'market-modal-flag'; const MARKET_MODAL_COUNTRY_CODE = 'market-modal-country-code'; const MARKET_MODAL_CURRENCY_SYMBOL = 'market-modal-currency-symbol'; const MARKET_MODAL_CLOSE = 'market-modal-close'; const MARKET_MODAL_CONFIRM = 'market-modal-confirm'; const MARKET_MODAL_RESELECT = 'market-modal-reselect'; const MARKET_MODAL_RESELECT_COUNTRY_SELECT = 'market-modal-reselect-country-select'; const DATA_SECTION_TYPE = 'data-section-type'; const SECTION_TYPE_HEADER = 'header'; const SECTION_TYPE_FOOTER = 'footer'; class SpzCustomMarket extends SPZ.BaseElement { constructor(element) { super(element); this.global = null; this.useCountrySelect_ = false; this.useLanguageSelect_ = false; this.useModal_ = false; this.isSingleSelectMode_ = false; this.blockSectionPosition_ = ''; this.isEditMode = false; this.ipMatchingMarket = null; this.marketCountryList = []; this.marketLanguages = []; this.toast = null; } static deferredMount() { return false; } isLayoutSupported(layout) { return layout == SPZCore.Layout.LOGIC; } buildCallback() { console.debug('Geolocation'); this.xhr_ = SPZServices.xhrFor(this.win); const platform = SPZServices.platformFor(this.win); this.isIOS_ = platform.isIos(); this.action_ = SPZServices.actionServiceForDoc(this.element); this.global = this.win.C_SETTINGS || this.win[atob('U0hPUExBWlpB')]; this.isEditMode = new URLSearchParams(this.win.location.search).get('preview_theme_id') && new URLSearchParams(this.win.location.search).get('oseid'); this.init_(); } showToast_(content) { if (!this.toast) { this.toast = self.document.createElement('ljs-toast'); this.toast.setAttribute('layout', 'nodisplay'); this.toast.setAttribute('hidden', ''); this.toast.setAttribute('duration', '2000'); this.element.appendChild(this.toast); } SPZ.whenApiDefined(this.toast).then((apis) => { apis.showToast(content); }); } triggerEvent_(name, data) { const event = SPZUtils.Event.create(this.win, `${TAG}.${name}`, data); this.action_.trigger(this.element, name, event); } findBlockSectionPosition() { let current = this.element; while (current) { const dataSectionType = current.getAttribute(DATA_SECTION_TYPE); if ( dataSectionType === SECTION_TYPE_HEADER || dataSectionType === SECTION_TYPE_FOOTER ) { return dataSectionType; } current = current.parentElement; } return ''; } async initSettings_() { await this.getMarketThemeSettings_(); if (this.useCountrySelect_) { this.element.setAttribute('use-country-select', true); } if (this.useLanguageSelect_) { this.element.setAttribute('use-language-select', true); } if (this.useModal_) { this.element.setAttribute('use-modal', true); } if ( (this.useCountrySelect_ && !this.useLanguageSelect_) || (!this.useCountrySelect_ && this.useLanguageSelect_) ) { this.isSingleSelectMode_ = true; } this.blockSectionPosition_ = this.findBlockSectionPosition(); this.isPCLayout_ = this.win.matchMedia('(min-width: 960px)').matches; } renderMarketSelectTemplateNode_(clonedTemplate, data) { this.renderTemplateImg_(clonedTemplate, MARKET_FLAG, { src: data?.flag, width: '24', height: '24', }); this.renderTemplateElement_( clonedTemplate, MARKET_SELECT_VALUE, data.value ); this.renderTemplateElement_( clonedTemplate, MARKET_CURRENCY, data?.currency ); this.renderTemplateElement_( clonedTemplate, MARKET_CURRENCY_SYMBOL, data?.currencySymbol ); } bindDropdownOpenClickEvent_(triggerElement, dropdown) { if (!triggerElement) return; const triggerOpen = () => { SPZ.whenApiDefined(dropdown).then((apis) => { if (!dropdown.hasAttribute('open')) { apis.open(triggerElement); } }); }; if (this.isIOS_) { triggerElement.addEventListener('touchstart', triggerOpen); } else { triggerElement.addEventListener('click', triggerOpen); } } createDropdown_() { const dropdown = self.document.createElement('ljs-dropdown'); dropdown.setAttribute('layout', 'nodisplay'); if (this.blockSectionPosition_ === 'header') { dropdown.setAttribute('overlay-style', 'top: 4px;'); dropdown.setAttribute('placement', 'bottomRight'); } else if (this.blockSectionPosition_ === 'footer') { dropdown.setAttribute('overlay-style', 'top: -4px;'); dropdown.setAttribute('placement', 'top'); } return dropdown; } createDropdownIcon_() { const svgElement = document.createElementNS("http://www.w3.org/2000/svg", "svg"); svgElement.setAttribute("class", "market-rotate-180"); svgElement.setAttribute("width", "16"); svgElement.setAttribute("height", "16"); const path1 = document.createElementNS("http://www.w3.org/2000/svg", "path"); path1.setAttribute("d", "M7.47 5.172a.75.75 0 0 1 1.06 0l4.596 4.596a.75.75 0 1 1-1.06 1.06L7.468 6.232a.75.75 0 0 1 0-1.06Z"); path1.setAttribute("fill", "currentColor"); const path2 = document.createElementNS("http://www.w3.org/2000/svg", "path"); path2.setAttribute("d", "M8.533 5.172a.75.75 0 0 1 0 1.06l-4.596 4.596a.75.75 0 1 1-1.061-1.06l4.596-4.596a.75.75 0 0 1 1.06 0Z"); path2.setAttribute("fill", "currentColor"); svgElement.appendChild(path1); svgElement.appendChild(path2); return svgElement; } renderDropdownListWithClickEvent_({ triggerElement, dataList, subTitleRole, listElementWithTemplate, defaultValue, itemHandler, shouldUpdateSelectedItem = false, }) { const dropdown = this.createDropdown_(); const itemTemplate = SPZCore.Dom.scopedQuerySelector( listElementWithTemplate, 'template' ); const clonedItemTemplate = itemTemplate.cloneNode(true); const fragment = self.document.createDocumentFragment(); dataList.forEach((data) => { const tempParentNode = self.document.createElement('div'); const clonedTemplate = self.document.importNode( clonedItemTemplate.content, true ); tempParentNode.appendChild(clonedTemplate); tempParentNode.firstElementChild.classList.add( 'market-select-item' ); this.renderMarketSelectTemplateNode_(tempParentNode, data); const selectItemElement = SPZCore.Dom.scopedQuerySelector( tempParentNode, `[role="${MARKET_SELECT_ITEM}"]` ); if (!selectItemElement) { return; } if (defaultValue === data.value) { if (shouldUpdateSelectedItem) { const clonedSelectItemElement = selectItemElement.cloneNode(true); triggerElement.replaceChild( clonedSelectItemElement, triggerElement.firstElementChild ); } selectItemElement.setAttribute(PROPERTY_SELECTED, ''); } selectItemElement.setAttribute(MARKET_SELECT_ITEM_ID, data.value); fragment.appendChild(tempParentNode.firstElementChild); }); let value = defaultValue; listElementWithTemplate.addEventListener( 'click', (e) => { if (this.isEditMode) { this.showToast_('编辑器下不支持切换国家'); SPZ.whenApiDefined(dropdown).then((apis) => { apis.close(); }); return; } let targetElement = e.target; while (targetElement) { if ( !targetElement || targetElement.getAttribute(MARKET_SELECT_ITEM_ID) ) { break; } targetElement = targetElement.parentNode; } if ( !targetElement || !targetElement.hasAttribute(MARKET_SELECT_ITEM_ID) ) { return; } const selectValue = targetElement.getAttribute(MARKET_SELECT_ITEM_ID); if (value === selectValue) { SPZ.whenApiDefined(dropdown).then((apis) => { apis.close(); }); return; } const selectedData = dataList.find((c) => c.value === selectValue); if (shouldUpdateSelectedItem) { const tempParentNode = self.document.createElement('div'); const clonedTemplate = self.document.importNode( clonedItemTemplate.content, true ); tempParentNode.appendChild(clonedTemplate); this.renderMarketSelectTemplateNode_(tempParentNode, selectedData); tempParentNode.firstElementChild.classList.add( 'market-select-item' ); triggerElement.replaceChild( tempParentNode.firstElementChild, triggerElement.firstElementChild ); } value = selectValue; itemHandler?.(selectedData); SPZ.whenApiDefined(dropdown).then((apis) => { apis.close(); }); }, false ); listElementWithTemplate.removeChild(itemTemplate); listElementWithTemplate.appendChild(fragment); listElementWithTemplate.classList.add('market-select-list'); dropdown.appendChild(listElementWithTemplate); if (subTitleRole) { this.renderSelectTitle_(dropdown, subTitleRole); } return dropdown; } createSelect_({ parent, defaultValue, dataList, listElementWithTemplate, itemHandler, titleRole, }) { const triggerElement = self.document.createElement('div'); triggerElement.classList.add('market-select'); const displayElement = self.document.createElement('div'); triggerElement.appendChild(displayElement); triggerElement.appendChild(this.createDropdownIcon_()); const dropdown = this.renderDropdownListWithClickEvent_({ triggerElement, dataList, listElementWithTemplate, defaultValue, itemHandler, shouldUpdateSelectedItem: true, }); this.bindDropdownOpenClickEvent_(triggerElement, dropdown); const dropdownContainer = self.document.createElement('div'); dropdownContainer.appendChild(triggerElement); dropdownContainer.appendChild(dropdown); dropdownContainer.classList.add('market-select-container'); this.renderSelectTitle_(dropdownContainer, titleRole); parent.appendChild(dropdownContainer); } getListElementWithTemplate_(role) { const template = SPZCore.Dom.scopedQuerySelector( this.element, `[role="${role}"]` ); if (template) { const clonedTemplate = template.cloneNode(true); const tempParent = self.document.createElement("div"); tempParent.appendChild(clonedTemplate.content); const listElementWithTemplate = SPZCore.Dom.scopedQuerySelector( tempParent, `[role="${MARKET_SELECT_LIST}"]` ); return listElementWithTemplate; } return null; } renderSelectTitle_(parent, role) { if (!parent || !role) { return; } const template = SPZCore.Dom.scopedQuerySelector( this.element, `[role="${role}"]` ); const content = self.document.importNode(template.content, true); parent.insertBefore(content, parent.firstElementChild); parent.firstElementChild.classList.add( role.includes('sub') ? 'market-pc-header-select-sub-title' : 'market-pc-header-select-title' ); } initSelect_(rootNode, options) { const parent = rootNode || this.element; if (this.useCountrySelect_) { this.createSelect_({ parent, titleRole: options?.shouldRenderSelectTitle ? MARKET_PC_HEADER_COUNTRY_SELECT_TITLE : undefined, defaultValue: this.getDefaultCountryValue_(), dataList: this.marketCountryList.map(this.mapCountryRenderData_), listElementWithTemplate: this.getListElementWithTemplate_( MARKET_COUNTRY_SELECT ), itemHandler: this.handleCountrySelectChange_.bind(this), }); } if (this.useLanguageSelect_) { this.createSelect_({ parent, titleRole: options?.shouldRenderSelectTitle ? MARKET_PC_HEADER_LANGUAGE_SELECT_TITLE : undefined, defaultValue: this.getDefaultLanguageValue_(), dataList: this.marketLanguages.map(this.mapLanguageRenderData_), listElementWithTemplate: this.getListElementWithTemplate_( MARKET_LANGUAGE_SELECT ), itemHandler: this.handleLanguageSelectChange_.bind(this), }); } } initPcHeaderTriggerElement() { const headerTriggerElementTemplate = SPZCore.Dom.scopedQuerySelector( this.element, `[role="${MARKET_PC_HEADER_TRIGGER}"]` ); const headerTriggerElement = self.document.importNode( headerTriggerElementTemplate.content, true ); const parentDivElement = self.document.createElement('div'); parentDivElement.setAttribute('role', MARKET_PC_HEADER_TRIGGER); parentDivElement.appendChild(headerTriggerElement); this.element.removeChild(headerTriggerElementTemplate); return parentDivElement; } initPanelWithSelect_() { const triggerElement = this.initPcHeaderTriggerElement(); const dropdown = this.createDropdown_(); const panelElement = self.document.createElement('div'); panelElement.classList.add('market-panel'); this.initSelect_(panelElement, {shouldRenderSelectTitle: true}); dropdown.appendChild(panelElement); this.bindDropdownOpenClickEvent_(triggerElement, dropdown); this.element.appendChild(triggerElement); this.element.insertBefore(dropdown, triggerElement); } initSingleSelectDropdown_() { const triggerElement = this.initPcHeaderTriggerElement(); let dropdown; if (this.useCountrySelect_) { dropdown = this.renderDropdownListWithClickEvent_({ triggerElement, subTitleRole: MARKET_PC_HEADER_COUNTRY_SELECT_SUB_TITLE, dataList: this.marketCountryList.map(this.mapCountryRenderData_), listElementWithTemplate: this.getListElementWithTemplate_( MARKET_COUNTRY_SELECT ), defaultValue: this.getDefaultCountryValue_(), itemHandler: this.handleCountrySelectChange_.bind(this), }); } else if (this.useLanguageSelect_) { dropdown = this.renderDropdownListWithClickEvent_({ triggerElement, subTitleRole: MARKET_PC_HEADER_LANGUAGE_SELECT_SUB_TITLE, dataList: this.marketLanguages.map(this.mapLanguageRenderData_), listElementWithTemplate: this.getListElementWithTemplate_( MARKET_LANGUAGE_SELECT ), defaultValue: this.getDefaultLanguageValue_(), itemHandler: this.handleLanguageSelectChange_.bind(this), }); } if (dropdown) { this.bindDropdownOpenClickEvent_(triggerElement, dropdown); this.element.appendChild(triggerElement); this.element.appendChild(dropdown); } } initEntry_() { if (this.blockSectionPosition_ === SECTION_TYPE_HEADER) { if (this.isSingleSelectMode_) { this.initSingleSelectDropdown_(); } else if (this.useCountrySelect_ && this.useLanguageSelect_) { this.initPanelWithSelect_(); } } this.initSelect_(this.element); } async initData_() { const promises = []; if (this.useCountrySelect_ || this.useModal_) { promises.push(this.getCountryList_(), this.getIpMatchingMarket_()); } if (this.useLanguageSelect_) { promises.push(this.getMarketLanguages_(this.global.market.market_id)); } return Promise.all(promises).then((results) => { const ipMatchingMarket = results.find((result) => result.hasOwnProperty('matching_station') ); const marketCountryList = results.find((result) => result.hasOwnProperty('data') ); if (ipMatchingMarket && marketCountryList) { this.ipMatchingMarket = ipMatchingMarket?.matching_station?.find?.( (item) => item.type === 'multiple_market' ) || { img: marketCountryList.length ? marketCountryList?.[0]?.detail && marketCountryList[0].detail?.flag : '', }; } }); } initModal_() { if ( this.isEditMode || !this.ipMatchingMarket?.market_id || !this.useModal_ || this.hasCookie_(COOKIE_TIPS_NAME) || this.win[MARKET_MODAL_LOADED] ) { return; } this.win[MARKET_MODAL_LOADED] = true; const redirectParam = new URLSearchParams(this.win.location.search).get( URL_REDIRECT ); if (redirectParam) { this.initModalEntry_(MARKET_GATEWAY_REDIRECT_MODAL); } else if ( this.ipMatchingMarket.market_id !== this.global?.market?.market_id ) { this.initModalEntry_(MARKET_MODAL); } } async init_() { await this.initSettings_(); await this.initData_(); this.initEntry_(); this.initModal_(); } getDefaultCountryValue_() { return this.getCookie_(MARKET_COUNTRY_COOKIE) || this.marketCountryList[0]?.country_code; } mapCountryRenderData_(country) { return { flag: country?.detail?.flag || '', value: country?.country_code, currency: country?.currency, currencySymbol: country?.symbol?.val || '', url: country?.url, }; } handleCountrySelectChange_(selectedData) { this.setCookie_(MARKET_COUNTRY_COOKIE, selectedData.value); this.handleChangeURL_(selectedData.url); } getDefaultLanguageValue_() { return this.marketLanguages?.find?.( (lang) => lang.code === this.global?.market?.market_lang )?.name; } mapLanguageRenderData_(language) { return { value: language.name, url: language.url, }; } handleLanguageSelectChange_(selectedData) { this.handleChangeURL_(selectedData.url); } renderTemplateElement_(parent, role, value) { const elements = SPZCore.Dom.scopedQuerySelectorAll( parent, `[role="${role}"]` ); elements.forEach((element) => { if (element && value) { element.innerHTML = value; } }); } renderTemplateImg_(parent, role, options) { const flagElement = SPZCore.Dom.scopedQuerySelector( parent, `[role="${role}"]` ); if (flagElement && options?.src && options?.height && options?.width) { const spzImg = self.document.createElement('ljs-img'); spzImg.setAttribute('src', options.src); spzImg.setAttribute('layout', 'responsive'); spzImg.setAttribute('width', options.width); spzImg.setAttribute('height', options.height); spzImg.setAttribute( 'style', `width: ${options.width}px; height: ${options.height}px;` ); flagElement.appendChild(spzImg); } } handleChangeURL_(url) { if (!!url) { let {origin, pathname, search} = this.win.location; pathname = pathname.replace(SITE, url != '/' ? url : ''); this.win.location.href = `${origin}${pathname}${search}`; } else { this.win.location.reload(true); } } initModalEntry_(role) { const marketModalTemplate = SPZCore.Dom.scopedQuerySelector( this.element, `[role="${role}"]` ); if (marketModalTemplate) { const tempParentNode = self.document.createElement('div'); const clonedTemplate = self.document.importNode( marketModalTemplate.content, true ); tempParentNode.appendChild(clonedTemplate); this.renderTemplateImg_(tempParentNode, MARKET_MODAL_FLAG, { src: this.ipMatchingMarket?.img, width: '80', height: '80', }); this.renderTemplateElement_( tempParentNode, MARKET_MODAL_COUNTRY_CODE, this.ipMatchingMarket?.name ); this.renderTemplateElement_( tempParentNode, MARKET_MODAL_CURRENCY_SYMBOL, this.ipMatchingMarket?.currency_with_symbol ); const lightbox = self.document.createElement('ljs-lightbox'); lightbox.setAttribute('layout', 'nodisplay'); lightbox.appendChild(tempParentNode.firstElementChild); self.document.body.appendChild(lightbox); SPZ.whenApiDefined(lightbox).then((apis) => { SPZCore.Dom.scopedQuerySelectorAll( lightbox, `[role="${MARKET_MODAL_CLOSE}"]` ).forEach((ele) => { ele.addEventListener('click', () => { this.setCookie_(COOKIE_TIPS_NAME, 1, COOKIE_TIPS_EXPIRES); apis.close(); }); }); const marketModalConfirmElement = SPZCore.Dom.scopedQuerySelector( lightbox, `[role="${MARKET_MODAL_CONFIRM}"]` ); if (marketModalConfirmElement && this.ipMatchingMarket?.url) { marketModalConfirmElement.addEventListener('click', () => { this.setCookie_(COOKIE_TIPS_NAME, 1, COOKIE_TIPS_EXPIRES); this.setCookie_(MARKET_COUNTRY_COOKIE, this.ipMatchingMarket?.name); this.handleChangeURL_(this.ipMatchingMarket?.url); }); } const marketModalReselectElement = SPZCore.Dom.scopedQuerySelector( lightbox, `[role="${MARKET_MODAL_RESELECT}"]` ); if (marketModalReselectElement) { marketModalReselectElement.addEventListener('click', () => { this.setCookie_(COOKIE_TIPS_NAME, 1, COOKIE_TIPS_EXPIRES); const marketReselectTemplate = SPZCore.Dom.scopedQuerySelector( this.element, `[role="${MARKET_RESELECT_MODAL}"]` ); if (marketReselectTemplate && lightbox.firstElementChild) { const clonedTemplate = self.document.importNode( marketReselectTemplate.content, true ); const selectParent = SPZCore.Dom.scopedQuerySelector( clonedTemplate, `[role="${MARKET_MODAL_RESELECT_COUNTRY_SELECT}"]` ); if (selectParent) { this.createSelect_({ parent: selectParent, defaultValue: this.getDefaultCountryValue_(), dataList: this.marketCountryList.map( this.mapCountryRenderData_ ), listElementWithTemplate: this.getListElementWithTemplate_( MARKET_COUNTRY_SELECT ), itemHandler: this.handleCountrySelectChange_.bind(this), }); } lightbox.replaceChild(clonedTemplate, lightbox.firstElementChild); SPZCore.Dom.scopedQuerySelectorAll( lightbox, `[role="${MARKET_MODAL_CLOSE}"]` ).forEach((ele) => { ele.addEventListener('click', () => { this.setCookie_(COOKIE_TIPS_NAME, 1, COOKIE_TIPS_EXPIRES); apis.close(); }); }); } }); } apis.open(); }); } } async getMarketThemeSettings_() { return this.xhr_.fetchJson(MARKET_THEME_SETTINGS).then((res) => { this.useCountrySelect_ = !!res.country_selector_enabled; this.useLanguageSelect_ = !!res.language_selector_enabled && this.global?.market?.market_id; this.useModal_ = !!res.redirect_pop_enabled; return res; }); } async getCountryList_() { return this.xhr_.fetchJson(MARKET_COUNTRIES).then((res) => { this.marketCountryList = res.data.length ? res.data : []; return res; }); } async getIpMatchingMarket_() { return this.xhr_.fetchJson(IP_MATCHING_MARKET, { method: 'POST', body: { stations: [], }, }); } async getMarketLanguages_(marketId) { return this.xhr_ .fetchJson(MARKET_LANGUAGES.replace(/:id/gim, marketId)) .then((res) => { this.marketLanguages = res?.languages?.length ? res.languages : []; return res; }); } hasCookie_(name) { const m = self.document.cookie .split(';') .filter((pair) => pair.trim().startsWith(name + '=')); return !!(m && m[0]); } getCookie_(name) { const m = self.document.cookie .split(';') .filter((pair) => pair.trim().startsWith(name + '=')); return m && m[0] ? m[0].split('=')[1] : null; } setCookie_(name, value, expires) { const expiresDate = new Date(Date.now() + expires).toGMTString(); self.document.cookie = `${name}=${encodeURIComponent( value )};expires=${expiresDate};path=/`; } } SPZ.defineElement('spz-custom-market', SpzCustomMarket);

Account

Log in
Create an account

Close

ALL CATEGORIES
- ALL CATEGORIES
- SHOP ALL TOPS
  - SHOP ALL TOPS
  - HOODIES & SWEATSHIRTS
  - SHORT SLEEVE SHIRTS
  - COTTON LINEN SHIRTS
  - SHORT SLEEVE TEES
  - LONG SLEEVE SHIRTS
  - POLO SHIRTS
  - SHIRTS WITH BREAST POCKET
- POLOS
  - POLOS
  - SHORT SLEEVE POLOS
  - LONG SLEEVE POLOS
- BOTTOMS
  - BOTTOMS
  - SHOP ALL BOTTOMS
  - SHORTS
  - PANTS
- ACCESSORIES🧣
  - ACCESSORIES🧣
  - SHOP ALL ACC
  - SUSPENDERS
  - SOCKS 🧦
  - CAP 🧢
BEST SELLER HOT
NEW
FALL & WINTER APPREAL ❄️
- FALL & WINTER APPREAL ❄️
- SHOP ALL
  - SHOP ALL
  - HOODIES & SWEATSHIRTS
  - LONG SLEEVE POLOS
  - LONG SLEEVE SHIRTS
  - COATS & JACKETS
  - LONG SLEEVE T-SHIRT
HOODIES & SWEATSHIRTS
SHORT SLEEVE SHIRTS
- SHORT SLEEVE SHIRTS
- BY CATEGORY
  - BY CATEGORY
  - SHOP ALL
  - SHIRTS WITH BREAST POCKET
  - TEES
  - POLOS
- BY STYLE
  - BY STYLE
  - HAWAIIAN SHIRTS 🌊
  - MUSICAL STYLE 🎸
  - FLAME🔥
  - SPACE SERIES☁️
  - SKULL STYLE☠️
  - SUMMER🏖️
  - COLORFUL🌈
  - COSTUME SHIRTS
  - CREATURE PRINT🐲
SALE⚡️
Log in
Create an account

const marketSlot = document.querySelector(".plugin_c_market"); if(marketSlot) { marketSlot.remove(); }

const SITE = (window.C_SETTINGS || window[atob('U0hPUExBWlpB')])?.routes?.root || ''; const MARKET_THEME_SETTINGS = `${SITE}/api/markets/theme_setting`; const MARKET_COUNTRIES = `${SITE}/api/markets/countries`; const IP_MATCHING_MARKET = `${SITE}/api/front/station`; const MARKET_LANGUAGES = `${SITE}/api/markets/:id/active_languages`; const URL_REDIRECT = '_market_redirected'; const COOKIE_TIPS_NAME = 'market_no_tips'; const COOKIE_TIPS_EXPIRES = 1000 * 60 * 60 * 24 * 14; const MARKET_COUNTRY_COOKIE = '_shoplazza_market_country'; const MARKET_MODAL_LOADED = '__market_modal_loaded__'; const PROPERTY_SELECTED = 'selected'; const MARKET_PC_HEADER_TRIGGER = 'market-pc-header-trigger'; const MARKET_PC_HEADER_COUNTRY_SELECT_TITLE = 'market-pc-header-country-select-title'; const MARKET_PC_HEADER_LANGUAGE_SELECT_TITLE = 'market-pc-header-language-select-title'; const MARKET_PC_HEADER_LANGUAGE_SELECT_SUB_TITLE = 'market-pc-header-language-select-sub-title'; const MARKET_PC_HEADER_COUNTRY_SELECT_SUB_TITLE = 'market-pc-header-country-select-sub-title'; const MARKET_FLAG = 'market-flag'; const MARKET_SELECT_VALUE = 'market-select-value'; const MARKET_CURRENCY = 'market-currency'; const MARKET_CURRENCY_SYMBOL = 'market-currency-symbol'; const MARKET_SELECT_ITEM = 'market-select-item'; const MARKET_SELECT_ITEM_ID = 'market-select-item-id'; const MARKET_SELECT_LIST = 'market-select-list'; const MARKET_LANGUAGE_SELECT = 'market-language-select'; const MARKET_COUNTRY_SELECT = 'market-country-select'; const MARKET_MODAL = 'market-modal'; const MARKET_GATEWAY_REDIRECT_MODAL = 'market-gateway-redirect-modal'; const MARKET_RESELECT_MODAL = 'market-reselect-modal'; const MARKET_MODAL_FLAG = 'market-modal-flag'; const MARKET_MODAL_COUNTRY_CODE = 'market-modal-country-code'; const MARKET_MODAL_CURRENCY_SYMBOL = 'market-modal-currency-symbol'; const MARKET_MODAL_CLOSE = 'market-modal-close'; const MARKET_MODAL_CONFIRM = 'market-modal-confirm'; const MARKET_MODAL_RESELECT = 'market-modal-reselect'; const MARKET_MODAL_RESELECT_COUNTRY_SELECT = 'market-modal-reselect-country-select'; const DATA_SECTION_TYPE = 'data-section-type'; const SECTION_TYPE_HEADER = 'header'; const SECTION_TYPE_FOOTER = 'footer'; class SpzCustomMarket extends SPZ.BaseElement { constructor(element) { super(element); this.global = null; this.useCountrySelect_ = false; this.useLanguageSelect_ = false; this.useModal_ = false; this.isSingleSelectMode_ = false; this.blockSectionPosition_ = ''; this.isEditMode = false; this.ipMatchingMarket = null; this.marketCountryList = []; this.marketLanguages = []; this.toast = null; } static deferredMount() { return false; } isLayoutSupported(layout) { return layout == SPZCore.Layout.LOGIC; } buildCallback() { console.debug('Geolocation'); this.xhr_ = SPZServices.xhrFor(this.win); const platform = SPZServices.platformFor(this.win); this.isIOS_ = platform.isIos(); this.action_ = SPZServices.actionServiceForDoc(this.element); this.global = this.win.C_SETTINGS || this.win[atob('U0hPUExBWlpB')]; this.isEditMode = new URLSearchParams(this.win.location.search).get('preview_theme_id') && new URLSearchParams(this.win.location.search).get('oseid'); this.init_(); } showToast_(content) { if (!this.toast) { this.toast = self.document.createElement('ljs-toast'); this.toast.setAttribute('layout', 'nodisplay'); this.toast.setAttribute('hidden', ''); this.toast.setAttribute('duration', '2000'); this.element.appendChild(this.toast); } SPZ.whenApiDefined(this.toast).then((apis) => { apis.showToast(content); }); } triggerEvent_(name, data) { const event = SPZUtils.Event.create(this.win, `${TAG}.${name}`, data); this.action_.trigger(this.element, name, event); } findBlockSectionPosition() { let current = this.element; while (current) { const dataSectionType = current.getAttribute(DATA_SECTION_TYPE); if ( dataSectionType === SECTION_TYPE_HEADER || dataSectionType === SECTION_TYPE_FOOTER ) { return dataSectionType; } current = current.parentElement; } return ''; } async initSettings_() { await this.getMarketThemeSettings_(); if (this.useCountrySelect_) { this.element.setAttribute('use-country-select', true); } if (this.useLanguageSelect_) { this.element.setAttribute('use-language-select', true); } if (this.useModal_) { this.element.setAttribute('use-modal', true); } if ( (this.useCountrySelect_ && !this.useLanguageSelect_) || (!this.useCountrySelect_ && this.useLanguageSelect_) ) { this.isSingleSelectMode_ = true; } this.blockSectionPosition_ = this.findBlockSectionPosition(); this.isPCLayout_ = this.win.matchMedia('(min-width: 960px)').matches; } renderMarketSelectTemplateNode_(clonedTemplate, data) { this.renderTemplateImg_(clonedTemplate, MARKET_FLAG, { src: data?.flag, width: '24', height: '24', }); this.renderTemplateElement_( clonedTemplate, MARKET_SELECT_VALUE, data.value ); this.renderTemplateElement_( clonedTemplate, MARKET_CURRENCY, data?.currency ); this.renderTemplateElement_( clonedTemplate, MARKET_CURRENCY_SYMBOL, data?.currencySymbol ); } bindDropdownOpenClickEvent_(triggerElement, dropdown) { if (!triggerElement) return; const triggerOpen = () => { SPZ.whenApiDefined(dropdown).then((apis) => { if (!dropdown.hasAttribute('open')) { apis.open(triggerElement); } }); }; if (this.isIOS_) { triggerElement.addEventListener('touchstart', triggerOpen); } else { triggerElement.addEventListener('click', triggerOpen); } } createDropdown_() { const dropdown = self.document.createElement('ljs-dropdown'); dropdown.setAttribute('layout', 'nodisplay'); if (this.blockSectionPosition_ === 'header') { dropdown.setAttribute('overlay-style', 'top: 4px;'); dropdown.setAttribute('placement', 'bottomRight'); } else if (this.blockSectionPosition_ === 'footer') { dropdown.setAttribute('overlay-style', 'top: -4px;'); dropdown.setAttribute('placement', 'top'); } return dropdown; } createDropdownIcon_() { const svgElement = document.createElementNS("http://www.w3.org/2000/svg", "svg"); svgElement.setAttribute("class", "market-rotate-180"); svgElement.setAttribute("width", "16"); svgElement.setAttribute("height", "16"); const path1 = document.createElementNS("http://www.w3.org/2000/svg", "path"); path1.setAttribute("d", "M7.47 5.172a.75.75 0 0 1 1.06 0l4.596 4.596a.75.75 0 1 1-1.06 1.06L7.468 6.232a.75.75 0 0 1 0-1.06Z"); path1.setAttribute("fill", "currentColor"); const path2 = document.createElementNS("http://www.w3.org/2000/svg", "path"); path2.setAttribute("d", "M8.533 5.172a.75.75 0 0 1 0 1.06l-4.596 4.596a.75.75 0 1 1-1.061-1.06l4.596-4.596a.75.75 0 0 1 1.06 0Z"); path2.setAttribute("fill", "currentColor"); svgElement.appendChild(path1); svgElement.appendChild(path2); return svgElement; } renderDropdownListWithClickEvent_({ triggerElement, dataList, subTitleRole, listElementWithTemplate, defaultValue, itemHandler, shouldUpdateSelectedItem = false, }) { const dropdown = this.createDropdown_(); const itemTemplate = SPZCore.Dom.scopedQuerySelector( listElementWithTemplate, 'template' ); const clonedItemTemplate = itemTemplate.cloneNode(true); const fragment = self.document.createDocumentFragment(); dataList.forEach((data) => { const tempParentNode = self.document.createElement('div'); const clonedTemplate = self.document.importNode( clonedItemTemplate.content, true ); tempParentNode.appendChild(clonedTemplate); tempParentNode.firstElementChild.classList.add( 'market-select-item' ); this.renderMarketSelectTemplateNode_(tempParentNode, data); const selectItemElement = SPZCore.Dom.scopedQuerySelector( tempParentNode, `[role="${MARKET_SELECT_ITEM}"]` ); if (!selectItemElement) { return; } if (defaultValue === data.value) { if (shouldUpdateSelectedItem) { const clonedSelectItemElement = selectItemElement.cloneNode(true); triggerElement.replaceChild( clonedSelectItemElement, triggerElement.firstElementChild ); } selectItemElement.setAttribute(PROPERTY_SELECTED, ''); } selectItemElement.setAttribute(MARKET_SELECT_ITEM_ID, data.value); fragment.appendChild(tempParentNode.firstElementChild); }); let value = defaultValue; listElementWithTemplate.addEventListener( 'click', (e) => { if (this.isEditMode) { this.showToast_('编辑器下不支持切换国家'); SPZ.whenApiDefined(dropdown).then((apis) => { apis.close(); }); return; } let targetElement = e.target; while (targetElement) { if ( !targetElement || targetElement.getAttribute(MARKET_SELECT_ITEM_ID) ) { break; } targetElement = targetElement.parentNode; } if ( !targetElement || !targetElement.hasAttribute(MARKET_SELECT_ITEM_ID) ) { return; } const selectValue = targetElement.getAttribute(MARKET_SELECT_ITEM_ID); if (value === selectValue) { SPZ.whenApiDefined(dropdown).then((apis) => { apis.close(); }); return; } const selectedData = dataList.find((c) => c.value === selectValue); if (shouldUpdateSelectedItem) { const tempParentNode = self.document.createElement('div'); const clonedTemplate = self.document.importNode( clonedItemTemplate.content, true ); tempParentNode.appendChild(clonedTemplate); this.renderMarketSelectTemplateNode_(tempParentNode, selectedData); tempParentNode.firstElementChild.classList.add( 'market-select-item' ); triggerElement.replaceChild( tempParentNode.firstElementChild, triggerElement.firstElementChild ); } value = selectValue; itemHandler?.(selectedData); SPZ.whenApiDefined(dropdown).then((apis) => { apis.close(); }); }, false ); listElementWithTemplate.removeChild(itemTemplate); listElementWithTemplate.appendChild(fragment); listElementWithTemplate.classList.add('market-select-list'); dropdown.appendChild(listElementWithTemplate); if (subTitleRole) { this.renderSelectTitle_(dropdown, subTitleRole); } return dropdown; } createSelect_({ parent, defaultValue, dataList, listElementWithTemplate, itemHandler, titleRole, }) { const triggerElement = self.document.createElement('div'); triggerElement.classList.add('market-select'); const displayElement = self.document.createElement('div'); triggerElement.appendChild(displayElement); triggerElement.appendChild(this.createDropdownIcon_()); const dropdown = this.renderDropdownListWithClickEvent_({ triggerElement, dataList, listElementWithTemplate, defaultValue, itemHandler, shouldUpdateSelectedItem: true, }); this.bindDropdownOpenClickEvent_(triggerElement, dropdown); const dropdownContainer = self.document.createElement('div'); dropdownContainer.appendChild(triggerElement); dropdownContainer.appendChild(dropdown); dropdownContainer.classList.add('market-select-container'); this.renderSelectTitle_(dropdownContainer, titleRole); parent.appendChild(dropdownContainer); } getListElementWithTemplate_(role) { const template = SPZCore.Dom.scopedQuerySelector( this.element, `[role="${role}"]` ); if (template) { const clonedTemplate = template.cloneNode(true); const tempParent = self.document.createElement("div"); tempParent.appendChild(clonedTemplate.content); const listElementWithTemplate = SPZCore.Dom.scopedQuerySelector( tempParent, `[role="${MARKET_SELECT_LIST}"]` ); return listElementWithTemplate; } return null; } renderSelectTitle_(parent, role) { if (!parent || !role) { return; } const template = SPZCore.Dom.scopedQuerySelector( this.element, `[role="${role}"]` ); const content = self.document.importNode(template.content, true); parent.insertBefore(content, parent.firstElementChild); parent.firstElementChild.classList.add( role.includes('sub') ? 'market-pc-header-select-sub-title' : 'market-pc-header-select-title' ); } initSelect_(rootNode, options) { const parent = rootNode || this.element; if (this.useCountrySelect_) { this.createSelect_({ parent, titleRole: options?.shouldRenderSelectTitle ? MARKET_PC_HEADER_COUNTRY_SELECT_TITLE : undefined, defaultValue: this.getDefaultCountryValue_(), dataList: this.marketCountryList.map(this.mapCountryRenderData_), listElementWithTemplate: this.getListElementWithTemplate_( MARKET_COUNTRY_SELECT ), itemHandler: this.handleCountrySelectChange_.bind(this), }); } if (this.useLanguageSelect_) { this.createSelect_({ parent, titleRole: options?.shouldRenderSelectTitle ? MARKET_PC_HEADER_LANGUAGE_SELECT_TITLE : undefined, defaultValue: this.getDefaultLanguageValue_(), dataList: this.marketLanguages.map(this.mapLanguageRenderData_), listElementWithTemplate: this.getListElementWithTemplate_( MARKET_LANGUAGE_SELECT ), itemHandler: this.handleLanguageSelectChange_.bind(this), }); } } initPcHeaderTriggerElement() { const headerTriggerElementTemplate = SPZCore.Dom.scopedQuerySelector( this.element, `[role="${MARKET_PC_HEADER_TRIGGER}"]` ); const headerTriggerElement = self.document.importNode( headerTriggerElementTemplate.content, true ); const parentDivElement = self.document.createElement('div'); parentDivElement.setAttribute('role', MARKET_PC_HEADER_TRIGGER); parentDivElement.appendChild(headerTriggerElement); this.element.removeChild(headerTriggerElementTemplate); return parentDivElement; } initPanelWithSelect_() { const triggerElement = this.initPcHeaderTriggerElement(); const dropdown = this.createDropdown_(); const panelElement = self.document.createElement('div'); panelElement.classList.add('market-panel'); this.initSelect_(panelElement, {shouldRenderSelectTitle: true}); dropdown.appendChild(panelElement); this.bindDropdownOpenClickEvent_(triggerElement, dropdown); this.element.appendChild(triggerElement); this.element.insertBefore(dropdown, triggerElement); } initSingleSelectDropdown_() { const triggerElement = this.initPcHeaderTriggerElement(); let dropdown; if (this.useCountrySelect_) { dropdown = this.renderDropdownListWithClickEvent_({ triggerElement, subTitleRole: MARKET_PC_HEADER_COUNTRY_SELECT_SUB_TITLE, dataList: this.marketCountryList.map(this.mapCountryRenderData_), listElementWithTemplate: this.getListElementWithTemplate_( MARKET_COUNTRY_SELECT ), defaultValue: this.getDefaultCountryValue_(), itemHandler: this.handleCountrySelectChange_.bind(this), }); } else if (this.useLanguageSelect_) { dropdown = this.renderDropdownListWithClickEvent_({ triggerElement, subTitleRole: MARKET_PC_HEADER_LANGUAGE_SELECT_SUB_TITLE, dataList: this.marketLanguages.map(this.mapLanguageRenderData_), listElementWithTemplate: this.getListElementWithTemplate_( MARKET_LANGUAGE_SELECT ), defaultValue: this.getDefaultLanguageValue_(), itemHandler: this.handleLanguageSelectChange_.bind(this), }); } if (dropdown) { this.bindDropdownOpenClickEvent_(triggerElement, dropdown); this.element.appendChild(triggerElement); this.element.appendChild(dropdown); } } initEntry_() { if (this.blockSectionPosition_ === SECTION_TYPE_HEADER) { if (this.isSingleSelectMode_) { this.initSingleSelectDropdown_(); } else if (this.useCountrySelect_ && this.useLanguageSelect_) { this.initPanelWithSelect_(); } } this.initSelect_(this.element); } async initData_() { const promises = []; if (this.useCountrySelect_ || this.useModal_) { promises.push(this.getCountryList_(), this.getIpMatchingMarket_()); } if (this.useLanguageSelect_) { promises.push(this.getMarketLanguages_(this.global.market.market_id)); } return Promise.all(promises).then((results) => { const ipMatchingMarket = results.find((result) => result.hasOwnProperty('matching_station') ); const marketCountryList = results.find((result) => result.hasOwnProperty('data') ); if (ipMatchingMarket && marketCountryList) { this.ipMatchingMarket = ipMatchingMarket?.matching_station?.find?.( (item) => item.type === 'multiple_market' ) || { img: marketCountryList.length ? marketCountryList?.[0]?.detail && marketCountryList[0].detail?.flag : '', }; } }); } initModal_() { if ( this.isEditMode || !this.ipMatchingMarket?.market_id || !this.useModal_ || this.hasCookie_(COOKIE_TIPS_NAME) || this.win[MARKET_MODAL_LOADED] ) { return; } this.win[MARKET_MODAL_LOADED] = true; const redirectParam = new URLSearchParams(this.win.location.search).get( URL_REDIRECT ); if (redirectParam) { this.initModalEntry_(MARKET_GATEWAY_REDIRECT_MODAL); } else if ( this.ipMatchingMarket.market_id !== this.global?.market?.market_id ) { this.initModalEntry_(MARKET_MODAL); } } async init_() { await this.initSettings_(); await this.initData_(); this.initEntry_(); this.initModal_(); } getDefaultCountryValue_() { return this.getCookie_(MARKET_COUNTRY_COOKIE) || this.marketCountryList[0]?.country_code; } mapCountryRenderData_(country) { return { flag: country?.detail?.flag || '', value: country?.country_code, currency: country?.currency, currencySymbol: country?.symbol?.val || '', url: country?.url, }; } handleCountrySelectChange_(selectedData) { this.setCookie_(MARKET_COUNTRY_COOKIE, selectedData.value); this.handleChangeURL_(selectedData.url); } getDefaultLanguageValue_() { return this.marketLanguages?.find?.( (lang) => lang.code === this.global?.market?.market_lang )?.name; } mapLanguageRenderData_(language) { return { value: language.name, url: language.url, }; } handleLanguageSelectChange_(selectedData) { this.handleChangeURL_(selectedData.url); } renderTemplateElement_(parent, role, value) { const elements = SPZCore.Dom.scopedQuerySelectorAll( parent, `[role="${role}"]` ); elements.forEach((element) => { if (element && value) { element.innerHTML = value; } }); } renderTemplateImg_(parent, role, options) { const flagElement = SPZCore.Dom.scopedQuerySelector( parent, `[role="${role}"]` ); if (flagElement && options?.src && options?.height && options?.width) { const spzImg = self.document.createElement('ljs-img'); spzImg.setAttribute('src', options.src); spzImg.setAttribute('layout', 'responsive'); spzImg.setAttribute('width', options.width); spzImg.setAttribute('height', options.height); spzImg.setAttribute( 'style', `width: ${options.width}px; height: ${options.height}px;` ); flagElement.appendChild(spzImg); } } handleChangeURL_(url) { if (!!url) { let {origin, pathname, search} = this.win.location; pathname = pathname.replace(SITE, url != '/' ? url : ''); this.win.location.href = `${origin}${pathname}${search}`; } else { this.win.location.reload(true); } } initModalEntry_(role) { const marketModalTemplate = SPZCore.Dom.scopedQuerySelector( this.element, `[role="${role}"]` ); if (marketModalTemplate) { const tempParentNode = self.document.createElement('div'); const clonedTemplate = self.document.importNode( marketModalTemplate.content, true ); tempParentNode.appendChild(clonedTemplate); this.renderTemplateImg_(tempParentNode, MARKET_MODAL_FLAG, { src: this.ipMatchingMarket?.img, width: '80', height: '80', }); this.renderTemplateElement_( tempParentNode, MARKET_MODAL_COUNTRY_CODE, this.ipMatchingMarket?.name ); this.renderTemplateElement_( tempParentNode, MARKET_MODAL_CURRENCY_SYMBOL, this.ipMatchingMarket?.currency_with_symbol ); const lightbox = self.document.createElement('ljs-lightbox'); lightbox.setAttribute('layout', 'nodisplay'); lightbox.appendChild(tempParentNode.firstElementChild); self.document.body.appendChild(lightbox); SPZ.whenApiDefined(lightbox).then((apis) => { SPZCore.Dom.scopedQuerySelectorAll( lightbox, `[role="${MARKET_MODAL_CLOSE}"]` ).forEach((ele) => { ele.addEventListener('click', () => { this.setCookie_(COOKIE_TIPS_NAME, 1, COOKIE_TIPS_EXPIRES); apis.close(); }); }); const marketModalConfirmElement = SPZCore.Dom.scopedQuerySelector( lightbox, `[role="${MARKET_MODAL_CONFIRM}"]` ); if (marketModalConfirmElement && this.ipMatchingMarket?.url) { marketModalConfirmElement.addEventListener('click', () => { this.setCookie_(COOKIE_TIPS_NAME, 1, COOKIE_TIPS_EXPIRES); this.setCookie_(MARKET_COUNTRY_COOKIE, this.ipMatchingMarket?.name); this.handleChangeURL_(this.ipMatchingMarket?.url); }); } const marketModalReselectElement = SPZCore.Dom.scopedQuerySelector( lightbox, `[role="${MARKET_MODAL_RESELECT}"]` ); if (marketModalReselectElement) { marketModalReselectElement.addEventListener('click', () => { this.setCookie_(COOKIE_TIPS_NAME, 1, COOKIE_TIPS_EXPIRES); const marketReselectTemplate = SPZCore.Dom.scopedQuerySelector( this.element, `[role="${MARKET_RESELECT_MODAL}"]` ); if (marketReselectTemplate && lightbox.firstElementChild) { const clonedTemplate = self.document.importNode( marketReselectTemplate.content, true ); const selectParent = SPZCore.Dom.scopedQuerySelector( clonedTemplate, `[role="${MARKET_MODAL_RESELECT_COUNTRY_SELECT}"]` ); if (selectParent) { this.createSelect_({ parent: selectParent, defaultValue: this.getDefaultCountryValue_(), dataList: this.marketCountryList.map( this.mapCountryRenderData_ ), listElementWithTemplate: this.getListElementWithTemplate_( MARKET_COUNTRY_SELECT ), itemHandler: this.handleCountrySelectChange_.bind(this), }); } lightbox.replaceChild(clonedTemplate, lightbox.firstElementChild); SPZCore.Dom.scopedQuerySelectorAll( lightbox, `[role="${MARKET_MODAL_CLOSE}"]` ).forEach((ele) => { ele.addEventListener('click', () => { this.setCookie_(COOKIE_TIPS_NAME, 1, COOKIE_TIPS_EXPIRES); apis.close(); }); }); } }); } apis.open(); }); } } async getMarketThemeSettings_() { return this.xhr_.fetchJson(MARKET_THEME_SETTINGS).then((res) => { this.useCountrySelect_ = !!res.country_selector_enabled; this.useLanguageSelect_ = !!res.language_selector_enabled && this.global?.market?.market_id; this.useModal_ = !!res.redirect_pop_enabled; return res; }); } async getCountryList_() { return this.xhr_.fetchJson(MARKET_COUNTRIES).then((res) => { this.marketCountryList = res.data.length ? res.data : []; return res; }); } async getIpMatchingMarket_() { return this.xhr_.fetchJson(IP_MATCHING_MARKET, { method: 'POST', body: { stations: [], }, }); } async getMarketLanguages_(marketId) { return this.xhr_ .fetchJson(MARKET_LANGUAGES.replace(/:id/gim, marketId)) .then((res) => { this.marketLanguages = res?.languages?.length ? res.languages : []; return res; }); } hasCookie_(name) { const m = self.document.cookie .split(';') .filter((pair) => pair.trim().startsWith(name + '=')); return !!(m && m[0]); } getCookie_(name) { const m = self.document.cookie .split(';') .filter((pair) => pair.trim().startsWith(name + '=')); return m && m[0] ? m[0].split('=')[1] : null; } setCookie_(name, value, expires) { const expiresDate = new Date(Date.now() + expires).toGMTString(); self.document.cookie = `${name}=${encodeURIComponent( value )};expires=${expiresDate};path=/`; } } SPZ.defineElement('spz-custom-market', SpzCustomMarket);

ALL CATEGORIES
BEST SELLER
HOT
NEW
FALL & WINTER APPREAL ❄️
- SHOP ALL HOODIES & SWEATSHIRTS LONG SLEEVE POLOS LONG SLEEVE SHIRTS COATS & JACKETS LONG SLEEVE T-SHIRT
HOODIES & SWEATSHIRTS
SHORT SLEEVE SHIRTS
- BY CATEGORY SHOP ALL SHIRTS WITH BREAST POCKET TEES POLOS
- BY STYLE HAWAIIAN SHIRTS 🌊 MUSICAL STYLE 🎸 FLAME🔥 SPACE SERIES☁️ SKULL STYLE☠️ SUMMER🏖️ COLORFUL🌈 COSTUME SHIRTS CREATURE PRINT🐲
SALE⚡️
More links

Halloween

Filter

Clear all

size

2xl (120)
3xl (119)
4xl (120)
4xlt (73)
5xl (113)
5xlt (73)
6xl (39)
l (119)
m (116)
s (111)
xl (119)
xs (72)

122 Products

122 Products

Filter and sort

size

Sort by

size

2xl (120)
3xl (119)
4xl (120)
4xlt (73)
5xl (113)
5xlt (73)
6xl (39)
l (119)
m (116)
s (111)
xl (119)
xs (72)

Clear all

HOO® Halloween Pumpkin Farm And Scarecrow Boy Printing Short Sleeve Shirt BestDVibe

HOO® Halloween Pumpkin Farm And Scarecrow Boy Printing Short Sleeve Shirt BestDVibe

HOO® Halloween Pumpkin Farm And Scarecrow Boy Printing Short Sleeve Shirt

$19.95 $32.00

-38%

HOO®Halloween Element Black & Blue Plaid And Wildcat Printing Men's Long Sleeve Shirt BestDVibe

HOO®Halloween Element Black & Blue Plaid And Wildcat Printing Men's Long Sleeve Shirt BestDVibe

HOO®Halloween Element Black & Blue Plaid And Wildcat Printing Men's Long Sleeve Shirt

From $19.34

HOO® Orange Halloween Element Black Cat, Skull And Ghost Printing Men's Short Sleeve Shirt BestDVibe

HOO® Orange Halloween Element Black Cat, Skull And Ghost Printing Men's Short Sleeve Shirt BestDVibe

HOO® Orange Halloween Element Black Cat, Skull And Ghost Printing Men's Short Sleeve Shirt

From $16.95 $32.00

-47%

HOO® Halloween Element Skull Magic Mirror Printing Men's Short Sleeve Shirt BestDVibe

HOO® Halloween Element Skull Magic Mirror Printing Men's Short Sleeve Shirt BestDVibe

HOO® Halloween Element Skull Magic Mirror Printing Men's Short Sleeve Shirt

$15.95

HOO® Cat and Broom Halloween Printed Button Down Men's Short Sleeve Shirt BestDVibe

HOO® Cat and Broom Halloween Printed Button Down Men's Short Sleeve Shirt BestDVibe

HOO® Cat and Broom Halloween Printed Button Down Men's Short Sleeve Shirt

$9.95

Halloween Starry Sky Pumpkin Carriage And Bats Printing Hooded Sweatshirt BestDVibe

Halloween Starry Sky Pumpkin Carriage And Bats Printing Hooded Sweatshirt BestDVibe

Halloween Starry Sky Pumpkin Carriage And Bats Printing Hooded Sweatshirt

$35.95 $40.00

-5%

Black And White Cute Halloween Horror Skull Dolls Pattern Printing Hooded Sweatshirt BestDVibe

Black And White Cute Halloween Horror Skull Dolls Pattern Printing Hooded Sweatshirt BestDVibe

Black And White Cute Halloween Horror Skull Dolls Pattern Printing Hooded Sweatshirt

$35.95 $40.00

-5%

Eye-Catching Halloween Horror Character Street Homeless Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Horror Character Street Homeless Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Horror Character Street Homeless Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.95 $35.00

-3%

Eye-Catching Halloween Flying Pumpkins And Haunted Castle Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Flying Pumpkins And Haunted Castle Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Flying Pumpkins And Haunted Castle Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.95 $35.00

-3%

Halloween Costume Bloody Handprints Printing Hooded Sweatshirt BestDVibe

Halloween Costume Bloody Handprints Printing Hooded Sweatshirt BestDVibe

Halloween Costume Bloody Handprints Printing Hooded Sweatshirt

$35.95 $40.00

-5%

Eye-Catching Halloween Horror Pumpkins’ Field Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Horror Pumpkins’ Field Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Horror Pumpkins’ Field Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.95 $35.00

-3%

Eye-Catching Halloween Horror Character In Flames Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Horror Character In Flames Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Horror Character In Flames Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.95 $35.00

-3%

Eye-Catching Halloween Witches' Night Party Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Witches' Night Party Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Witches' Night Party Printing Cuban Collar Hawaiian Short Sleeve Shirt

$33.75 $35.00

-0%

Eye-Catching Halloween Horror Forest Pumpkin Ghost Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Horror Forest Pumpkin Ghost Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Horror Forest Pumpkin Ghost Printing Cuban Collar Hawaiian Short Sleeve Shirt

$34.75 $35.00

-0%

Eye-Catching Halloween Black And White Horrible Characters Printing Breast Pocket Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Black And White Horrible Characters Printing Breast Pocket Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Black And White Horrible Characters Printing Breast Pocket Cuban Collar Hawaiian Short Sleeve Shirt

$33.75 $35.00

-0%

Eye-Catching Halloween Painted Skulls And Horror Character Costume Printing Breast Pocket Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Painted Skulls And Horror Character Costume Printing Breast Pocket Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Painted Skulls And Horror Character Costume Printing Breast Pocket Cuban Collar Hawaiian Short Sleeve Shirt

$33.75 $35.00

-0%

Eye-Catching Halloween Red Blood Horror Character Silhouette Printing Breast Pocket Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Red Blood Horror Character Silhouette Printing Breast Pocket Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Red Blood Horror Character Silhouette Printing Breast Pocket Cuban Collar Hawaiian Short Sleeve Shirt

$33.75 $35.00

-0%

Eye-Catching Halloween Cartoon Costumes Witch Party And Ghosts Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Cartoon Costumes Witch Party And Ghosts Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Cartoon Costumes Witch Party And Ghosts Printing Cuban Collar Hawaiian Short Sleeve Shirt

$33.95 $35.00

-0%

Eye-Catching Halloween Costumes Classic Horror Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Costumes Classic Horror Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Costumes Classic Horror Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt

$33.95 $35.00

-0%

Eye-Catching Halloween Ghosts And Castles On A Snowy Night Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Ghosts And Castles On A Snowy Night Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Ghosts And Castles On A Snowy Night Printing Cuban Collar Hawaiian Short Sleeve Shirt

$32.95 $35.00

-0%

Eye-Catching Halloween Town With Pumpkins And Bats Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Town With Pumpkins And Bats Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Town With Pumpkins And Bats Printing Cuban Collar Hawaiian Short Sleeve Shirt

$32.95 $35.00

-0%

Eye-Catching Cartoon Halloween Lively Pumpkin Ghost Park Printing Breast Pocket Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Cartoon Halloween Lively Pumpkin Ghost Park Printing Breast Pocket Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Cartoon Halloween Lively Pumpkin Ghost Park Printing Breast Pocket Cuban Collar Hawaiian Short Sleeve Shirt

$32.95 $35.00

-0%

Eye-Catching Halloween Haunted Treehouse With Horrible Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Haunted Treehouse With Horrible Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Haunted Treehouse With Horrible Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt

$33.95 $35.00

-0%

Eye-Catching Halloween Pumpkin Haunted House At Dusk Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Pumpkin Haunted House At Dusk Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Pumpkin Haunted House At Dusk Printing Cuban Collar Hawaiian Short Sleeve Shirt

$33.95 $35.00

-0%

Eye-Catching Halloween Cartoon Horror Character Costume Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Cartoon Horror Character Costume Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Cartoon Horror Character Costume Printing Cuban Collar Hawaiian Short Sleeve Shirt

$32.99 $35.00

-0%

Eye-Catching Cool Halloween Skull Rainbow Unicorns Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Cool Halloween Skull Rainbow Unicorns Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Cool Halloween Skull Rainbow Unicorns Printing Cuban Collar Hawaiian Short Sleeve Shirt

$32.99 $35.00

-0%

Eye-Catching Fantasy Halloween Fairy And Castle Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Fantasy Halloween Fairy And Castle Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Fantasy Halloween Fairy And Castle Printing Cuban Collar Hawaiian Short Sleeve Shirt

$33.99 $35.00

-0%

Eye-Catching Halloween Colorful Scary Zombies Printing Breast Pocket Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Colorful Scary Zombies Printing Breast Pocket Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Colorful Scary Zombies Printing Breast Pocket Cuban Collar Hawaiian Short Sleeve Shirt

$32.99 $35.00

-0%

Eye-Catching Halloween Horror Gothic Metal Skulls Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Horror Gothic Metal Skulls Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Horror Gothic Metal Skulls Printing Cuban Collar Hawaiian Short Sleeve Shirt

$32.99 $35.00

-0%

Eye-Catching Halloween Horror Pumpkin Murderers Classic Horror Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Horror Pumpkin Murderers Classic Horror Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Horror Pumpkin Murderers Classic Horror Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt

$33.99 $35.00

-0%

Eye-Catching Halloween Psychedelic Roaring Colorful Ghosts Printing Breast Pocket Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Psychedelic Roaring Colorful Ghosts Printing Breast Pocket Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Psychedelic Roaring Colorful Ghosts Printing Breast Pocket Cuban Collar Hawaiian Short Sleeve Shirt

$33.99 $35.00

-0%

Eye-Catching Halloween Horror Wolf Monsters Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Horror Wolf Monsters Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Horror Wolf Monsters Printing Cuban Collar Hawaiian Short Sleeve Shirt

$32.95 $35.00

-0%

Happy Halloween Spider Webs Printing Hooded Sweatshirt BestDVibe

Happy Halloween Spider Webs Printing Hooded Sweatshirt BestDVibe

Happy Halloween Spider Webs Printing Hooded Sweatshirt

$35.95 $40.00

-5%

Halloween Neon Art Vibrant Green Skulls And Bats Printing Hooded Sweatshirt BestDVibe

Halloween Neon Art Vibrant Green Skulls And Bats Printing Hooded Sweatshirt BestDVibe

Halloween Neon Art Vibrant Green Skulls And Bats Printing Hooded Sweatshirt

$35.95 $40.00

-5%

Eye-Catching Halloween Devil Beauty Grilled Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Devil Beauty Grilled Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Devil Beauty Grilled Printing Cuban Collar Hawaiian Short Sleeve Shirt

$32.95 $35.00

-0%

Eye-Catching Halloween Horror Neon Art Ghosts And Spooky Haunted Castle Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Horror Neon Art Ghosts And Spooky Haunted Castle Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Horror Neon Art Ghosts And Spooky Haunted Castle Printing Cuban Collar Hawaiian Short Sleeve Shirt

$33.95 $35.00

-0%

Eye-Catching Fantasy Space Halloween Bats And Space Warriors Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Fantasy Space Halloween Bats And Space Warriors Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Fantasy Space Halloween Bats And Space Warriors Printing Cuban Collar Hawaiian Short Sleeve Shirt

$33.95 $35.00

-0%

Halloween Horror Countryside Printing Hooded Sweatshirt BestDVibe

Halloween Horror Countryside Printing Hooded Sweatshirt BestDVibe

Halloween Horror Countryside Printing Hooded Sweatshirt

$35.95

Eye-Catching Halloween Horror Countryside Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Horror Countryside Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Horror Countryside Printing Cuban Collar Hawaiian Short Sleeve Shirt

$33.95

Halloween Horror Countryside Printing Shorts BestDVibe

Halloween Horror Countryside Printing Shorts BestDVibe

Halloween Horror Countryside Printing Shorts

$27.00

Eye-Catching Creative Halloween Grim Reaper And Tiger Painting Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Creative Halloween Grim Reaper And Tiger Painting Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Creative Halloween Grim Reaper And Tiger Painting Printing Cuban Collar Hawaiian Short Sleeve Shirt

$32.95 $35.00

-0%

Halloween Scary Skull Patterns Printing Hooded Sweatshirt BestDVibe

Halloween Scary Skull Patterns Printing Hooded Sweatshirt BestDVibe

Halloween Scary Skull Patterns Printing Hooded Sweatshirt

$35.95 $40.00

-5%

Halloween Lava Skull Printing Hooded Sweatshirt BestDVibe

Halloween Lava Skull Printing Hooded Sweatshirt BestDVibe

Halloween Lava Skull Printing Hooded Sweatshirt

$35.95 $40.00

-5%

Eye-Catching Halloween Spooky Dead Trees And Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Spooky Dead Trees And Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Spooky Dead Trees And Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt

$33.95 $35.00

-0%

Eye-Catching Halloween Horrible Alien Creature Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Horrible Alien Creature Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Horrible Alien Creature Printing Cuban Collar Hawaiian Short Sleeve Shirt

$33.95 $35.00

-0%

Eye-Catching Halloween Tropical Leaves And Horror Movie Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Tropical Leaves And Horror Movie Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Tropical Leaves And Horror Movie Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt

$33.95 $35.00

-0%

Eye-Catching Halloween Horror Forest Horror Character And Reflection Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Horror Forest Horror Character And Reflection Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Horror Forest Horror Character And Reflection Printing Cuban Collar Hawaiian Short Sleeve Shirt

$33.95 $35.00

-0%

Eye-Catching Halloween Horror Town Classic Horror Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Horror Town Classic Horror Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Horror Town Classic Horror Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt

$33.95 $35.00

-0%

Eye-Catching Classic Halloween Horror Characters Poster Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Classic Halloween Horror Characters Poster Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Classic Halloween Horror Characters Poster Printing Cuban Collar Hawaiian Short Sleeve Shirt

$33.95 $35.00

-0%

Eye-Catching Classic Horror Halloween Horror Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Classic Horror Halloween Horror Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Classic Horror Halloween Horror Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.99 $35.00

-3%

Halloween Elements Stacked Green Skulls Printing Hooded Sweatshirt BestDVibe

Halloween Elements Stacked Green Skulls Printing Hooded Sweatshirt BestDVibe

Halloween Elements Stacked Green Skulls Printing Hooded Sweatshirt

$35.95 $40.00

-5%

Eye-Catching Cartoon Characters Halloween Horror Elements Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Cartoon Characters Halloween Horror Elements Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Cartoon Characters Halloween Horror Elements Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.99 $35.00

-3%

Eye-Catching Classic Horror Characters Halloween Costumes Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Classic Horror Characters Halloween Costumes Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Classic Horror Characters Halloween Costumes Printing Cuban Collar Hawaiian Short Sleeve Shirt

$32.99 $35.00

-0%

Halloween Horror Pumpkin Haunted House Printing Hooded Sweatshirt BestDVibe

Halloween Horror Pumpkin Haunted House Printing Hooded Sweatshirt BestDVibe

Halloween Horror Pumpkin Haunted House Printing Hooded Sweatshirt

$35.95 $40.00

-5%

Eye-Catching Psychedelic Neon Colorful Classic Horror Character And Evil Pumpkins Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Psychedelic Neon Colorful Classic Horror Character And Evil Pumpkins Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Psychedelic Neon Colorful Classic Horror Character And Evil Pumpkins Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.99 $35.00

-3%

Eye-Catching Orange Halloween Flame Pumpkin Devil Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Orange Halloween Flame Pumpkin Devil Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Orange Halloween Flame Pumpkin Devil Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.99 $35.00

-3%

Happy Halloween Red Skull Middle Fingers Printing Hooded Sweatshirt BestDVibe

Happy Halloween Red Skull Middle Fingers Printing Hooded Sweatshirt BestDVibe

Happy Halloween Red Skull Middle Fingers Printing Hooded Sweatshirt

$35.95 $40.00

-5%

Eye-Catching Halloween Horror TVs Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Horror TVs Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Horror TVs Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.99 $35.00

-3%

Eye-Catching Halloween Red Blood Night Blood Handprints Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Red Blood Night Blood Handprints Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Red Blood Night Blood Handprints Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.99 $35.00

-3%

Eye-Catching Horror Halloween Killing Party Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Horror Halloween Killing Party Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Horror Halloween Killing Party Printing Cuban Collar Hawaiian Short Sleeve Shirt

$32.99 $35.00

-0%

Eye-Catching Black And White Plaid Cartoon Creative Halloween Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Black And White Plaid Cartoon Creative Halloween Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Black And White Plaid Cartoon Creative Halloween Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.99 $35.00

-3%

Eye-Catching Halloween Church Cemetery And Dragon Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Church Cemetery And Dragon Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Church Cemetery And Dragon Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.99 $35.00

-3%

Eye-Catching Halloween Horror Tvs Horror Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Horror Tvs Horror Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Horror Tvs Horror Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt

$32.99 $35.00

-0%

Eye-Catching Retro Colorful Halloween Horror Characters Comic Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Retro Colorful Halloween Horror Characters Comic Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Retro Colorful Halloween Horror Characters Comic Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.99 $35.00

-3%

Eye-Catching Halloween Witches And Evil Pumpkins Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Witches And Evil Pumpkins Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Witches And Evil Pumpkins Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.99 $35.00

-3%

Eye-Catching Halloween Melting Metal Skull Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Melting Metal Skull Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Melting Metal Skull Printing Cuban Collar Hawaiian Short Sleeve Shirt

$32.99 $35.00

-0%

Eye-Catching Halloween Themed Pumpkin Cemetery And Haunted Castle Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Themed Pumpkin Cemetery And Haunted Castle Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Themed Pumpkin Cemetery And Haunted Castle Printing Cuban Collar Hawaiian Short Sleeve Shirt

$32.99 $35.00

-0%

Eye-Catching Retro Black And White Halloween Horror Characters Comic Pattern Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Retro Black And White Halloween Horror Characters Comic Pattern Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Retro Black And White Halloween Horror Characters Comic Pattern Printing Cuban Collar Hawaiian Short Sleeve Shirt

$32.99 $35.00

-0%

Eye-Catching Halloween Skull Wall Pattern Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Skull Wall Pattern Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Skull Wall Pattern Printing Cuban Collar Hawaiian Short Sleeve Shirt

$32.99 $35.00

-0%

Eye-Catching Halloween Devil Doll Night Pumpkins Pattern Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Devil Doll Night Pumpkins Pattern Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Devil Doll Night Pumpkins Pattern Printing Cuban Collar Hawaiian Short Sleeve Shirt

$32.99 $35.00

-0%

Eye-Catching Halloween Horror Grim Reaper Skull Stack Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Horror Grim Reaper Skull Stack Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Horror Grim Reaper Skull Stack Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.99 $35.00

-3%

Eye-Catching Purple Halloween Night Horror Haunted House Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Purple Halloween Night Horror Haunted House Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Purple Halloween Night Horror Haunted House Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.99 $35.00

-3%

Eye-Catching Halloween Orange Full Moon And Haunted House Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Orange Full Moon And Haunted House Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Orange Full Moon And Haunted House Printing Cuban Collar Hawaiian Short Sleeve Shirt

$32.99 $35.00

-0%

Eye-Catching Red Tombstones And Cemetery Haunted House Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Red Tombstones And Cemetery Haunted House Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Red Tombstones And Cemetery Haunted House Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.99 $35.00

-3%

Eye-Catching Retro Evil Bats And Grave Town Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Retro Evil Bats And Grave Town Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Retro Evil Bats And Grave Town Printing Cuban Collar Hawaiian Short Sleeve Shirt

$32.99 $35.00

-0%

Horror Halloween Movie Characters Printing Shorts BestDVibe

Horror Halloween Movie Characters Printing Shorts BestDVibe

Horror Halloween Movie Characters Printing Shorts

$27.00

Horror Halloween Movie Characters Printing Short Sleeve Polo BestDVibe

Horror Halloween Movie Characters Printing Short Sleeve Polo BestDVibe

Horror Halloween Movie Characters Printing Short Sleeve Polo

$30.95 $34.00

-9%

Horror Halloween Movie Characters Printing Short Sleeve Polo BestDVibe

Horror Halloween Movie Characters Printing Short Sleeve Polo BestDVibe

Horror Halloween Movie Characters Printing Short Sleeve Polo

$30.95 $34.00

-9%

Eye-Catching Blue Horror Movie Characters And Pumpkins Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Blue Horror Movie Characters And Pumpkins Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Blue Horror Movie Characters And Pumpkins Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.99 $35.00

-3%

Eye-Catching Retro Classic Horror Characters Halloween Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Retro Classic Horror Characters Halloween Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Retro Classic Horror Characters Halloween Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.99 $35.00

-3%

Eye-Catching Graffiti Style Vintage Halloween Horror Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Graffiti Style Vintage Halloween Horror Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Graffiti Style Vintage Halloween Horror Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt

$32.99 $35.00

-0%

Eye-Catching Horror Poster Horror Characters And Pumpkin Ghost Printing Breast Pocket Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Horror Poster Horror Characters And Pumpkin Ghost Printing Breast Pocket Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Horror Poster Horror Characters And Pumpkin Ghost Printing Breast Pocket Cuban Collar Hawaiian Short Sleeve Shirt

$31.80 $35.00

-4%

Eye-Catching Psychedelic Cartoon Witch Characters Poster Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Psychedelic Cartoon Witch Characters Poster Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Psychedelic Cartoon Witch Characters Poster Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.80 $35.00

-4%

Eye-Catching Horror Halloween Movie Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Horror Halloween Movie Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Horror Halloween Movie Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.80 $35.00

-4%

Gradient Purple Psychedelic Halloween Skeleton Spider And Ghost Printing Hooded Sweatshirt BestDVibe

Gradient Purple Psychedelic Halloween Skeleton Spider And Ghost Printing Hooded Sweatshirt BestDVibe

Gradient Purple Psychedelic Halloween Skeleton Spider And Ghost Printing Hooded Sweatshirt

$35.95 $40.00

-5%

Eye-Catching Halloween Psychedelic Evil Horror Movie Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Psychedelic Evil Horror Movie Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Psychedelic Evil Horror Movie Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.80 $35.00

-4%

Halloween Horror Friends Bus Party Printing Hooded Sweatshirt BestDVibe

Halloween Horror Friends Bus Party Printing Hooded Sweatshirt BestDVibe

Halloween Horror Friends Bus Party Printing Hooded Sweatshirt

$35.95 $40.00

-5%

Eye-Catching Horror Life Horror Movie Characters Halloween Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Horror Life Horror Movie Characters Halloween Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Horror Life Horror Movie Characters Halloween Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.80 $35.00

-4%

Halloween Monsters Halloween Scary Pumpkin Man Printing Hooded Sweatshirt BestDVibe

Halloween Monsters Halloween Scary Pumpkin Man Printing Hooded Sweatshirt BestDVibe

Halloween Monsters Halloween Scary Pumpkin Man Printing Hooded Sweatshirt

$35.95 $40.00

-5%

Eye-Catching Awesome Skull Halloween Candelabras Reaper Holding Candle Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Awesome Skull Halloween Candelabras Reaper Holding Candle Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Awesome Skull Halloween Candelabras Reaper Holding Candle Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.80 $35.00

-4%

Eye-Catching Halloween Horror Movie Characters Blood Scary Night Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Horror Movie Characters Blood Scary Night Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Horror Movie Characters Blood Scary Night Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.80 $35.00

-4%

Orange And Black Horizontal Stripes Halloween Decorations Printing Hooded Sweatshirt BestDVibe

Orange And Black Horizontal Stripes Halloween Decorations Printing Hooded Sweatshirt BestDVibe

Orange And Black Horizontal Stripes Halloween Decorations Printing Hooded Sweatshirt

$35.95 $40.00

-5%

Happy Halloween Trick-Or-Treat Jack-O-Lantern Costume Printing Hooded Sweatshirt BestDVibe

Happy Halloween Trick-Or-Treat Jack-O-Lantern Costume Printing Hooded Sweatshirt BestDVibe

Happy Halloween Trick-Or-Treat Jack-O-Lantern Costume Printing Hooded Sweatshirt

$35.95 $40.00

-5%

Eye-Catching Horror Movie Characters Halloween Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Horror Movie Characters Halloween Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Horror Movie Characters Halloween Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.80 $35.00

-4%

Spooky Night Spooky Halloween Printing Hooded Sweatshirt BestDVibe

Spooky Night Spooky Halloween Printing Hooded Sweatshirt BestDVibe

Spooky Night Spooky Halloween Printing Hooded Sweatshirt

$35.95 $40.00

-5%

Happy Halloween Spooky Horror Pumpkin Printing Hooded Sweatshirt BestDVibe

Happy Halloween Spooky Horror Pumpkin Printing Hooded Sweatshirt BestDVibe

Happy Halloween Spooky Horror Pumpkin Printing Hooded Sweatshirt

$35.95 $40.00

-5%

Halloween Night Spooky Pumpkin Grove And Cave Printing Hooded Sweatshirt BestDVibe

Halloween Night Spooky Pumpkin Grove And Cave Printing Hooded Sweatshirt BestDVibe

Halloween Night Spooky Pumpkin Grove And Cave Printing Hooded Sweatshirt

$35.95 $40.00

-5%

Eye-Catching Halloween Night Psychedelic Evil Pumpkin Forest Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Night Psychedelic Evil Pumpkin Forest Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Night Psychedelic Evil Pumpkin Forest Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.80 $35.00

-4%

Halloween Horror Skull Sky Pumpkin Field Scarecrow Printing Hooded Sweatshirt BestDVibe

Halloween Horror Skull Sky Pumpkin Field Scarecrow Printing Hooded Sweatshirt BestDVibe

Halloween Horror Skull Sky Pumpkin Field Scarecrow Printing Hooded Sweatshirt

$35.95 $40.00

-5%

Halloween Spider Web Printing Hooded Sweatshirt BestDVibe

Halloween Spider Web Printing Hooded Sweatshirt BestDVibe

Halloween Spider Web Printing Hooded Sweatshirt

$35.95 $40.00

-5%

Sorry, there are no products in this collection.

Customer Services

Our Story
Contact Us
Fit Guide
Payment Methods
Shipping Policy
Return/ Exchange & Refund
Order Tracking
Terms of Service
Privacy Policy

Get in touch

Email us Track your order

Follow us

We accept

© 2025 BestDVibe

Sign up and save

Entice customers to sign up for your mailing list with discounts or exclusive offers. Include an image for extra impact.

Thanks for subscribing

Optional button

Cart