🎁 5% Off First Order Code：NEW

🎁 5% Off First Order Code：NEW

🎁 5% Off First Order Code：NEW

🎁 5% Off First Order Code：NEW

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

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

BestDVibe

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

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

Account

Log in
Create an account

Close

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

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

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

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

Cotton Linen short sleeve shirts

Filter

Clear all

size

2xl (1163)
3xl (1162)
4xl (1149)
5xl (1149)
6xl (1)
l (1163)
m (1163)
s (1160)
xl (1163)

1163 Products

1163 Products

Filter and sort

size

Sort by

size

2xl (1163)
3xl (1162)
4xl (1149)
5xl (1149)
6xl (1)
l (1163)
m (1163)
s (1160)
xl (1163)

Clear all

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

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

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

$31.95

HOO® Hand Drawn Cartoon Colorful Cats Stacked Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Hand Drawn Cartoon Colorful Cats Stacked Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Hand Drawn Cartoon Colorful Cats Stacked Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Christian Faith Over Fear Printing Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Christian Faith Over Fear Printing Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Christian Faith Over Fear Printing Cotton Linen Short Sleeve Shirt

$31.95

HOO® Nostalgic Anime Space Soldier Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Nostalgic Anime Space Soldier Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Nostalgic Anime Space Soldier Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Op-Art Fantasy Magic Eye Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Op-Art Fantasy Magic Eye Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Op-Art Fantasy Magic Eye Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Classic Famous Painting Starry Outer Space Anime Soldier And Aliens Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Classic Famous Painting Starry Outer Space Anime Soldier And Aliens Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Classic Famous Painting Starry Outer Space Anime Soldier And Aliens Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

Cute Cats Behind The Red Door Printing Cotton Linen Short Sleeve Shirt BestDVibe

Cute Cats Behind The Red Door Printing Cotton Linen Short Sleeve Shirt BestDVibe

Cute Cats Behind The Red Door Printing Cotton Linen Short Sleeve Shirt

$31.95

HOO® Funny Animals Melancholy Dog Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Funny Animals Melancholy Dog Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Funny Animals Melancholy Dog Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO®Men's V-neck Striped Print Loose Lapel Cotton Linen Shirt BestDVibe

HOO®Men's V-neck Striped Print Loose Lapel Cotton Linen Shirt BestDVibe

HOO®Men's V-neck Striped Print Loose Lapel Cotton Linen Shirt

$31.95 $63.95

-50%

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

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

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

$31.95

HOO® Colorful Paint Splash Oil Painting Cats Printing Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Colorful Paint Splash Oil Painting Cats Printing Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Colorful Paint Splash Oil Painting Cats Printing Cotton Linen Short Sleeve Shirt

$31.95

Ukiyo-E Wild Tiger On Waves Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyo-E Wild Tiger On Waves Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyo-E Wild Tiger On Waves 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

Traditional Classic Artist Van Gogh Cat Printing Cotton Linen Short Sleeve Shirt BestDVibe

Traditional Classic Artist Van Gogh Cat Printing Cotton Linen Short Sleeve Shirt BestDVibe

Traditional Classic Artist Van Gogh Cat Printing Cotton Linen Short Sleeve Shirt

$31.95

HOO® Nostalgic Anime Funny Animal Kung Fu Chicken Printing Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Nostalgic Anime Funny Animal Kung Fu Chicken Printing Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Nostalgic Anime Funny Animal Kung Fu Chicken Printing Cotton Linen Short Sleeve Shirt

$31.95

Happy New Years Eve Ribbons Printing Cotton Linen Short Sleeve Shirt BestDVibe

Happy New Years Eve Ribbons Printing Cotton Linen Short Sleeve Shirt BestDVibe

Happy New Years Eve Ribbons Printing Cotton Linen Short Sleeve Shirt

$31.95

Contrast Color Cats Printing Cotton Linen Short Sleeve Shirt BestDVibe

Contrast Color Cats Printing Cotton Linen Short Sleeve Shirt BestDVibe

Contrast Color Cats Printing Cotton Linen Short Sleeve Shirt

$31.95

Classic Tribal Style Winter Season Printing Cotton Linen Short Sleeve Shirt BestDVibe

Classic Tribal Style Winter Season Printing Cotton Linen Short Sleeve Shirt BestDVibe

Classic Tribal Style Winter Season Printing Cotton Linen Short Sleeve Shirt

$31.95

HOO® Nostalgic Anime Mouse Detective Partner Printing Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Nostalgic Anime Mouse Detective Partner Printing Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Nostalgic Anime Mouse Detective Partner Printing Cotton Linen Short Sleeve Shirt

$31.95

HOO® Ukiyo-E Giant Wave And Cute Cat Printing Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Ukiyo-E Giant Wave And Cute Cat Printing Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Ukiyo-E Giant Wave And Cute Cat Printing Cotton Linen Short Sleeve Shirt

$31.95

Exotic Black Cat Printing Cotton Linen Short Sleeve Shirt BestDVibe

Exotic Black Cat Printing Cotton Linen Short Sleeve Shirt BestDVibe

Exotic Black Cat Printing Cotton Linen Short Sleeve Shirt

$31.95

HOO® Cactus And Beautiful White Cat Printing Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Cactus And Beautiful White Cat Printing Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Cactus And Beautiful White Cat Printing Cotton Linen Short Sleeve Shirt

$31.95

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

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

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

$31.95

Japanese Style Waves And Surfing Shiba Inu Printing Cotton Linen Short Sleeve Shirt BestDVibe

Japanese Style Waves And Surfing Shiba Inu Printing Cotton Linen Short Sleeve Shirt BestDVibe

Japanese Style Waves And Surfing Shiba Inu Printing Cotton Linen Short Sleeve Shirt

$31.95

HOO® Men's Casual Loose Solid Color Cotton Linen Long Sleeve Shirt BestDVibe

HOO® Men's Casual Loose Solid Color Cotton Linen Long Sleeve Shirt BestDVibe

HOO® Men's Casual Loose Solid Color Cotton Linen Long Sleeve Shirt

$31.95 $54.95

-42%

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

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

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

$31.95

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

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

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

$31.95

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

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

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

$31.95

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

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

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

$31.95

HOO® Rainbow Elephant Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Rainbow Elephant Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Rainbow Elephant Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

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

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

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

$31.95

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

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

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

$31.95

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

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

Abstract Bulldog Art Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

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

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

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

$31.95

Ukiyoe Roaring Brown Bear Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyoe Roaring Brown Bear Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyoe Roaring Brown Bear Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

Cartoon Hawaiian Floral Suit Dog Printing Cotton Linen Short Sleeve Shirt BestDVibe

Cartoon Hawaiian Floral Suit Dog Printing Cotton Linen Short Sleeve Shirt BestDVibe

Cartoon Hawaiian Floral Suit Dog Printing Cotton Linen Short Sleeve Shirt

$31.95

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

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

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

$31.95

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

$31.95

HOO® Rainbow Pride Month Hippie Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Rainbow Pride Month Hippie Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Rainbow Pride Month Hippie 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

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

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

Ukiyoe Landscape Painting Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

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

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

Sloth Playing Trombone Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

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

$31.95

Ukiyo-e Bulldog Behemoth Printing Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyo-e Bulldog Behemoth Printing Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyo-e Bulldog Behemoth Printing Cotton Linen Short Sleeve Shirt

$31.95

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

$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

$31.95

Fantasy Mardi Gras Carnival Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Fantasy Mardi Gras Carnival Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Fantasy Mardi Gras Carnival Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

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

Flowers And Birds Art Painting Printing Cotton Linen Short Sleeve Shirt BestDVibe

Flowers And Birds Art Painting Printing Cotton Linen Short Sleeve Shirt BestDVibe

Flowers And Birds Art Painting Printing Cotton Linen Short Sleeve Shirt

$31.95

Vintage Abstract Cats Art Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Vintage Abstract Cats Art Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Vintage Abstract Cats Art 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

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

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

Gold And Purple Stitching Business Style 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

$31.95

HOO® Mr. Black Cat Bar Printing Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Mr. Black Cat Bar Printing Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Mr. Black Cat Bar Printing Cotton Linen Short Sleeve Shirt

$31.95

HOO® Nostalgic Anime Green Dog And Soldier Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Nostalgic Anime Green Dog And Soldier Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Nostalgic Anime Green Dog And Soldier Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Psychedelic Colorful Mushroom Forest Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Psychedelic Colorful Mushroom Forest Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Psychedelic Colorful Mushroom Forest Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

Ukiyoe Hawaiian Flamingo Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyoe Hawaiian Flamingo Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyoe Hawaiian Flamingo Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

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

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

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

$31.95

HOO® Yellow And Black Contrasting Abstract Cats Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Yellow And Black Contrasting Abstract Cats Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Yellow And Black Contrasting Abstract Cats Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

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

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

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

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

$31.95

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

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

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

$31.95

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

$31.95

Yellow And Black Dinosaur Skeletons Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Yellow And Black Dinosaur Skeletons Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Yellow And Black Dinosaur Skeletons Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Anime Stone Age Primitive Character Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Anime Stone Age Primitive Character Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Anime Stone Age Primitive Character Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Navy Traditional Dragon Totem Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Navy Traditional Dragon Totem Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Navy Traditional Dragon Totem Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95 $41.00

-22%

HOO® Japanese Art Ukiyoe Waves And Surfing Cat Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Japanese Art Ukiyoe Waves And Surfing Cat Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Japanese Art Ukiyoe Waves And Surfing Cat Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Sci-Fi Anime Character Space Man Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Sci-Fi Anime Character Space Man Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Sci-Fi Anime Character Space Man Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

Geometric Colored Cat Printing Cotton Linen Short Sleeve Shirt BestDVibe

Geometric Colored Cat Printing Cotton Linen Short Sleeve Shirt BestDVibe

Geometric Colored Cat Printing Cotton Linen Short Sleeve Shirt

$31.95

HOO® Yellow And Black Dinosaur Skeletons Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Yellow And Black Dinosaur Skeletons Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Yellow And Black Dinosaur Skeletons Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

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

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

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

$31.95

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

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

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

$31.95

Abstract Hand-Painted Colorful Blocks Patchwork Cat Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Abstract Hand-Painted Colorful Blocks Patchwork Cat Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Abstract Hand-Painted Colorful Blocks Patchwork Cat Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

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

$31.95

Ukiyo-E Waves And The Red Octopus Monster Printing Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyo-E Waves And The Red Octopus Monster Printing Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyo-E Waves And The Red Octopus Monster Printing Cotton Linen Short Sleeve Shirt

$31.95

Retro Ukiyoe Waves And Black Tentacle Monster Printing Cotton Linen Short Sleeve Shirt BestDVibe

Retro Ukiyoe Waves And Black Tentacle Monster Printing Cotton Linen Short Sleeve Shirt BestDVibe

Retro Ukiyoe Waves And Black Tentacle Monster Printing Cotton Linen Short Sleeve Shirt

$31.95

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

$31.95

Hawaii Vacation Kitty Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Hawaii Vacation Kitty Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Hawaii Vacation Kitty Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

Colorful Abstract Musical Instruments Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Colorful Abstract Musical Instruments Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Colorful Abstract Musical Instruments Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

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

$31.95

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

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

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

$31.95

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

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

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

$31.95

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

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

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

$31.95

Oil Painting The Scream Black Cat Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Oil Painting The Scream Black Cat Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Oil Painting The Scream Black Cat Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

Sun And Moon Gods Coinciding Artwork Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Sun And Moon Gods Coinciding Artwork Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Sun And Moon Gods Coinciding Artwork Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

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

$31.95

Painted Flag And Cat Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Painted Flag And Cat Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Painted Flag And Cat Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

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

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

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

$31.95

Psychedelic Black Light Octopus Monster Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Psychedelic Black Light Octopus Monster Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Psychedelic Black Light Octopus Monster Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Casual Cotton Linen Elastic Waist Loose Shorts BestDVibe

HOO® Casual Cotton Linen Elastic Waist Loose Shorts BestDVibe

HOO® Casual Cotton Linen Elastic Waist Loose Shorts

$31.95 $39.00

-18%

HOO® Vintage Pin Up Art Beauty Poster Darts Player Printing Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Beauty Poster Darts Player Printing Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Beauty Poster Darts Player Printing Cotton Linen Short Sleeve Shirt

$31.95

Cute Black Cats On Yellow Printing Cotton Linen Short Sleeve Shirt BestDVibe

Cute Black Cats On Yellow Printing Cotton Linen Short Sleeve Shirt BestDVibe

Cute Black Cats On Yellow Printing Cotton Linen Short Sleeve Shirt

$31.95

HOO® Retro Op Art Color Block Patterns Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Retro Op Art Color Block Patterns Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Retro Op Art Color Block Patterns Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

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

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

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

$31.95

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

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

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

$31.95

Japanese Art Ukiyoe Waves And Surfing Cat Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Japanese Art Ukiyoe Waves And Surfing Cat Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Japanese Art Ukiyoe Waves And Surfing Cat Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

Happy St. Patrick's Day Green Lucky Frogs Printing Cotton Linen Short Sleeve Shirt BestDVibe

Happy St. Patrick's Day Green Lucky Frogs Printing Cotton Linen Short Sleeve Shirt BestDVibe

Happy St. Patrick's Day Green Lucky Frogs Printing Cotton Linen Short Sleeve Shirt

$31.95

HOO® Classic Sci-Fi Outer Space Movie Rock Samurai Printing Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Classic Sci-Fi Outer Space Movie Rock Samurai Printing Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Classic Sci-Fi Outer Space Movie Rock Samurai Printing Cotton Linen Short Sleeve Shirt

$31.95

HOO® Colorful Valentine's Day Handmade Hearts Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Colorful Valentine's Day Handmade Hearts Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Colorful Valentine's Day Handmade Hearts Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

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

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

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

$31.95

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