🎁 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); 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); 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); 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

Space Series new

Filter

Clear all

size

2xl (704)
3xl (709)
4xl (697)
4xlt (526)
5xl (628)
5xlt (527)
6xl (307)
6xlt (232)
l (712)
m (654)
s (623)
xl (709)
xs (536)

741 Products

741 Products

Filter and sort

size

Sort by

size

2xl (704)
3xl (709)
4xl (697)
4xlt (526)
5xl (628)
5xlt (527)
6xl (307)
6xlt (232)
l (712)
m (654)
s (623)
xl (709)
xs (536)

Clear all

HOO® Fantasy Style Mysterious Oriental Antique Buildings, Cranes And Time Travel Box Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Fantasy Style Mysterious Oriental Antique Buildings, Cranes And Time Travel Box Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Fantasy Style Mysterious Oriental Antique Buildings, Cranes And Time Travel Box Printing Breast Pocket Short Sleeve Shirt

$5.00

HOO® Purple Sci-Fi Fantasy Star Tunnel And Time Travel Box Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Purple Sci-Fi Fantasy Star Tunnel And Time Travel Box Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Purple Sci-Fi Fantasy Star Tunnel And Time Travel Box Printing Breast Pocket Short Sleeve Shirt

$5.00

Eye-Catching Mysterious Astrolabe And Time Travel Box Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Mysterious Astrolabe And Time Travel Box Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Mysterious Astrolabe And Time Travel Box Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-85%

HOO® Cartoon Doodle Sci-Fi Space Robots Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Cartoon Doodle Sci-Fi Space Robots Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Cartoon Doodle Sci-Fi Space Robots Printing Breast Pocket Short Sleeve Shirt

$5.00

HOO® Black And White Simple Chalk Blackboard Background With Sci-Fi Space Elements Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Black And White Simple Chalk Blackboard Background With Sci-Fi Space Elements Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Black And White Simple Chalk Blackboard Background With Sci-Fi Space Elements Printing Breast Pocket Short Sleeve Shirt

$5.00

HOO® Eye-Catching Cartoon Space Monsters Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

HOO® Eye-Catching Cartoon Space Monsters Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

HOO® Eye-Catching Cartoon Space Monsters Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00

HOO® Cartoon Weird Space Planets And Prism With Rainbow Rock Printing Short Sleeve Shirt BestDVibe

HOO® Cartoon Weird Space Planets And Prism With Rainbow Rock Printing Short Sleeve Shirt BestDVibe

HOO® Cartoon Weird Space Planets And Prism With Rainbow Rock Printing Short Sleeve Shirt

$5.00

HOO® Retro Tribal And Space Monster Patterns Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Retro Tribal And Space Monster Patterns Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Retro Tribal And Space Monster Patterns Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$5.00

HOO® Cartoon Dwarfs Decorating The Christmas Tree Printing Short Sleeve Shirt BestDVibe

HOO® Cartoon Dwarfs Decorating The Christmas Tree Printing Short Sleeve Shirt BestDVibe

HOO® Cartoon Dwarfs Decorating The Christmas Tree Printing Short Sleeve Shirt

$5.00

HOO® Retro Red And White Striped Space Star Logo Printing Hooded Sweatshirt

$5.00

HOO® Merry Christmas Awkward Santa Claus On Red Printing Short Sleeve Shirt BestDVibe

HOO® Merry Christmas Awkward Santa Claus On Red Printing Short Sleeve Shirt BestDVibe

HOO® Merry Christmas Awkward Santa Claus On Red Printing Short Sleeve Shirt

$5.00

HOO® Sci-Fi Festival Giant Apes And Light Strings Printing Short Sleeve Shirt BestDVibe

HOO® Sci-Fi Festival Giant Apes And Light Strings Printing Short Sleeve Shirt BestDVibe

HOO® Sci-Fi Festival Giant Apes And Light Strings Printing Short Sleeve Shirt

$5.00

HOO® Hawaii Cartoon Spaceman Customized Short Sleeve Shirt BestDVibe

HOO® Hawaii Cartoon Spaceman Customized Short Sleeve Shirt BestDVibe

HOO® Hawaii Cartoon Spaceman Customized Short Sleeve Shirt

$5.00 $57.95

-91%

HOO® Sci-Fi Spaceship Customized Short Sleeve Shirt BestDVibe

HOO® Sci-Fi Spaceship Customized Short Sleeve Shirt BestDVibe

HOO® Sci-Fi Spaceship Customized Short Sleeve Shirt

$5.00 $57.95

-91%

HOO® Camping Retro Red Yellow Striped Space Sign Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Camping Retro Red Yellow Striped Space Sign Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Camping Retro Red Yellow Striped Space Sign Printing Breast Pocket Short Sleeve Shirt

$5.00

HOO® Cartoon Cute Space Character Customized Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Cartoon Cute Space Character Customized Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Cartoon Cute Space Character Customized Breast Pocket Short Sleeve Shirt

$5.00 $57.95

-91%

HOO® Anime Family In Spaceship Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Anime Family In Spaceship Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Anime Family In Spaceship Printing Breast Pocket Short Sleeve Shirt

$5.00

HOO® Retro Map Seabed And Land Terrain Map Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Retro Map Seabed And Land Terrain Map Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Retro Map Seabed And Land Terrain Map Printing Breast Pocket Short Sleeve Shirt

$5.00

HOO® Cartoon Space Rockets Customized Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Cartoon Space Rockets Customized Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Cartoon Space Rockets Customized Breast Pocket Short Sleeve Shirt

$5.00 $57.95

-91%

HOO® Khaki Retro Spaceship Diagrams Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Khaki Retro Spaceship Diagrams Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Khaki Retro Spaceship Diagrams Printing Breast Pocket Short Sleeve Shirt

$5.00

HOO® Sci-Fi Space Robot Guitarist Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Sci-Fi Space Robot Guitarist Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Sci-Fi Space Robot Guitarist Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$5.00

HOO® Dark Red Happy Valentine's Day The Only Galaxy Printing Short Sleeve Shirt BestDVibe

HOO® Dark Red Happy Valentine's Day The Only Galaxy Printing Short Sleeve Shirt BestDVibe

HOO® Dark Red Happy Valentine's Day The Only Galaxy Printing Short Sleeve Shirt

$5.00

HOO® Cartoon Mosaic Space Elements Space Retro Game Arcade Button Up Shirt Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Cartoon Mosaic Space Elements Space Retro Game Arcade Button Up Shirt Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Cartoon Mosaic Space Elements Space Retro Game Arcade Button Up Shirt Breast Pocket Short Sleeve Shirt

$5.00 $30.95

-84%

HOO® Dark Red Valentine's Day Heart Shape Spaceship Printing Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Dark Red Valentine's Day Heart Shape Spaceship Printing Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Dark Red Valentine's Day Heart Shape Spaceship Printing Cotton Linen Short Sleeve Shirt

$5.00

HOO® Red Happy Valentine's Day Love Hearts And Space Elements Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Red Happy Valentine's Day Love Hearts And Space Elements Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Red Happy Valentine's Day Love Hearts And Space Elements Printing Breast Pocket Short Sleeve Shirt

$5.00

HOO® Eye-Catching Dark Stunning Style Duck Warrior Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

HOO® Eye-Catching Dark Stunning Style Duck Warrior Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

HOO® Eye-Catching Dark Stunning Style Duck Warrior Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00

HOO® Psychedelic Outer Space Colorful Clouds And Alien On Skateboard Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Psychedelic Outer Space Colorful Clouds And Alien On Skateboard Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Psychedelic Outer Space Colorful Clouds And Alien On Skateboard Printing Breast Pocket Short Sleeve Shirt

$5.00

HOO® Outer Space Sexy Beauty And Space Fighter Printing Short Sleeve Shirt BestDVibe

HOO® Outer Space Sexy Beauty And Space Fighter Printing Short Sleeve Shirt BestDVibe

HOO® Outer Space Sexy Beauty And Space Fighter Printing Short Sleeve Shirt

$5.00

HOO® Outer Space Astronaut Beauty And Spaceship Printing Short Sleeve Shirt BestDVibe

HOO® Outer Space Astronaut Beauty And Spaceship Printing Short Sleeve Shirt BestDVibe

HOO® Outer Space Astronaut Beauty And Spaceship Printing Short Sleeve Shirt

$5.00

HOO® Fighter Series Sci-Fi Fighters And Pilot Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Fighter Series Sci-Fi Fighters And Pilot Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Fighter Series Sci-Fi Fighters And Pilot Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$5.00

HOO® Hawaiian Yellow Striped Retro Movie Sci-Fi Robot Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Hawaiian Yellow Striped Retro Movie Sci-Fi Robot Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Hawaiian Yellow Striped Retro Movie Sci-Fi Robot Printing Breast Pocket Short Sleeve Shirt

$5.00

HOO® Fantasy Cartoon Sci-Fi Monsters Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Fantasy Cartoon Sci-Fi Monsters Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Fantasy Cartoon Sci-Fi Monsters Printing Breast Pocket Short Sleeve Shirt

$5.00

HOO® Red Hawaiian Orangutan And Robot Warriors Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Red Hawaiian Orangutan And Robot Warriors Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Red Hawaiian Orangutan And Robot Warriors Printing Breast Pocket Short Sleeve Shirt

$5.00

HOO® Sci-Fi City Disaster Giant Ape Monster Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Sci-Fi City Disaster Giant Ape Monster Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Sci-Fi City Disaster Giant Ape Monster Printing Breast Pocket Short Sleeve Shirt

$5.00

HOO® Sci-Fi City Disaster Giant Ape Monster And Train Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Sci-Fi City Disaster Giant Ape Monster And Train Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Sci-Fi City Disaster Giant Ape Monster And Train Printing Breast Pocket Short Sleeve Shirt

$5.00

HOO® Classic Sci-Fi Character Giant Ape And Electronics Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Classic Sci-Fi Character Giant Ape And Electronics Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Classic Sci-Fi Character Giant Ape And Electronics Printing Breast Pocket Short Sleeve Shirt

$5.00

HOO® Minimalist Abstract Retro Art Classic Sci-Fi Movie Poster Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Minimalist Abstract Retro Art Classic Sci-Fi Movie Poster Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Minimalist Abstract Retro Art Classic Sci-Fi Movie Poster Printing Breast Pocket Short Sleeve Shirt

$5.00

HOO® Classic Sci-Fi Spaceship And Geometries Printing Short Sleeve Shirt BestDVibe

HOO® Classic Sci-Fi Spaceship And Geometries Printing Short Sleeve Shirt BestDVibe

HOO® Classic Sci-Fi Spaceship And Geometries Printing Short Sleeve Shirt

$5.00

HOO® Classic Sci-Fi Monsters Giant Ape And Octopus Printing Short Sleeve Shirt BestDVibe

HOO® Classic Sci-Fi Monsters Giant Ape And Octopus Printing Short Sleeve Shirt BestDVibe

HOO® Classic Sci-Fi Monsters Giant Ape And Octopus Printing Short Sleeve Shirt

$5.00

HOO® Classic Sci-Fi Space Robot In The Forest Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Classic Sci-Fi Space Robot In The Forest Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Classic Sci-Fi Space Robot In The Forest Printing Breast Pocket Short Sleeve Shirt

$5.00

HOO® Cartoon Sci-Fi Walker Printing Short Sleeve Tee BestDVibe

HOO® Cartoon Sci-Fi Walker Printing Short Sleeve Tee BestDVibe

HOO® Cartoon Sci-Fi Walker Printing Short Sleeve Tee

$5.00

HOO® Classic Sci-Fi Space Robot In The Dark Forest Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Classic Sci-Fi Space Robot In The Dark Forest Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Classic Sci-Fi Space Robot In The Dark Forest Printing Breast Pocket Short Sleeve Shirt

$5.00

HOO® Mosaic Style Classic Movie Sci-Fi Space Warriors Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Mosaic Style Classic Movie Sci-Fi Space Warriors Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Mosaic Style Classic Movie Sci-Fi Space Warriors Printing Breast Pocket Short Sleeve Shirt

$5.00

HOO® Sci-Fi Dusk Desert Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Sci-Fi Dusk Desert Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Sci-Fi Dusk Desert Printing Breast Pocket Short Sleeve Shirt

$6.00

HOO® Sci-Fi Artwork Great Ape Printing Short Sleeve Shirt BestDVibe

HOO® Sci-Fi Artwork Great Ape Printing Short Sleeve Shirt BestDVibe

HOO® Sci-Fi Artwork Great Ape Printing Short Sleeve Shirt

$6.00

HOO® Sci-Fi Space Robot In The Forest Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Sci-Fi Space Robot In The Forest Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Sci-Fi Space Robot In The Forest Printing Breast Pocket Short Sleeve Shirt

$6.00

HOO® Classic Sci-Fi Monster Giant Ape And Fighters Sunset Printing Short Sleeve Shirt BestDVibe

HOO® Classic Sci-Fi Monster Giant Ape And Fighters Sunset Printing Short Sleeve Shirt BestDVibe

HOO® Classic Sci-Fi Monster Giant Ape And Fighters Sunset Printing Short Sleeve Shirt

$6.00

HOO® Classic Sci-Fi Outer Space Rainbow Nebula And Spaceship Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Classic Sci-Fi Outer Space Rainbow Nebula And Spaceship Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Classic Sci-Fi Outer Space Rainbow Nebula And Spaceship Printing Breast Pocket Short Sleeve Shirt

$6.00

HOO® Famous Oil Painting Sunflower Field And Space Robot Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Famous Oil Painting Sunflower Field And Space Robot Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Famous Oil Painting Sunflower Field And Space Robot Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$6.00

HOO® Classic Sci-Fi Space Robot And Metallic Samurai Printing Short Sleeve Shirt BestDVibe

HOO® Classic Sci-Fi Space Robot And Metallic Samurai Printing Short Sleeve Shirt BestDVibe

HOO® Classic Sci-Fi Space Robot And Metallic Samurai Printing Short Sleeve Shirt

$6.00

HOO® Navy Sci-Fi Spaceship Poster Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Navy Sci-Fi Spaceship Poster Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Navy Sci-Fi Spaceship Poster Printing Breast Pocket Short Sleeve Shirt

$6.00

HOO® Retro Pin Up Girl Poster Fantasy Mythology Female Warriors Printing Short Sleeve Shirt BestDVibe

HOO® Retro Pin Up Girl Poster Fantasy Mythology Female Warriors Printing Short Sleeve Shirt BestDVibe

HOO® Retro Pin Up Girl Poster Fantasy Mythology Female Warriors Printing Short Sleeve Shirt

$6.00

HOO® Red And Black Chains Intertwined And Space Warriors Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Red And Black Chains Intertwined And Space Warriors Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Red And Black Chains Intertwined And Space Warriors Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$6.00

HOO® Nostalgia Classic Sci-Fi Space Robot Poster Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Nostalgia Classic Sci-Fi Space Robot Poster Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Nostalgia Classic Sci-Fi Space Robot Poster Printing Breast Pocket Short Sleeve Shirt

$6.00

HOO® Classic Sci-Fi Movie Black Hole And Spaceships Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Classic Sci-Fi Movie Black Hole And Spaceships Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Classic Sci-Fi Movie Black Hole And Spaceships Printing Breast Pocket Short Sleeve Shirt

$6.00

HOO® Purple Cartoon Sci-Fi Demon Fighter Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Purple Cartoon Sci-Fi Demon Fighter Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Purple Cartoon Sci-Fi Demon Fighter Printing Breast Pocket Short Sleeve Shirt

$6.00

HOO® Geek Outfit The World's Greatest Planet On Earth Printing Short Sleeve Tee BestDVibe

HOO® Geek Outfit The World's Greatest Planet On Earth Printing Short Sleeve Tee BestDVibe

HOO® Geek Outfit The World's Greatest Planet On Earth Printing Short Sleeve Tee

$6.00

HOO® Vintage Pin Up Art Sci-Fi Astronaut Beauty Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Sci-Fi Astronaut Beauty Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Sci-Fi Astronaut Beauty Printing Breast Pocket Short Sleeve Shirt

$6.00

HOO® Sci-Fi Line Drawing Spaceship Costume Tuxedo Printing Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Sci-Fi Line Drawing Spaceship Costume Tuxedo Printing Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Sci-Fi Line Drawing Spaceship Costume Tuxedo Printing Cotton Linen Short Sleeve Shirt

$6.00

HOO® Sci-Fi Movie Spaceships And Aircraft Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Sci-Fi Movie Spaceships And Aircraft Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Sci-Fi Movie Spaceships And Aircraft Printing Breast Pocket Short Sleeve Shirt

$6.00

HOO® Space Harajuku Printing Short Sleeve Tee BestDVibe

HOO® Space Harajuku Printing Short Sleeve Tee BestDVibe

HOO® Space Harajuku Printing Short Sleeve Tee

$6.00

HOO® Space Force Logo Printing Short Sleeve Tee

$6.00

HOO® Vintage Pink Easter Space Bunny Camping Striped Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Vintage Pink Easter Space Bunny Camping Striped Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Vintage Pink Easter Space Bunny Camping Striped Printing Breast Pocket Short Sleeve Shirt

$6.00

HOO® Eye-Catching Sci-Fi Space War Spaceships And Drones Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

HOO® Eye-Catching Sci-Fi Space War Spaceships And Drones Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

HOO® Eye-Catching Sci-Fi Space War Spaceships And Drones Printing Cuban Collar Hawaiian Short Sleeve Shirt

$6.00

HOO® Classic Sci-Fi Space War Giant Armed Walkers And Woods Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Classic Sci-Fi Space War Giant Armed Walkers And Woods Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Classic Sci-Fi Space War Giant Armed Walkers And Woods Printing Breast Pocket Short Sleeve Shirt

$6.00

HOO® Cinco De Mayo Mexican Style Space Warriors Dinner Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Cinco De Mayo Mexican Style Space Warriors Dinner Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Cinco De Mayo Mexican Style Space Warriors Dinner Printing Breast Pocket Short Sleeve Shirt

$6.00

HOO® Orange And Red Splicing Sci-Fi Spaceship And Aircraft Poster Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Orange And Red Splicing Sci-Fi Spaceship And Aircraft Poster Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Orange And Red Splicing Sci-Fi Spaceship And Aircraft Poster Printing Breast Pocket Short Sleeve Shirt

$6.00

HOO® Geek Outfit Back In My Days We Had 9 Planets Printing Short Sleeve Tee BestDVibe

HOO® Geek Outfit Back In My Days We Had 9 Planets Printing Short Sleeve Tee BestDVibe

HOO® Geek Outfit Back In My Days We Had 9 Planets Printing Short Sleeve Tee

$5.00

HOO® Ukiyoe Japanese Style Cat Warrior Riding A Shark Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Ukiyoe Japanese Style Cat Warrior Riding A Shark Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Ukiyoe Japanese Style Cat Warrior Riding A Shark Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$5.00

HOO® Classic Sci-Fi Space Movie Spaceships Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Classic Sci-Fi Space Movie Spaceships Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Classic Sci-Fi Space Movie Spaceships Printing Breast Pocket Short Sleeve Shirt

$5.00

HOO® Eye-Catching Outer Space War Spacecrafts Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

HOO® Eye-Catching Outer Space War Spacecrafts Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

HOO® Eye-Catching Outer Space War Spacecrafts Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00

HOO® Orange Radial Pattern Background Spacecraft Printing Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Orange Radial Pattern Background Spacecraft Printing Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Orange Radial Pattern Background Spacecraft Printing Cotton Linen Short Sleeve Shirt

$5.00

HOO® Classic Sci-Fi Space Movies Armed Warriors And Giant Armed Walkers Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Classic Sci-Fi Space Movies Armed Warriors And Giant Armed Walkers Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Classic Sci-Fi Space Movies Armed Warriors And Giant Armed Walkers Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$5.00

HOO® CCCP Sputnik Space Printing Short Sleeve Tee BestDVibe

HOO® CCCP Sputnik Space Printing Short Sleeve Tee BestDVibe

HOO® CCCP Sputnik Space Printing Short Sleeve Tee

$5.00

HOO® Hippie Rainbow Outer Space Aliens Joyride And The Planets Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Hippie Rainbow Outer Space Aliens Joyride And The Planets Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Hippie Rainbow Outer Space Aliens Joyride And The Planets Printing Breast Pocket Short Sleeve Shirt

$5.00

HOO® Sci-Fi Space Starfighter Printing Short Sleeve Tee BestDVibe

HOO® Sci-Fi Space Starfighter Printing Short Sleeve Tee BestDVibe

HOO® Sci-Fi Space Starfighter Printing Short Sleeve Tee

$5.00

HOO® Ukiyo-E Style Waves And Space Stars Printing Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Ukiyo-E Style Waves And Space Stars Printing Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Ukiyo-E Style Waves And Space Stars Printing Cotton Linen Short Sleeve Shirt

$5.00

HOO® Warning I Pound Everything Printing Short Sleeve Tee BestDVibe

HOO® Warning I Pound Everything Printing Short Sleeve Tee BestDVibe

HOO® Warning I Pound Everything Printing Short Sleeve Tee

$5.00

HOO® Nostalgic Sci-fi Cartoon Geometric Gloves Printing Short Sleeve Tee BestDVibe

HOO® Nostalgic Sci-fi Cartoon Geometric Gloves Printing Short Sleeve Tee BestDVibe

HOO® Nostalgic Sci-fi Cartoon Geometric Gloves Printing Short Sleeve Tee

$5.00

HOO® Retro Ukiyo-E Japanese Space Samurai And Armed Walkers Printing Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Retro Ukiyo-E Japanese Space Samurai And Armed Walkers Printing Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Retro Ukiyo-E Japanese Space Samurai And Armed Walkers Printing Cotton Linen Short Sleeve Shirt

$5.00

HOO® Amazing Style monster Wars TIKI Beach Party Printing Short Sleeve Shirt BestDVibe

HOO® Amazing Style monster Wars TIKI Beach Party Printing Short Sleeve Shirt BestDVibe

HOO® Amazing Style monster Wars TIKI Beach Party Printing Short Sleeve Shirt

$5.00

HOO® I See Your Schwartz Is As Big As Mine Printing Short Sleeve Tee BestDVibe

HOO® I See Your Schwartz Is As Big As Mine Printing Short Sleeve Tee BestDVibe

HOO® I See Your Schwartz Is As Big As Mine Printing Short Sleeve Tee

$5.00

HOO® Coffee Is How I Roll Space Robot Printing Short Sleeve Tee BestDVibe

HOO® Coffee Is How I Roll Space Robot Printing Short Sleeve Tee BestDVibe

HOO® Coffee Is How I Roll Space Robot Printing Short Sleeve Tee

$5.00

HOO® Cinco De Mayo Mexican Space Warrior Printing Short Sleeve Shirt BestDVibe

HOO® Cinco De Mayo Mexican Space Warrior Printing Short Sleeve Shirt BestDVibe

HOO® Cinco De Mayo Mexican Space Warrior Printing Short Sleeve Shirt

$5.00

HOO® Bright Colorful Graffiti Style Sci-Fi Space Robot Printing Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Bright Colorful Graffiti Style Sci-Fi Space Robot Printing Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Bright Colorful Graffiti Style Sci-Fi Space Robot Printing Cotton Linen Short Sleeve Shirt

$5.00

HOO® Retro Ukiyo-E Black Outer Space Spaceship Printing Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Retro Ukiyo-E Black Outer Space Spaceship Printing Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Retro Ukiyo-E Black Outer Space Spaceship Printing Cotton Linen Short Sleeve Shirt

$5.00

HOO® Classic Space Sci-Fi Movie Mechanical Arm Printing Short Sleeve Tee BestDVibe

HOO® Classic Space Sci-Fi Movie Mechanical Arm Printing Short Sleeve Tee BestDVibe

HOO® Classic Space Sci-Fi Movie Mechanical Arm Printing Short Sleeve Tee

$5.00

HOO® Retro Cartoon Space Elements Space Warriors And Planets Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Retro Cartoon Space Elements Space Warriors And Planets Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Retro Cartoon Space Elements Space Warriors And Planets Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$5.00

HOO® Classic Sci-Fi Nostalgic Space Movie Anime Poster Printing Short Sleeve Shirt BestDVibe

HOO® Classic Sci-Fi Nostalgic Space Movie Anime Poster Printing Short Sleeve Shirt BestDVibe

HOO® Classic Sci-Fi Nostalgic Space Movie Anime Poster Printing Short Sleeve Shirt

$5.00

HOO® Purple Classic Sci-Fi Movie Space Robots Djing Printing Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Purple Classic Sci-Fi Movie Space Robots Djing Printing Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Purple Classic Sci-Fi Movie Space Robots Djing Printing Cotton Linen Short Sleeve Shirt

$5.00 $31.95

-84%

HOO® Space Samurai Printing Short Sleeve Tee BestDVibe

HOO® Space Samurai Printing Short Sleeve Tee BestDVibe

HOO® Space Samurai Printing Short Sleeve Tee

$5.00

HOO® Space Robot Printing Short Sleeve Tee BestDVibe

HOO® Space Robot Printing Short Sleeve Tee BestDVibe

HOO® Space Robot Printing Short Sleeve Tee

$5.00

HOO® Navy Casual Aerospace Machine Printing Hawaiian Short Sleeve Shirt BestDVibe

HOO® Navy Casual Aerospace Machine Printing Hawaiian Short Sleeve Shirt BestDVibe

HOO® Navy Casual Aerospace Machine Printing Hawaiian Short Sleeve Shirt

$5.00

HOO® Eye-Catching Viking Warrior Blood Pattern Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

HOO® Eye-Catching Viking Warrior Blood Pattern Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

HOO® Eye-Catching Viking Warrior Blood Pattern Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00

HOO® Fashion Vintage Art Casual Octopus War Printing Short Sleeve Shirt BestDVibe

HOO® Fashion Vintage Art Casual Octopus War Printing Short Sleeve Shirt BestDVibe

HOO® Fashion Vintage Art Casual Octopus War Printing Short Sleeve Shirt

$5.00

HOO® Navy Casual Aerospace Machine Printing Hawaiian Shorts BestDVibe

HOO® Navy Casual Aerospace Machine Printing Hawaiian Shorts BestDVibe

HOO® Navy Casual Aerospace Machine Printing Hawaiian Shorts

$5.00 $27.00

-81%

HOO® Viking Warrior Blood Pattern Printing Shorts BestDVibe

HOO® Viking Warrior Blood Pattern Printing Shorts BestDVibe

HOO® Viking Warrior Blood Pattern Printing Shorts

$5.00

HOO® Stylish Hawaiian Mid-Century Atomic Space Cat In Flying Saucer Printing Short Sleeve Shirt BestDVibe

HOO® Stylish Hawaiian Mid-Century Atomic Space Cat In Flying Saucer Printing Short Sleeve Shirt BestDVibe

HOO® Stylish Hawaiian Mid-Century Atomic Space Cat In Flying Saucer Printing Short Sleeve Shirt

$5.00

HOO® Black Classic Spaceship Wars Printing Short Sleeve Shirt BestDVibe

HOO® Black Classic Spaceship Wars Printing Short Sleeve Shirt BestDVibe

HOO® Black Classic Spaceship Wars Printing Short Sleeve Shirt

$5.00

Galaxy Laser Neon Rock DJ Cool Cat Printing Short Sleeve Shirt BestDVibe

Galaxy Laser Neon Rock DJ Cool Cat Printing Short Sleeve Shirt BestDVibe

Galaxy Laser Neon Rock DJ Cool Cat Printing Short Sleeve Shirt

$5.00 $34.00

-84%

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