🎁 5% Off First Order Code：NEW

🎁 5% Off First Order Code：NEW

🎁 5% Off First Order Code：NEW

🎁 5% Off First Order Code：NEW

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

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

BestDVibe

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

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

Account

Log in
Create an account

Close

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

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

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

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

Best Seller

Filter

Clear all

size

2xl (577)
3xl (577)
4xl (481)
4xlt (361)
5xl (416)
5xlt (361)
6xl (62)
6xlt (7)
l (577)
m (416)
s (375)
xl (577)
xs (320)

577 Products

577 Products

Filter and sort

size

Sort by

size

2xl (577)
3xl (577)
4xl (481)
4xlt (361)
5xl (416)
5xlt (361)
6xl (62)
6xlt (7)
l (577)
m (416)
s (375)
xl (577)
xs (320)

Clear all

Eye-Catching Psychedelic Green Fire Flame Pattern Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Psychedelic Green Fire Flame Pattern Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Psychedelic Green Fire Flame Pattern Printing Cuban Collar Hawaiian Short Sleeve Shirt

$30.80 $47.50

-35%

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

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

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

$31.80 $35.00

-4%

Eye-Catching Horror Style Masked Horror Character And Spiders Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Horror Style Masked Horror Character And Spiders Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Horror Style Masked Horror Character And Spiders Printing Cuban Collar Hawaiian Short Sleeve Shirt

$32.95 $35.00

-0%

Eye-Catching Classic Horror Movie Vintage Poster Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Classic Horror Movie Vintage Poster Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Classic Horror Movie Vintage Poster Printing Cuban Collar Hawaiian Short Sleeve Shirt

$30.80 $35.00

-7%

Eye-Catching Thriller Style Horror Characters Family Photo Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Thriller Style Horror Characters Family Photo Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Thriller Style Horror Characters Family Photo Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.80 $35.00

-4%

Native Chief Skull Printing Hooded Sweatshirt BestDVibe

Native Chief Skull Printing Hooded Sweatshirt BestDVibe

Native Chief Skull Printing Hooded Sweatshirt

$35.95 $40.00

-5%

Eye-Catching Fierce Skull With Blue Flames Burning Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Fierce Skull With Blue Flames Burning Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Fierce Skull With Blue Flames Burning Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.80 $35.00

-4%

Eye-Catching Rainbow Radiant Skull Printing Shorts BestDVibe

Eye-Catching Rainbow Radiant Skull Printing Shorts BestDVibe

Eye-Catching Rainbow Radiant Skull Printing Shorts

$27.00

Eye-Catching Sci-Fi Magic Car And Classic Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Sci-Fi Magic Car And Classic Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Sci-Fi Magic Car And Classic Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.55 $35.00

-4%

Eye-Catching Horror Movie Thriller Scooter And Horror Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Horror Movie Thriller Scooter And Horror Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Horror Movie Thriller Scooter And Horror Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt

$32.99 $35.00

-0%

Eye-Catching Sci-Fi Space Nebula And Mystical Samurai Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Sci-Fi Space Nebula And Mystical Samurai Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Sci-Fi Space Nebula And Mystical Samurai Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.80 $35.00

-4%

Eye-Catching Stunning Style Horror House and Little Girl Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Stunning Style Horror House and Little Girl Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Stunning Style Horror House and Little Girl Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.80 $35.00

-4%

70'S Disco Shine Neon Round Mosaic Pattern Printing Shorts BestDVibe

70'S Disco Shine Neon Round Mosaic Pattern Printing Shorts BestDVibe

70'S Disco Shine Neon Round Mosaic Pattern Printing Shorts

$27.00

Eye-Catching Khaki Classic Horror Character On The Street Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Khaki Classic Horror Character On The Street Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Khaki Classic Horror Character On The Street Printing Cuban Collar Hawaiian Short Sleeve Shirt

$30.99 $35.00

-6%

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

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

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

$31.99 $35.00

-3%

Eye-Catching Sci-Fi Space War Purple Gorgeous Space And Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Sci-Fi Space War Purple Gorgeous Space And Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Sci-Fi Space War Purple Gorgeous Space And Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.99 $35.00

-3%

Eye-Catching Stunning Style Fire And Ice Tiger Art Painting Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Stunning Style Fire And Ice Tiger Art Painting Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Stunning Style Fire And Ice Tiger Art Painting Printing Cuban Collar Hawaiian Short Sleeve Shirt

$32.99 $35.00

-0%

Eye-Catching Fire Burning Long Hair Skull Heavy Metal Rock Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Fire Burning Long Hair Skull Heavy Metal Rock Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Fire Burning Long Hair Skull Heavy Metal Rock Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.80 $35.00

-4%

Eye-Catching Fashion P-Chef I Rub My Meat Before I Stick It In Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Fashion P-Chef I Rub My Meat Before I Stick It In Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Fashion P-Chef I Rub My Meat Before I Stick It In Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.80 $35.00

-4%

Eye-Catching Psychedelic Colorful Pop Art Artist Jimi Hendrix Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Psychedelic Colorful Pop Art Artist Jimi Hendrix Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Psychedelic Colorful Pop Art Artist Jimi Hendrix Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.80 $47.50

-33%

Eye-Catching Psychedelic Mysterious Seabed Mutant Mushrooms And Jellyfish Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Psychedelic Mysterious Seabed Mutant Mushrooms And Jellyfish Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Psychedelic Mysterious Seabed Mutant Mushrooms And Jellyfish Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.80 $52.00

-39%

Eye-Catching Classic Thriller Style Horror Movie Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Classic Thriller Style Horror Movie Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Classic Thriller Style Horror Movie Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt

$30.99 $35.00

-6%

Eye-Catching Refreshing Summer Drinks Colorful Cocktails Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Refreshing Summer Drinks Colorful Cocktails Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Refreshing Summer Drinks Colorful Cocktails Printing Cuban Collar Hawaiian Short Sleeve Shirt

$30.99 $35.00

-6%

Eye-Catching Stunning Style Roses And Classic Horror Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Stunning Style Roses And Classic Horror Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Stunning Style Roses And Classic Horror Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt

$30.99 $35.00

-6%

Eye-Catching Graffiti Pattern Pop Art Orange And Black Retro Architecture Silhouette Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Graffiti Pattern Pop Art Orange And Black Retro Architecture Silhouette Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Graffiti Pattern Pop Art Orange And Black Retro Architecture Silhouette Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.99 $35.00

-3%

Eye-Catching Abstract Pop Art Urban Graffiti Retro Car Silhouette Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Abstract Pop Art Urban Graffiti Retro Car Silhouette Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Abstract Pop Art Urban Graffiti Retro Car Silhouette Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.99 $35.00

-3%

Eye-Catching Comic Style Sci-Fi Space War Desert And Samurai Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Comic Style Sci-Fi Space War Desert And Samurai Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Comic Style Sci-Fi Space War Desert And Samurai Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.80 $35.00

-4%

Eye-Catching Comic Style Sci-Fi Alien World Alien And Beauty Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Comic Style Sci-Fi Alien World Alien And Beauty Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Comic Style Sci-Fi Alien World Alien And Beauty Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.80 $35.00

-4%

Eye-Catching Purple Fantasy Star Space and Sci-Fi Samurai Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Purple Fantasy Star Space and Sci-Fi Samurai Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Purple Fantasy Star Space and Sci-Fi Samurai Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.80 $35.00

-4%

Eye-Catching Colorful Boxer Poster Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Colorful Boxer Poster Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Colorful Boxer Poster Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.80 $35.00

-4%

Eye-Catching Stunning Style Cool Sci-Fi Space War Samurais Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Stunning Style Cool Sci-Fi Space War Samurais Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Stunning Style Cool Sci-Fi Space War Samurais Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.80 $35.00

-4%

Eye-Catching Sci-Fi Outer Space Exploration Spacecraft Fleet Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Sci-Fi Outer Space Exploration Spacecraft Fleet Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Sci-Fi Outer Space Exploration Spacecraft Fleet Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.80 $35.00

-4%

Eye-Catching Comic Style Classic Horror Characters Artworks Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Comic Style Classic Horror Characters Artworks Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Comic Style Classic Horror Characters Artworks Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.80 $35.00

-4%

Eye-Catching Cartoon Sci-Fi Style Space War Fighters And Armed Walkers Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Cartoon Sci-Fi Style Space War Fighters And Armed Walkers Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Cartoon Sci-Fi Style Space War Fighters And Armed Walkers Printing Cuban Collar Hawaiian Short Sleeve Shirt

$30.80 $35.00

-7%

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

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

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

$31.80 $35.00

-4%

Eye-Catching Flame Chains And Skull Motorcyclist Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Flame Chains And Skull Motorcyclist Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Flame Chains And Skull Motorcyclist Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.80 $35.00

-4%

Eye-Catching Classic Horror Punk Zombies Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Classic Horror Punk Zombies Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Classic Horror Punk Zombies Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.80 $35.00

-4%

Horror Characters And Bats Printing Shorts BestDVibe

Horror Characters And Bats Printing Shorts BestDVibe

Horror Characters And Bats Printing Shorts

$27.00

Eye-Catching Red Horror Villain Party Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Red Horror Villain Party Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Red Horror Villain Party Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.80 $35.00

-4%

Abstract Starry Sky Classic Painting And Space Wars Spaceship Personality Printing Hooded Sweatshirt BestDVibe

Abstract Starry Sky Classic Painting And Space Wars Spaceship Personality Printing Hooded Sweatshirt BestDVibe

Abstract Starry Sky Classic Painting And Space Wars Spaceship Personality Printing Hooded Sweatshirt

$35.95 $40.00

-5%

Eye-Catching Skull Art Painting Of Human Skulls Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Skull Art Painting Of Human Skulls Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Skull Art Painting Of Human Skulls Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.80 $35.00

-4%

Vintage Pin Up Art American Flag Missile And Sexy Beauty Printing Shorts BestDVibe

Vintage Pin Up Art American Flag Missile And Sexy Beauty Printing Shorts BestDVibe

Vintage Pin Up Art American Flag Missile And Sexy Beauty Printing Shorts

$27.00

Eye-Catching Fantasy Purple Starry Sky Broken Building And Time Travel Box Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Fantasy Purple Starry Sky Broken Building And Time Travel Box Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Fantasy Purple Starry Sky Broken Building And Time Travel Box Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.80 $35.00

-4%

Mysterious Red-Eyed Monster Wolves Printing Hooded Sweatshirt BestDVibe

Mysterious Red-Eyed Monster Wolves Printing Hooded Sweatshirt BestDVibe

Mysterious Red-Eyed Monster Wolves Printing Hooded Sweatshirt

$35.95 $40.00

-5%

Black And White Skull Skeleton Costume Printing Hooded Sweatshirt BestDVibe

Black And White Skull Skeleton Costume Printing Hooded Sweatshirt BestDVibe

Black And White Skull Skeleton Costume Printing Hooded Sweatshirt

$35.95 $40.00

-5%

Eye-Catching Psychedelic Pink Fire Flame With Skulls Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Psychedelic Pink Fire Flame With Skulls Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Psychedelic Pink Fire Flame With Skulls Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.80 $35.00

-4%

Pink Burning Fire Flame Black Pink Contrasting Color Printing Shorts BestDVibe

Pink Burning Fire Flame Black Pink Contrasting Color Printing Shorts BestDVibe

Pink Burning Fire Flame Black Pink Contrasting Color Printing Shorts

$27.00

Eye-Catching Amazing Style Flame Skull With Black Clouds Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Amazing Style Flame Skull With Black Clouds Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Amazing Style Flame Skull With Black Clouds Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.80 $35.00

-4%

Eye-Catching Psychedelic Green Fire Flame Pattern Printing Shorts BestDVibe

Eye-Catching Psychedelic Green Fire Flame Pattern Printing Shorts BestDVibe

Eye-Catching Psychedelic Green Fire Flame Pattern Printing Shorts

$27.00

Eye-Catching Iridescent Psychedelic Swirl Trippy Artwork Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Iridescent Psychedelic Swirl Trippy Artwork Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Iridescent Psychedelic Swirl Trippy Artwork Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.60 $35.00

-4%

Eye-Catching Psychedelic Neon Colorful Tropical Foliage And Parrots Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Psychedelic Neon Colorful Tropical Foliage And Parrots Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Psychedelic Neon Colorful Tropical Foliage And Parrots Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.80 $35.00

-4%

Eye-Catching Amazing Style Magic Candle Flame Clown Skull Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Amazing Style Magic Candle Flame Clown Skull Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Amazing Style Magic Candle Flame Clown Skull Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.80 $35.00

-4%

Hot Rod Retro Vintage Metal Garage Revolution Pinup Girl Printing Shorts BestDVibe

Hot Rod Retro Vintage Metal Garage Revolution Pinup Girl Printing Shorts BestDVibe

Hot Rod Retro Vintage Metal Garage Revolution Pinup Girl Printing Shorts

$27.00

Trendy Cool Carnival Fashion Hawaiian Shorts BestDVibe

Trendy Cool Carnival Fashion Hawaiian Shorts BestDVibe

Trendy Cool Carnival Fashion Hawaiian Shorts

$27.00

Eye-Catching Blue Harmonious Nature Hammerhead Sharks And Divers Print Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Blue Harmonious Nature Hammerhead Sharks And Divers Print Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Blue Harmonious Nature Hammerhead Sharks And Divers Print Cuban Collar Hawaiian Short Sleeve Shirt

$31.80 $44.50

-29%

Eye-Catching Psychedelic Different Dimension Twisted Monsters Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Psychedelic Different Dimension Twisted Monsters Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Psychedelic Different Dimension Twisted Monsters Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.50 $47.00

-33%

Eye-Catching Hippie Brightly Colored Psychedelic Mushrooms Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Hippie Brightly Colored Psychedelic Mushrooms Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Hippie Brightly Colored Psychedelic Mushrooms Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.99 $35.00

-3%

Classic Horror Punk Zombies Printing Shorts BestDVibe

Classic Horror Punk Zombies Printing Shorts BestDVibe

Classic Horror Punk Zombies Printing Shorts

$27.00

Eye-Catching Horror Night Silent Cemetery Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Horror Night Silent Cemetery Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Horror Night Silent Cemetery Printing Cuban Collar Hawaiian Short Sleeve Shirt

$33.95 $35.00

-0%

Eye-Catching Psychedelic Abstract Geometric Mutant Creatures Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Psychedelic Abstract Geometric Mutant Creatures Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Psychedelic Abstract Geometric Mutant Creatures Printing Cuban Collar Hawaiian Short Sleeve Shirt

$33.95 $35.00

-0%

Eye-Catching Horrible Hypocritical Wolf And Teddy Bear Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Horrible Hypocritical Wolf And Teddy Bear Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Horrible Hypocritical Wolf And Teddy Bear Printing Cuban Collar Hawaiian Short Sleeve Shirt

$32.95 $35.00

-0%

Eye-Catching Red Fashion Abstract Woman Portrait Pattern Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Red Fashion Abstract Woman Portrait Pattern Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Red Fashion Abstract Woman Portrait Pattern Printing Cuban Collar Hawaiian Short Sleeve Shirt

$32.95 $35.00

-0%

Eye-Catching Abstract Pop Art Graffiti And Portrait Poster Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Abstract Pop Art Graffiti And Portrait Poster Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Abstract Pop Art Graffiti And Portrait Poster Printing Cuban Collar Hawaiian Short Sleeve Shirt

$33.95 $35.00

-0%

Eye-Catching Abstract Color Radiation Background And Character Portrait Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Abstract Color Radiation Background And Character Portrait Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Abstract Color Radiation Background And Character Portrait Printing Cuban Collar Hawaiian Short Sleeve Shirt

$33.95 $35.00

-0%

Eye-Catching Green Comic Style Horror Movie Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Green Comic Style Horror Movie Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Green Comic Style Horror Movie Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt

$30.99 $35.00

-6%

Eye-Catching Mutated Red-Eyed Brown Bear And Forest Flame Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Mutated Red-Eyed Brown Bear And Forest Flame Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Mutated Red-Eyed Brown Bear And Forest Flame Printing Cuban Collar Hawaiian Short Sleeve Shirt

$30.99 $35.00

-6%

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

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

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

$31.99 $35.00

-3%

Eye-Catching Green Outer Space Sci-Fi Space Station And Spaceship Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Green Outer Space Sci-Fi Space Station And Spaceship Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Green Outer Space Sci-Fi Space Station And Spaceship Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.55 $35.00

-4%

Eye-Catching Beach Tiki Bar And Classic Horror Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Beach Tiki Bar And Classic Horror Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Beach Tiki Bar And Classic Horror Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt

$32.55 $35.00

-1%

Eye-Catching Abstract City Neon Poster And Character Portrait Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Abstract City Neon Poster And Character Portrait Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Abstract City Neon Poster And Character Portrait Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.55 $35.00

-4%

Eye-Catching Sci-Fi Classic Character Beauty Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Sci-Fi Classic Character Beauty Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Sci-Fi Classic Character Beauty Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.55 $35.00

-4%

Eye-Catching Sci-Fi Classic Movie Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Sci-Fi Classic Movie Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Sci-Fi Classic Movie Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.55 $35.00

-4%

Eye-Catching Wolves In Snowy Field Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Wolves In Snowy Field Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Wolves In Snowy Field Printing Cuban Collar Hawaiian Short Sleeve Shirt

$32.55 $35.00

-1%

Eye-Catching Mexicana Floral Elegant Skulls And Red Roses Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Mexicana Floral Elegant Skulls And Red Roses Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Mexicana Floral Elegant Skulls And Red Roses Printing Cuban Collar Hawaiian Short Sleeve Shirt

$32.55 $35.00

-1%

Eye-Catching Fierce Carnivores Lions And Eagles Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Fierce Carnivores Lions And Eagles Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Fierce Carnivores Lions And Eagles Printing Cuban Collar Hawaiian Short Sleeve Shirt

$32.55 $35.00

-1%

Eye-Catching Black And White Fierce Brown Bear And Forest Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Black And White Fierce Brown Bear And Forest Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Black And White Fierce Brown Bear And Forest Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.55 $35.00

-4%

Eye-Catching Colorful Cool Ice Wolf And Fire Wolf Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Colorful Cool Ice Wolf And Fire Wolf Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Colorful Cool Ice Wolf And Fire Wolf Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.55 $35.00

-4%

Eye-Catching Independence Day Statue Of Liberty With American Flag Printing Breast Pocket Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Independence Day Statue Of Liberty With American Flag Printing Breast Pocket Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Independence Day Statue Of Liberty With American Flag Printing Breast Pocket Cuban Collar Hawaiian Short Sleeve Shirt

$31.55 $35.00

-4%

Eye-Catching Powerful Lion Father And Sons Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Powerful Lion Father And Sons Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Powerful Lion Father And Sons Printing Cuban Collar Hawaiian Short Sleeve Shirt

$32.55 $35.00

-1%

Eye-Catching Ukiyoe Black Wolf Painting Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Ukiyoe Black Wolf Painting Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Ukiyoe Black Wolf Painting Printing Cuban Collar Hawaiian Short Sleeve Shirt

$32.55 $35.00

-1%

Eye-Catching Black Gold Lion Face And Cross Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Black Gold Lion Face And Cross Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Black Gold Lion Face And Cross Printing Cuban Collar Hawaiian Short Sleeve Shirt

$32.55 $35.00

-1%

Eye-Catching Blue Icefield White Wolves Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Blue Icefield White Wolves Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Blue Icefield White Wolves Printing Cuban Collar Hawaiian Short Sleeve Shirt

$32.55 $35.00

-1%

Eye-Catching Green Awesome Dragon In The Forest Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Green Awesome Dragon In The Forest Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Green Awesome Dragon In The Forest Printing Cuban Collar Hawaiian Short Sleeve Shirt

$32.55 $35.00

-1%

Eye-Catching Fire Electric Guitar Music Elements And Street Scenes Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Fire Electric Guitar Music Elements And Street Scenes Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Fire Electric Guitar Music Elements And Street Scenes Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.55 $35.00

-4%

Eye-Catching Gothic Classic Skull And Wings Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Gothic Classic Skull And Wings Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Gothic Classic Skull And Wings Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.55 $35.00

-4%

Eye-Catching Vintage Tropical Colorful Tropical Jungle And Flamingos Pattern Printing Breast Pocket Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Vintage Tropical Colorful Tropical Jungle And Flamingos Pattern Printing Breast Pocket Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Vintage Tropical Colorful Tropical Jungle And Flamingos Pattern Printing Breast Pocket Cuban Collar Hawaiian Short Sleeve Shirt

$31.55 $35.00

-4%

Eye-Catching Oil Painting Style Sci-Fi Fantasy Spaceships And Dams Printing Breast Pocket Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Oil Painting Style Sci-Fi Fantasy Spaceships And Dams Printing Breast Pocket Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Oil Painting Style Sci-Fi Fantasy Spaceships And Dams Printing Breast Pocket Cuban Collar Hawaiian Short Sleeve Shirt

$32.99 $35.00

-0%

Eye-Catching Classic Horror Character Experimental Madman Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Classic Horror Character Experimental Madman Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Classic Horror Character Experimental Madman Printing Cuban Collar Hawaiian Short Sleeve Shirt

$33.99 $35.00

-0%

Eye-Catching Sci-Fi Background Space War Spaceship Fleet Poster Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Sci-Fi Background Space War Spaceship Fleet Poster Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Sci-Fi Background Space War Spaceship Fleet Poster Printing Cuban Collar Hawaiian Short Sleeve Shirt

$32.99 $35.00

-0%

Eye-Catching Classic Horror Character Holding A Cat Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Classic Horror Character Holding A Cat Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Classic Horror Character Holding A Cat Printing Cuban Collar Hawaiian Short Sleeve Shirt

$33.99 $35.00

-0%

Eye-Catching Stunning Style Blood Moon And Howling Wolf Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Stunning Style Blood Moon And Howling Wolf Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Stunning Style Blood Moon And Howling Wolf Printing Cuban Collar Hawaiian Short Sleeve Shirt

$33.95 $35.00

-0%

Eye-Catching Classic Horror Art Horror Characters and Ghost Castle Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Classic Horror Art Horror Characters and Ghost Castle Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Classic Horror Art Horror Characters and Ghost Castle Printing Cuban Collar Hawaiian Short Sleeve Shirt

$33.95 $35.00

-0%

Eye-Catching Thriller Style Classic Horror Character Sitting On Leather Sofa Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Thriller Style Classic Horror Character Sitting On Leather Sofa Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Thriller Style Classic Horror Character Sitting On Leather Sofa Printing Cuban Collar Hawaiian Short Sleeve Shirt

$33.95 $35.00

-0%

Eye-Catching Horror Art Horror Characters Stitched Monster Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Horror Art Horror Characters Stitched Monster Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Horror Art Horror Characters Stitched Monster Printing Cuban Collar Hawaiian Short Sleeve Shirt

$33.99 $35.00

-0%

Eye-Catching Horror Art Crazy Monster Pattern Stitching Poster Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Horror Art Crazy Monster Pattern Stitching Poster Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Horror Art Crazy Monster Pattern Stitching Poster Printing Cuban Collar Hawaiian Short Sleeve Shirt

$33.99 $35.00

-0%

Eye-Catching Black And White Powerful Wolf And Forest Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Black And White Powerful Wolf And Forest Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Black And White Powerful Wolf And Forest Printing Cuban Collar Hawaiian Short Sleeve Shirt

$33.99 $35.00

-0%

Eye-Catching Beast Theme Black Domineering Jungle Wolf Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Beast Theme Black Domineering Jungle Wolf Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Beast Theme Black Domineering Jungle Wolf Printing Cuban Collar Hawaiian Short Sleeve Shirt

$33.99 $35.00

-0%

Eye-Catching Psychedelic Hippie Rainbow Ink Spill Background Yin Yang Symbol Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Psychedelic Hippie Rainbow Ink Spill Background Yin Yang Symbol Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Psychedelic Hippie Rainbow Ink Spill Background Yin Yang Symbol Printing Cuban Collar Hawaiian Short Sleeve Shirt

$32.99 $35.00

-0%

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

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

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

$33.99 $35.00

-0%

Colorful Hand-Painted Candy Wrapper Patchwork Printing Shorts BestDVibe

Colorful Hand-Painted Candy Wrapper Patchwork Printing Shorts BestDVibe

Colorful Hand-Painted Candy Wrapper Patchwork Printing Shorts

$27.00

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