🎁 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

Shirt With Breast Pocket

Filter

Clear all

size

2xl (2501)
3xl (2503)
4xl (2491)
4xlt (1604)
5xl (2481)
5xlt (1606)
6xl (1180)
6xlt (1177)
l (2507)
m (2507)
s (2480)
xl (2501)
xs (1598)

2529 Products

2529 Products

Filter and sort

size

Sort by

size

2xl (2501)
3xl (2503)
4xl (2491)
4xlt (1604)
5xl (2481)
5xlt (1606)
6xl (1180)
6xlt (1177)
l (2507)
m (2507)
s (2480)
xl (2501)
xs (1598)

Clear all

HOO® Neon Art Colorful Feathers Pattern Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Neon Art Colorful Feathers Pattern Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Neon Art Colorful Feathers Pattern Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Classic Orange Plaid Thanksgiving Turkey Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Classic Orange Plaid Thanksgiving Turkey Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Classic Orange Plaid Thanksgiving Turkey Printing Breast Pocket Short Sleeve Shirt

$31.95

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

$31.95

HOO® Retro Black And White Striped And Cartoon Puppet Pattern Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Retro Black And White Striped And Cartoon Puppet Pattern Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Retro Black And White Striped And Cartoon Puppet Pattern Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® 2D Purple Heart Shaped Sequins Pattern Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® 2D Purple Heart Shaped Sequins Pattern Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® 2D Purple Heart Shaped Sequins Pattern Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Abstract Neon Laser Pattern Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Abstract Neon Laser Pattern Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Abstract Neon Laser Pattern Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Orange And Black Stitching Girl And Bear Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Orange And Black Stitching Girl And Bear Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Orange And Black Stitching Girl And Bear Printing Breast Pocket Short Sleeve Shirt

$31.95

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

$31.95

HOO® Cartoon Rainbow Bird Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Cartoon Rainbow Bird Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Cartoon Rainbow Bird Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Colorful Cartoon Octopuses Pattern Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Colorful Cartoon Octopuses Pattern Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Colorful Cartoon Octopuses Pattern Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Leaves And Cartoon Monsters Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Leaves And Cartoon Monsters Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Leaves And Cartoon Monsters Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Cartoon Elements Colorful Color Block Splicing Art Pattern Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Cartoon Elements Colorful Color Block Splicing Art Pattern Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Cartoon Elements Colorful Color Block Splicing Art Pattern Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Flag Element And Gorilla Holding Weapons Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Flag Element And Gorilla Holding Weapons Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Flag Element And Gorilla Holding Weapons Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Khaki Pin Up Girl Sexy Red Dress Santa Girl Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Khaki Pin Up Girl Sexy Red Dress Santa Girl Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Khaki Pin Up Girl Sexy Red Dress Santa Girl Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® 2D Sparkling Stage Costume Gradient Glitter Pattern Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® 2D Sparkling Stage Costume Gradient Glitter Pattern Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® 2D Sparkling Stage Costume Gradient Glitter Pattern Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Blue Crystal Clear Snowflakes Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Blue Crystal Clear Snowflakes Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Blue Crystal Clear Snowflakes Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Traditional Tiger Ink Painting Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Traditional Tiger Ink Painting Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Traditional Tiger Ink Painting Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Monster Art Black And Gold Octopus Painting Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Monster Art Black And Gold Octopus Painting Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Monster Art Black And Gold Octopus Painting Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Merry Christmas And Happy New Years Eve Snowflakes Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Merry Christmas And Happy New Years Eve Snowflakes Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Merry Christmas And Happy New Years Eve Snowflakes Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Anime Monkey Zombie And Heart Shaped Pattern Background Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Anime Monkey Zombie And Heart Shaped Pattern Background Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Anime Monkey Zombie And Heart Shaped Pattern Background Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Retro Geometric Black Cat Art Pattern Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Retro Geometric Black Cat Art Pattern Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Retro Geometric Black Cat Art Pattern Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Classic Christmas Red And Green Striped Ho Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Classic Christmas Red And Green Striped Ho Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Classic Christmas Red And Green Striped Ho Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Cartoon Painted Puppies Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Cartoon Painted Puppies Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Cartoon Painted Puppies Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Retro Various Holiday Light Balls Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Retro Various Holiday Light Balls Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Retro Various Holiday Light Balls Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Retro Art Black Dog Vacation Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Retro Art Black Dog Vacation Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Retro Art Black Dog Vacation Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Optical Illusion Art Dizzy Pattern Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Optical Illusion Art Dizzy Pattern Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Optical Illusion Art Dizzy Pattern Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Green Bamboos Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Green Bamboos Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Green Bamboos Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Retro Fighter Planes Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Retro Fighter Planes Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Retro Fighter Planes Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Gothic Retro Roses And Skulls Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Gothic Retro Roses And Skulls Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Gothic Retro Roses And Skulls Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

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

$31.95

HOO® Retro Brown Color Block Patchwork And Leaves Pattern Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Retro Brown Color Block Patchwork And Leaves Pattern Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Retro Brown Color Block Patchwork And Leaves Pattern Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Retro Disco Pink Glitter Pattern Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Retro Disco Pink Glitter Pattern Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Retro Disco Pink Glitter Pattern Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Traditional Flower Branches And Cranes Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Traditional Flower Branches And Cranes Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Traditional Flower Branches And Cranes Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Cartoon Hand-Painted Various Fishes Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Cartoon Hand-Painted Various Fishes Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Cartoon Hand-Painted Various Fishes Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Colorful Classic Geometric Pattern Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Colorful Classic Geometric Pattern Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Colorful Classic Geometric Pattern Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Retro Tiger And Butterfly Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Retro Tiger And Butterfly Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Retro Tiger And Butterfly Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Christmas Elements Retro Blue And White Stitching Santa Claus Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Christmas Elements Retro Blue And White Stitching Santa Claus Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Christmas Elements Retro Blue And White Stitching Santa Claus Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Psychedelic Flowing Rainbow Laser Pattern Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Psychedelic Flowing Rainbow Laser Pattern Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Psychedelic Flowing Rainbow Laser Pattern Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Khaki Retro Tribal Geometric Patterns Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Khaki Retro Tribal Geometric Patterns Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Khaki Retro Tribal Geometric Patterns Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Optical Illusion Art Radiant Pattern Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Optical Illusion Art Radiant Pattern Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Optical Illusion Art Radiant Pattern Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Cartoon Colorful Balloon Puppies Animal Pattern Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Cartoon Colorful Balloon Puppies Animal Pattern Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Cartoon Colorful Balloon Puppies Animal Pattern Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Hawaiian Leisure Plant Leaves Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Hawaiian Leisure Plant Leaves Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Hawaiian Leisure Plant Leaves Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Funny Cartoon Rooster Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Funny Cartoon Rooster Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Funny Cartoon Rooster Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Cartoon Various Pet Dogs Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Cartoon Various Pet Dogs Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Cartoon Various Pet Dogs Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Watercolor Hand Painted Christmas Gifts And Flamingos Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Watercolor Hand Painted Christmas Gifts And Flamingos Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Watercolor Hand Painted Christmas Gifts And Flamingos Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Cartoon Colorful Flowers And Dog Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Cartoon Colorful Flowers And Dog Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Cartoon Colorful Flowers And Dog Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Funny Farm Laughing Donkey Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Funny Farm Laughing Donkey Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Funny Farm Laughing Donkey Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Watercolor Cartoon Pet Dogs Christmas Party Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Watercolor Cartoon Pet Dogs Christmas Party Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Watercolor Cartoon Pet Dogs Christmas Party Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Funny Cartoon Food Hot Dog Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Funny Cartoon Food Hot Dog Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Funny Cartoon Food Hot Dog Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Classic Christmas Red Plaid And Snowflakes Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Classic Christmas Red Plaid And Snowflakes Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Classic Christmas Red Plaid And Snowflakes Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® African Tribal Ethnic Style Casual Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® African Tribal Ethnic Style Casual Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® African Tribal Ethnic Style Casual Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Traditional Retro Painting Lotus Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Traditional Retro Painting Lotus Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Traditional Retro Painting Lotus Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Hawaiian Casual Traditional Floral Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Hawaiian Casual Traditional Floral Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Hawaiian Casual Traditional Floral Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Eye-Catching Fairy Tale Cartoon Elements Pattern Printing Breast Pocket Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

HOO® Eye-Catching Fairy Tale Cartoon Elements Pattern Printing Breast Pocket Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

HOO® Eye-Catching Fairy Tale Cartoon Elements Pattern Printing Breast Pocket Cuban Collar Hawaiian Short Sleeve Shirt

$31.95

HOO® Fun Christmas Elements Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Fun Christmas Elements Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Fun Christmas Elements Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® A Unique Santa Claus Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® A Unique Santa Claus Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® A Unique Santa Claus Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Classic Geometric Elements Squares And Triangles Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Classic Geometric Elements Squares And Triangles Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Classic Geometric Elements Squares And Triangles Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Radial Pattern Background Pet Dog Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Radial Pattern Background Pet Dog Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Radial Pattern Background Pet Dog Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Ukiyoe Landscape Painting Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Ukiyoe Landscape Painting Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Ukiyoe Landscape Painting Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Anime Characters Rabbit And Carrots Pattern Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Anime Characters Rabbit And Carrots Pattern Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Anime Characters Rabbit And Carrots Pattern Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Retro Geometric Elements Cat Playing Piano Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Retro Geometric Elements Cat Playing Piano Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Retro Geometric Elements Cat Playing Piano Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Vintage Color Block Stitching Art Cat Musician Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Vintage Color Block Stitching Art Cat Musician Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Vintage Color Block Stitching Art Cat Musician Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Hawaiian Tropical Leaves Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Hawaiian Tropical Leaves Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Hawaiian Tropical Leaves Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Retro Red And Yellow Stripes And Cartoon Snail Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Retro Red And Yellow Stripes And Cartoon Snail Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Retro Red And Yellow Stripes And Cartoon Snail Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Christmas Cartoon Rubber Duck And Candy Canes Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Christmas Cartoon Rubber Duck And Candy Canes Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Christmas Cartoon Rubber Duck And Candy Canes Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Traditional Ink Painting Koi Carps Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Traditional Ink Painting Koi Carps Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Traditional Ink Painting Koi Carps Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Leisure Leaves Pattern Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Leisure Leaves Pattern Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Leisure Leaves Pattern Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Cartoon Blue Leaves And Black Cats Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Cartoon Blue Leaves And Black Cats Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Cartoon Blue Leaves And Black Cats Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Colorful Ink-Splash Style Guitar And Notes Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Colorful Ink-Splash Style Guitar And Notes Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Colorful Ink-Splash Style Guitar And Notes Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Abstract Color Block Stitching Cartoon Dogs Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Abstract Color Block Stitching Cartoon Dogs Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Abstract Color Block Stitching Cartoon Dogs Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Green Clovers And Anime Dog Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Green Clovers And Anime Dog Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Green Clovers And Anime Dog Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Pink Cranes And Dragonflies Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Pink Cranes And Dragonflies Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Pink Cranes And Dragonflies Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Classic Hawaiian Cartoon Character Costumes Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Classic Hawaiian Cartoon Character Costumes Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Classic Hawaiian Cartoon Character Costumes Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Christmas Wreaths HOHOHO Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Christmas Wreaths HOHOHO Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Christmas Wreaths HOHOHO Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Blue Bohemian Patchwork Pattern Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Blue Bohemian Patchwork Pattern Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Blue Bohemian Patchwork Pattern Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Abstract Hawaiian Waves And Lobsters Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Abstract Hawaiian Waves And Lobsters Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Abstract Hawaiian Waves And Lobsters Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Traditional Painting Realistic Birds And Flowers Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Traditional Painting Realistic Birds And Flowers Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Traditional Painting Realistic Birds And Flowers Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Mr. Skull In Rose Suit Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Mr. Skull In Rose Suit Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Mr. Skull In Rose Suit Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Medieval Monterian Plaid Mr. Cat Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Medieval Monterian Plaid Mr. Cat Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Medieval Monterian Plaid Mr. Cat Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Abstract Tribal Waves Ethnic Style Pattern Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Abstract Tribal Waves Ethnic Style Pattern Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Abstract Tribal Waves Ethnic Style Pattern Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Cartoon Cute Santa Claus Penguin Stacking Pattern Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Cartoon Cute Santa Claus Penguin Stacking Pattern Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Cartoon Cute Santa Claus Penguin Stacking Pattern Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Abstract Art Splash Art Guitar Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Abstract Art Splash Art Guitar Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Abstract Art Splash Art Guitar Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Sloth Playing Trombone Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Sloth Playing Trombone Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Sloth Playing Trombone Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Geometric Christmas Tree And Cartoon Character Festive Balls Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Geometric Christmas Tree And Cartoon Character Festive Balls Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Geometric Christmas Tree And Cartoon Character Festive Balls Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Watercolor Green Bamboo Leaves Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Watercolor Green Bamboo Leaves Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Watercolor Green Bamboo Leaves Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Cartoon Zombie Potato Eating Pizza Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Cartoon Zombie Potato Eating Pizza Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Cartoon Zombie Potato Eating Pizza Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Casual Abstract Art Lines And Geometric Color Block Patterns Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Casual Abstract Art Lines And Geometric Color Block Patterns Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Casual Abstract Art Lines And Geometric Color Block Patterns Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Cartoon Penguins With Cyan Beaks Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Cartoon Penguins With Cyan Beaks Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Cartoon Penguins With Cyan Beaks Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Orange-Red Cute Curious Kitten Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Orange-Red Cute Curious Kitten Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Orange-Red Cute Curious Kitten Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Abstract Bulldog Art Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Abstract Bulldog Art Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Abstract Bulldog Art Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Colorful Cartoon Cats Photo Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Colorful Cartoon Cats Photo Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Colorful Cartoon Cats Photo Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Vibrant African Tribal Ethnic Pattern Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Vibrant African Tribal Ethnic Pattern Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Vibrant African Tribal Ethnic Pattern Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Vintage Mondrian Plaid And Cats Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Vintage Mondrian Plaid And Cats Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Vintage Mondrian Plaid And Cats Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Hand Drawn Cartoon Puppies Group Photo Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Hand Drawn Cartoon Puppies Group Photo Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Hand Drawn Cartoon Puppies Group Photo Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Brown Cute Curious Kitten Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Brown Cute Curious Kitten Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Brown Cute Curious Kitten Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Blue Hand Drawn Fish Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Blue Hand Drawn Fish Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Blue Hand Drawn Fish Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Red Christmas Snowman And Santa Claus Holiday Light Balls Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Red Christmas Snowman And Santa Claus Holiday Light Balls Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Red Christmas Snowman And Santa Claus Holiday Light Balls Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Thanksgiving Cartoon Harvest Pumpkins Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Thanksgiving Cartoon Harvest Pumpkins Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Thanksgiving Cartoon Harvest Pumpkins Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Gold And Purple Stitching Business Style Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Gold And Purple Stitching Business Style Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Gold And Purple Stitching Business Style Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Color Block Splicing Anime Character Girls Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Color Block Splicing Anime Character Girls Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Color Block Splicing Anime Character Girls Printing Breast Pocket Short Sleeve Shirt

$31.95

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