🎁 5% Off First Order Code：NEW

🎁 5% Off First Order Code：NEW

🎁 5% Off First Order Code：NEW

🎁 5% Off First Order Code：NEW

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

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

BestDVibe

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

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

Account

Log in
Create an account

Close

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

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

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

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

Shirt With Breast Pocket

Filter

Clear all

size

2xl (336)
3xl (337)
4xl (336)
4xlt (34)
5xl (335)
5xlt (35)
6xl (2)
6xlt (2)
l (338)
m (338)
s (336)
xl (336)
xs (38)

350 Products

350 Products

Filter and sort

size

Sort by

size

2xl (336)
3xl (337)
4xl (336)
4xlt (34)
5xl (335)
5xlt (35)
6xl (2)
6xlt (2)
l (338)
m (338)
s (336)
xl (336)
xs (38)

Clear all

HOO®Green And Black Stitching St Patrick’s Day Shamrock Printing Breast Pocket Men's Long Sleeve Shirt BestDVibe

HOO®Green And Black Stitching St Patrick’s Day Shamrock Printing Breast Pocket Men's Long Sleeve Shirt BestDVibe

HOO®Green And Black Stitching St Patrick’s Day Shamrock Printing Breast Pocket Men's Long Sleeve Shirt

$12.95

HOO® Vintage Black And Brown Stripe And Vintage Jeep Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Vintage Black And Brown Stripe And Vintage Jeep Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Vintage Black And Brown Stripe And Vintage Jeep Printing Breast Pocket Short Sleeve Shirt

$16.95

HOO® Marine Life Swimming Under The Sea Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Marine Life Swimming Under The Sea Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Marine Life Swimming Under The Sea Printing Breast Pocket Short Sleeve Shirt

$15.95 $32.00

-50%

HOO® Black White Wide Stripe Pink Flamingo Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Black White Wide Stripe Pink Flamingo Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Black White Wide Stripe Pink Flamingo Printing Breast Pocket Short Sleeve Shirt

$15.00 $32.00

-53%

50s Red & Black Stitching Breast Pocket Men's Long Sleeve Shirt BestDVibe

50s Red & Black Stitching Breast Pocket Men's Long Sleeve Shirt BestDVibe

50s Red & Black Stitching Breast Pocket Men's Long Sleeve Shirt

$19.95

HOO® Vintage Black And White Stitching Quotations Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Vintage Black And White Stitching Quotations Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Vintage Black And White Stitching Quotations Printing Breast Pocket Short Sleeve Shirt

$15.95

HOO® Green Mysterious Technology Base Deep In The Forest Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Green Mysterious Technology Base Deep In The Forest Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Green Mysterious Technology Base Deep In The Forest Printing Breast Pocket Short Sleeve Shirt

From $16.95

HOO® 1960s Red and White Pocket Printing Men's Short Sleeve Shirt BestDVibe

HOO® 1960s Red and White Pocket Printing Men's Short Sleeve Shirt BestDVibe

HOO® 1960s Red and White Pocket Printing Men's Short Sleeve Shirt

$9.95 $34.00

-69%

HOO® Blue Cartoon Monkey And Banana Cartoon Costume Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Blue Cartoon Monkey And Banana Cartoon Costume Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Blue Cartoon Monkey And Banana Cartoon Costume Printing Breast Pocket Short Sleeve Shirt

$15.95

HOO® Vintage White And Red Stitching Holiday Easter Bunny Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Vintage White And Red Stitching Holiday Easter Bunny Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Vintage White And Red Stitching Holiday Easter Bunny Printing Breast Pocket Short Sleeve Shirt

$18.95 $32.00

-41%

HOO® Classic Hawaiian Bamboo Leaves Shadow Pattern Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Classic Hawaiian Bamboo Leaves Shadow Pattern Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Classic Hawaiian Bamboo Leaves Shadow Pattern Printing Breast Pocket Short Sleeve Shirt

$16.95

HOO® Mysterious Oriental Ink Painting Koi And Auspicious Clouds Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Mysterious Oriental Ink Painting Koi And Auspicious Clouds Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Mysterious Oriental Ink Painting Koi And Auspicious Clouds Printing Breast Pocket Short Sleeve Shirt

$15.00 $32.00

-53%

HOO® Vintage Pin Up Art Plaid Skirt Girl Picking Up Express Delivery Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Plaid Skirt Girl Picking Up Express Delivery Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Plaid Skirt Girl Picking Up Express Delivery Printing Breast Pocket Short Sleeve Shirt

$15.95

Mid Century Modern Black & White Pattern Printing Pocketless Men's Long Sleeve Shirt BestDVibe

Mid Century Modern Black & White Pattern Printing Pocketless Men's Long Sleeve Shirt BestDVibe

Mid Century Modern Black & White Pattern Printing Pocketless Men's Long Sleeve Shirt

$18.95

HOO® Cartoon Hand-Painted Sea Life Crab Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Cartoon Hand-Painted Sea Life Crab Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Cartoon Hand-Painted Sea Life Crab Printing Breast Pocket Short Sleeve Shirt

From $15.95

HOO® Seabirds People Sailboats Coconut Tree Beach Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Seabirds People Sailboats Coconut Tree Beach Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Seabirds People Sailboats Coconut Tree Beach Printing Breast Pocket Short Sleeve Shirt

From $14.95

HOO® Pink And White Gradient Tropical Hawaiian Flamingo Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Pink And White Gradient Tropical Hawaiian Flamingo Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Pink And White Gradient Tropical Hawaiian Flamingo Printing Breast Pocket Short Sleeve Shirt

$14.00 $32.00

-56%

HOO® Navy Blue Chef Piggy Cooking Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Navy Blue Chef Piggy Cooking Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Navy Blue Chef Piggy Cooking Printing Breast Pocket Short Sleeve Shirt

$14.95 $32.00

-53%

Bright Emerald Green Groundhogs Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Bright Emerald Green Groundhogs Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Bright Emerald Green Groundhogs Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$23.95 $31.95

-25%

Retro Valentine's Day Poster Cute Couples Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Retro Valentine's Day Poster Cute Couples Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Retro Valentine's Day Poster Cute Couples Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$23.95 $31.95

-25%

Wild Creature Snake Coiled On Dead Wood Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Wild Creature Snake Coiled On Dead Wood Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Wild Creature Snake Coiled On Dead Wood Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$23.95 $31.95

-25%

Hawaiian Purple Flowers And Snake Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Hawaiian Purple Flowers And Snake Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Hawaiian Purple Flowers And Snake Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$23.95 $31.95

-25%

Retro Red And White Striped Camping Valentine Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Retro Red And White Striped Camping Valentine Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Retro Red And White Striped Camping Valentine Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$23.95 $31.95

-25%

Abstract Mysterious Ethnic Snakes And Bird Shadows Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Abstract Mysterious Ethnic Snakes And Bird Shadows Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Abstract Mysterious Ethnic Snakes And Bird Shadows Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$23.95 $31.95

-25%

Pink Valentine's Day Gnome Love Party Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Pink Valentine's Day Gnome Love Party Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Pink Valentine's Day Gnome Love Party Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$23.95 $31.95

-25%

Bright Yellow Cartoon Happy Mardi Gras Parade Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Bright Yellow Cartoon Happy Mardi Gras Parade Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Bright Yellow Cartoon Happy Mardi Gras Parade Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$23.95 $31.95

-25%

Happy St. Patrick's Day Lucky Farm Cats And Gold Coins Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Happy St. Patrick's Day Lucky Farm Cats And Gold Coins Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Happy St. Patrick's Day Lucky Farm Cats And Gold Coins Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$23.95 $31.95

-25%

Wheat Happy Valentine'S Day Various Handwritten Love Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Wheat Happy Valentine'S Day Various Handwritten Love Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Wheat Happy Valentine'S Day Various Handwritten Love Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$23.95 $31.95

-25%

Happy Valentine's Day Cartoon Red Love Gnome Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Happy Valentine's Day Cartoon Red Love Gnome Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Happy Valentine's Day Cartoon Red Love Gnome Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$23.95 $31.95

-25%

Bright Sea And Easter Brown Bunny Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Bright Sea And Easter Brown Bunny Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Bright Sea And Easter Brown Bunny Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$23.95 $31.95

-25%

Mardi Gras Carnival Heart Ornaments And Purple Lobster Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Mardi Gras Carnival Heart Ornaments And Purple Lobster Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Mardi Gras Carnival Heart Ornaments And Purple Lobster Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$23.95 $31.95

-25%

Neon Colored Easter Painted Eggs Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Neon Colored Easter Painted Eggs Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Neon Colored Easter Painted Eggs Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$23.95 $31.95

-25%

Happy Easter Cute Gnome With Bunny Ears Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Happy Easter Cute Gnome With Bunny Ears Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Happy Easter Cute Gnome With Bunny Ears Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$23.95 $31.95

-25%

Mardi Gras Carnival Wavy Lines And Colorful Lilies Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Mardi Gras Carnival Wavy Lines And Colorful Lilies Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Mardi Gras Carnival Wavy Lines And Colorful Lilies Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$23.95 $31.95

-25%

Vintage Easter Rainbow Jesus And Love Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Vintage Easter Rainbow Jesus And Love Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Vintage Easter Rainbow Jesus And Love Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$23.95 $31.95

-25%

Vintage Easter New Star And The Three Magi Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Vintage Easter New Star And The Three Magi Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Vintage Easter New Star And The Three Magi Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$23.95 $31.95

-25%

Mardi Gras Carnival Hand-Painted Festival Masks And Balloons Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Mardi Gras Carnival Hand-Painted Festival Masks And Balloons Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Mardi Gras Carnival Hand-Painted Festival Masks And Balloons Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$23.95 $31.95

-25%

Cartoon Denim And Hand Drawn Love Hearts Valentine's Day Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Cartoon Denim And Hand Drawn Love Hearts Valentine's Day Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Cartoon Denim And Hand Drawn Love Hearts Valentine's Day Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.95 $31.95

-6%

Happy St. Patrick's Day Cute Kitten And Rainbow Magic Jar Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Happy St. Patrick's Day Cute Kitten And Rainbow Magic Jar Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Happy St. Patrick's Day Cute Kitten And Rainbow Magic Jar Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.95 $31.95

-6%

Happy Valentine's Day Colorful Hearts With Dripping Paint Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Happy Valentine's Day Colorful Hearts With Dripping Paint Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Happy Valentine's Day Colorful Hearts With Dripping Paint Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.95 $31.95

-6%

St. Patrick's Day Get Lucky Cartoon Mosaic Gnomes Camping Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

St. Patrick's Day Get Lucky Cartoon Mosaic Gnomes Camping Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

St. Patrick's Day Get Lucky Cartoon Mosaic Gnomes Camping Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.95 $31.95

-6%

Happy Valentine's Day Cartoon Colored Hearts Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Happy Valentine's Day Cartoon Colored Hearts Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Happy Valentine's Day Cartoon Colored Hearts Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

Happy St. Patrick's Day Retro Pin-Up Poster Beauty And Clovers Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Happy St. Patrick's Day Retro Pin-Up Poster Beauty And Clovers Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Happy St. Patrick's Day Retro Pin-Up Poster Beauty And Clovers Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.95 $31.95

-6%

Mardi Gras Carnival Tropical Leaves And Masks Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Mardi Gras Carnival Tropical Leaves And Masks Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Mardi Gras Carnival Tropical Leaves And Masks Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.95 $31.95

-6%

Happy St. Patrick'S Day Cartoon Lucky Elements Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Happy St. Patrick'S Day Cartoon Lucky Elements Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Happy St. Patrick'S Day Cartoon Lucky Elements Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.95 $31.95

-6%

Classic Red Hearts On Black I Love You Valentine's Day Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Classic Red Hearts On Black I Love You Valentine's Day Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Classic Red Hearts On Black I Love You Valentine's Day Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.95 $31.95

-6%

Happy St. Patrick's Day Lucky Ocean Cartoon King Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Happy St. Patrick's Day Lucky Ocean Cartoon King Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Happy St. Patrick's Day Lucky Ocean Cartoon King Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.95 $31.95

-6%

Happy Valentine's Day Rose Pattern And Black Striped Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Happy Valentine's Day Rose Pattern And Black Striped Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Happy Valentine's Day Rose Pattern And Black Striped Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.95 $31.95

-6%

Vintage Easter Christian Painting Cross Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Vintage Easter Christian Painting Cross Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Vintage Easter Christian Painting Cross Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.95 $31.95

-6%

St. Patrick's Day Camping White Striped And Cow Pattern Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

St. Patrick's Day Camping White Striped And Cow Pattern Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

St. Patrick's Day Camping White Striped And Cow Pattern Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.95 $31.95

-6%

Cartoon Game Adventure World Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Cartoon Game Adventure World Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Cartoon Game Adventure World Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

St. Patrick's Day Gentleman Black Cat Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

St. Patrick's Day Gentleman Black Cat Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

St. Patrick's Day Gentleman Black Cat Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.95 $31.95

-6%

Vintage Ethnic Colorful Sun And Moon Hippie Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Vintage Ethnic Colorful Sun And Moon Hippie Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Vintage Ethnic Colorful Sun And Moon Hippie Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

Grey And Yellow Retro Car Poster Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Grey And Yellow Retro Car Poster Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Grey And Yellow Retro Car Poster Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

Ukiyoe Giant Blue Cat Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyoe Giant Blue Cat Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyoe Giant Blue Cat Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

Gradient Green Bamboos Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Gradient Green Bamboos Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Gradient Green Bamboos Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

Hawaiian Gradient Green Leaves Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Hawaiian Gradient Green Leaves Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Hawaiian Gradient Green Leaves Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

Happy Valentine's Day Gradient Heart Patterns Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Happy Valentine's Day Gradient Heart Patterns Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Happy Valentine's Day Gradient Heart Patterns Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

Hawaiian Tropical Leaves And Parrots Ethnic Pattern Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Hawaiian Tropical Leaves And Parrots Ethnic Pattern Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Hawaiian Tropical Leaves And Parrots Ethnic Pattern Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

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

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

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

$31.95

Happy Valentine'S Day Colorful Hand Drawn Hearts Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Happy Valentine'S Day Colorful Hand Drawn Hearts Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Happy Valentine'S Day Colorful Hand Drawn Hearts Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.95 $31.95

-6%

Cartoon Car Characters Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Cartoon Car Characters Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Cartoon Car Characters Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

Orange Retro Camping Flaming Footballs And Stripes Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Orange Retro Camping Flaming Footballs And Stripes Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Orange Retro Camping Flaming Footballs And Stripes Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.95 $31.95

-6%

Hawaii Tropical Flowers And Wild Snake Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Hawaii Tropical Flowers And Wild Snake Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Hawaii Tropical Flowers And Wild Snake Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

Hand Drawn Colorful Easter Bunnies Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Hand Drawn Colorful Easter Bunnies Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Hand Drawn Colorful Easter Bunnies Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.95 $31.95

-6%

Multicolored Abstract Lines Style Cats Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Multicolored Abstract Lines Style Cats Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Multicolored Abstract Lines Style Cats Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.95 $31.95

-6%

Retro Camping Blue Floral And Cat Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Retro Camping Blue Floral And Cat Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Retro Camping Blue Floral And Cat Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.95 $31.95

-6%

Cartoon Western Style Cowboy Cat Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Cartoon Western Style Cowboy Cat Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Cartoon Western Style Cowboy Cat Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

Happy Valentine's Day Red Glitters And Hearts Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Happy Valentine's Day Red Glitters And Hearts Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Happy Valentine's Day Red Glitters And Hearts Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

Mardi Gras Carnival Green And Purple Beads And Feather Masks Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Mardi Gras Carnival Green And Purple Beads And Feather Masks Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Mardi Gras Carnival Green And Purple Beads And Feather Masks Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.95 $31.95

-6%

Vintage Landscape Bridge Painting Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Vintage Landscape Bridge Painting Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Vintage Landscape Bridge Painting Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

Abstract Sci-Fi Samurai Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Abstract Sci-Fi Samurai Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Abstract Sci-Fi Samurai Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

Camping Retro White Green Striped And St. Patrick's Day Black Kitten Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Camping Retro White Green Striped And St. Patrick's Day Black Kitten Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Camping Retro White Green Striped And St. Patrick's Day Black Kitten Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.95 $31.95

-6%

Cartoon Starry Sky And Cats Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Cartoon Starry Sky And Cats Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Cartoon Starry Sky And Cats Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

Cartoon Stone Age Primitive Character Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Cartoon Stone Age Primitive Character Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Cartoon Stone Age Primitive Character Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

Casual Snakes And Flowers Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Casual Snakes And Flowers Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Casual Snakes And Flowers Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

Cartoon Cute White Cat Touching Stars Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Cartoon Cute White Cat Touching Stars Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Cartoon Cute White Cat Touching Stars Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

Cartoon Color Block Pet Dog Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Cartoon Color Block Pet Dog Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Cartoon Color Block Pet Dog Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

Fighter Series Cartoon Dog Pilot Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Fighter Series Cartoon Dog Pilot Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Fighter Series Cartoon Dog Pilot Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

Retro Old School Style Tattoos Skulls And Butterflies Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Retro Old School Style Tattoos Skulls And Butterflies Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Retro Old School Style Tattoos Skulls And Butterflies Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

Vintage Tropical Forest Jungle Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Vintage Tropical Forest Jungle Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Vintage Tropical Forest Jungle Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.95 $31.95

-6%

Watercolor Style Cartoon Curious Cats Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Watercolor Style Cartoon Curious Cats Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Watercolor Style Cartoon Curious Cats Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.95 $31.95

-6%

Hawaiian Ethnic Style Bright Flowers Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Hawaiian Ethnic Style Bright Flowers Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Hawaiian Ethnic Style Bright Flowers Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.95 $31.95

-6%

Abstract Retro Landscape Painting Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Abstract Retro Landscape Painting Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Abstract Retro Landscape Painting Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.95 $31.95

-6%

Khaki Tribal Patchwork Pattern Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Khaki Tribal Patchwork Pattern Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Khaki Tribal Patchwork Pattern Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.95 $31.95

-6%

Retro Ethnic Style Carpet Red Patchwork Pattern Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Retro Ethnic Style Carpet Red Patchwork Pattern Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Retro Ethnic Style Carpet Red Patchwork Pattern Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.95 $31.95

-6%

Red Retro Floral Art Carpet Art Pattern Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Red Retro Floral Art Carpet Art Pattern Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Red Retro Floral Art Carpet Art Pattern Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.95 $31.95

-6%

Vintage Colorful Tribal Style Ethnic Floral Art Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Vintage Colorful Tribal Style Ethnic Floral Art Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Vintage Colorful Tribal Style Ethnic Floral Art Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.95 $31.95

-6%

Abstract Geometric Fields Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Abstract Geometric Fields Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Abstract Geometric Fields Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.95 $31.95

-6%

Hawaiian Leaves Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Hawaiian Leaves Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Hawaiian Leaves Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.95 $31.95

-6%

Hawaiian Brightly Colored Cat Chef Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Hawaiian Brightly Colored Cat Chef Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Hawaiian Brightly Colored Cat Chef Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.95 $31.95

-6%

Abstract Jazz Saxophone Poster Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Abstract Jazz Saxophone Poster Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Abstract Jazz Saxophone Poster Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.95 $31.95

-6%

Pink Heart Attack Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Pink Heart Attack Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Pink Heart Attack Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.95 $31.95

-6%

Mysterious Oriental Cranes And Lotus Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Mysterious Oriental Cranes And Lotus Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Mysterious Oriental Cranes And Lotus Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.95 $31.95

-6%

Lifelike Jellyfish Marine Elements Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Lifelike Jellyfish Marine Elements Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Lifelike Jellyfish Marine Elements Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.95 $31.95

-6%

Yellow Black And White Contrast Color Abstract Musician Art Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Yellow Black And White Contrast Color Abstract Musician Art Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Yellow Black And White Contrast Color Abstract Musician Art Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.95 $31.95

-6%

Orange Cartoon Tennis Ball Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Orange Cartoon Tennis Ball Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Orange Cartoon Tennis Ball Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.95 $31.95

-6%

Ballroom Dancing Skeletons On Cyan Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Ballroom Dancing Skeletons On Cyan Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Ballroom Dancing Skeletons On Cyan Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.95 $31.95

-6%

Pet Art Cute Puppies Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Pet Art Cute Puppies Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Pet Art Cute Puppies Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.95 $31.95

-6%

Mysterious Oriental Retro Lotus Pond Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Mysterious Oriental Retro Lotus Pond Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Mysterious Oriental Retro Lotus Pond Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.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