🎁 5% Off First Order Code：NEW

🎁 5% Off First Order Code：NEW

🎁 5% Off First Order Code：NEW

🎁 5% Off First Order Code：NEW

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

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

BestDVibe

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

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

Account

Log in
Create an account

Close

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

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

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

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

Fire

Filter

Clear all

size

2xl (222)
3xl (222)
4xl (215)
4xlt (136)
5xl (187)
5xlt (137)
6xl (74)
6xlt (38)
l (222)
m (200)
s (173)
xl (223)
xs (125)

226 Products

226 Products

Filter and sort

size

Sort by

size

2xl (222)
3xl (222)
4xl (215)
4xlt (136)
5xl (187)
5xlt (137)
6xl (74)
6xlt (38)
l (222)
m (200)
s (173)
xl (223)
xs (125)

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

$31.95 $47.50

-33%

Eye-Catching Pink Flames And Skulls In The Dark Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Pink Flames And Skulls In The Dark Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Pink Flames And Skulls In The Dark Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.95 $35.00

-3%

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

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

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

$31.95 $35.00

-3%

Eye-Catching Amazing Style Green Fire Monster Skeleton Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Amazing Style Green Fire Monster Skeleton Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Amazing Style Green Fire Monster Skeleton Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.95 $35.00

-3%

Eye-Catching Stunning Style Fire And Grim Reaper Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Stunning Style Fire And Grim Reaper Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Stunning Style Fire And Grim Reaper Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.95 $35.00

-3%

Eye-Catching Black Awesome Skull With Fire Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Black Awesome Skull With Fire Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Black Awesome Skull With Fire Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.95 $35.00

-3%

Eye-Catching Amazing Style Skull In Fire Fire Rose Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Amazing Style Skull In Fire Fire Rose Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Amazing Style Skull In Fire Fire Rose Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.95 $35.00

-3%

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.95 $35.00

-3%

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.95 $35.00

-3%

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.95 $35.00

-3%

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

$31.95

Eye-Catching Amazing Style Blue Electric Flame Skull Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Amazing Style Blue Electric Flame Skull Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Amazing Style Blue Electric Flame Skull Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.95 $35.00

-3%

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.95 $35.00

-3%

Christmas Elements Red Chestnuts Roasting on an Open Fire Printing Men's Short Sleeve Shirt BestDVibe

Christmas Elements Red Chestnuts Roasting on an Open Fire Printing Men's Short Sleeve Shirt BestDVibe

Christmas Elements Red Chestnuts Roasting on an Open Fire Printing Men's Short Sleeve Shirt

$31.95 $52.00

-39%

Eye-Catching Stunning Style Lightning Flame Dragon Fighting Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Stunning Style Lightning Flame Dragon Fighting Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Stunning Style Lightning Flame Dragon Fighting Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.95 $35.00

-3%

Eye-Catching Cool Colorful Glowing Flame Skull Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Cool Colorful Glowing Flame Skull Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Cool Colorful Glowing Flame Skull Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.95 $35.00

-3%

Vogue Red Flames Printing Shorts BestDVibe

Vogue Red Flames Printing Shorts BestDVibe

Vogue Red Flames Printing Shorts

$31.95

Eye-Catching Psychedelic Colorful Fire Flame And Fire Phoenix Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Psychedelic Colorful Fire Flame And Fire Phoenix Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Psychedelic Colorful Fire Flame And Fire Phoenix Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.95 $35.00

-3%

Black And Gray Burning Flame Printing Shorts BestDVibe

Black And Gray Burning Flame Printing Shorts BestDVibe

Black And Gray Burning Flame Printing Shorts

$31.95

Eye-Catching Pink Flames And Skulls In The Dark Printing Shorts BestDVibe

Eye-Catching Pink Flames And Skulls In The Dark Printing Shorts BestDVibe

Eye-Catching Pink Flames And Skulls In The Dark Printing Shorts

$31.95

Eye-Catching Stunning Heavy Metal Rock Flame Roaring Skull Musician Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Stunning Heavy Metal Rock Flame Roaring Skull Musician Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Stunning Heavy Metal Rock Flame Roaring Skull Musician Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.95 $35.00

-3%

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.95 $35.00

-3%

Eye-Catching Roaring Metal Flame Skull Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Roaring Metal Flame Skull Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Roaring Metal Flame Skull Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.95 $47.50

-33%

Eye-Catching Dark Reaper Supreme Red Skull Fire Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Dark Reaper Supreme Red Skull Fire Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Dark Reaper Supreme Red Skull Fire Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.95 $35.00

-3%

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.95 $35.00

-3%

Yellow Burning Fire Flame Black Yellow Contrasting Color Printing Shorts BestDVibe

Yellow Burning Fire Flame Black Yellow Contrasting Color Printing Shorts BestDVibe

Yellow Burning Fire Flame Black Yellow Contrasting Color Printing Shorts

$31.95

Eye-Catching Amazing Style Flame Magma And Dragon Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Amazing Style Flame Magma And Dragon Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Amazing Style Flame Magma And Dragon Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.95 $35.00

-3%

Eye-Catching Full Moon Horror Character And Flame Cliff Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Full Moon Horror Character And Flame Cliff Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Full Moon Horror Character And Flame Cliff Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.95 $35.00

-3%

Checkerboard And Vogue Fire Flame Pattern Printing Shorts BestDVibe

Checkerboard And Vogue Fire Flame Pattern Printing Shorts BestDVibe

Checkerboard And Vogue Fire Flame Pattern Printing Shorts

$31.95

Purple Fire Flame Pattern Printing Shorts BestDVibe

Purple Fire Flame Pattern Printing Shorts BestDVibe

Purple Fire Flame Pattern Printing Shorts

$31.95

Vogue Red Flames Printing Hooded Sweatshirt BestDVibe

Vogue Red Flames Printing Hooded Sweatshirt BestDVibe

Vogue Red Flames Printing Hooded Sweatshirt

$31.95 $40.00

-16%

Eye-Catching Flame Ghost Rider Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Flame Ghost Rider Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Flame Ghost Rider Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.95 $35.00

-3%

Dark Fantasy Fire And Skull Pattern Printing Shorts BestDVibe

Dark Fantasy Fire And Skull Pattern Printing Shorts BestDVibe

Dark Fantasy Fire And Skull Pattern Printing Shorts

$31.95

Eye-Catching Sci-Fi Flame Blasting Space And Spaceships Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Sci-Fi Flame Blasting Space And Spaceships Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Sci-Fi Flame Blasting Space And Spaceships Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.95 $35.00

-3%

Eye-Catching Amazing Style Blue Electric Flame Skull Printing Shorts BestDVibe

Eye-Catching Amazing Style Blue Electric Flame Skull Printing Shorts BestDVibe

Eye-Catching Amazing Style Blue Electric Flame Skull Printing Shorts

$31.95

Amazing Style Purple-Black Fire Flame Pattern Printing Shorts BestDVibe

Amazing Style Purple-Black Fire Flame Pattern Printing Shorts BestDVibe

Amazing Style Purple-Black Fire Flame Pattern Printing Shorts

$31.95

Vogue Deep Pink Fire Flame Pattern Printing Shorts BestDVibe

Vogue Deep Pink Fire Flame Pattern Printing Shorts BestDVibe

Vogue Deep Pink Fire Flame Pattern Printing Shorts

$31.95

Eye-Catching Psychedelic Colorful Cute Mushroom Family Bonfire Party Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Psychedelic Colorful Cute Mushroom Family Bonfire Party Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Psychedelic Colorful Cute Mushroom Family Bonfire Party Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.95 $35.00

-3%

Cool Flame Retro Motorcycle Skull Warrior Printing Hooded Sweatshirt BestDVibe

Cool Flame Retro Motorcycle Skull Warrior Printing Hooded Sweatshirt BestDVibe

Cool Flame Retro Motorcycle Skull Warrior Printing Hooded Sweatshirt

$31.95 $40.00

-16%

Eye-Catching Stunning Style Ice Fire Skull Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Stunning Style Ice Fire Skull Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Stunning Style Ice Fire Skull Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.95 $35.00

-3%

Vogue Blue Fire Flame Pattern Printing Shorts BestDVibe

Vogue Blue Fire Flame Pattern Printing Shorts BestDVibe

Vogue Blue Fire Flame Pattern Printing Shorts

$31.95

Eye-Catching Stunning Style Death Skull And Green Flame Lightning Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Stunning Style Death Skull And Green Flame Lightning Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Stunning Style Death Skull And Green Flame Lightning Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.95 $35.00

-3%

Eye-Catching Amazing Style Blue Electric Flame Skull Printing Hooded Sweatshirt BestDVibe

Eye-Catching Amazing Style Blue Electric Flame Skull Printing Hooded Sweatshirt BestDVibe

Eye-Catching Amazing Style Blue Electric Flame Skull Printing Hooded Sweatshirt

$31.95 $40.00

-16%

Black And Gray Burning Flame Printing Hooded Sweatshirt BestDVibe

Black And Gray Burning Flame Printing Hooded Sweatshirt BestDVibe

Black And Gray Burning Flame Printing Hooded Sweatshirt

$31.95 $40.00

-16%

Eye-Catching Cool Neon Flame Horse And Car Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Cool Neon Flame Horse And Car Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Cool Neon Flame Horse And Car Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.95 $35.00

-3%

Eye-Catching Stunning Style Flame Angel Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Stunning Style Flame Angel Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Stunning Style Flame Angel Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.95 $35.00

-3%

Eye-Catching Dark Death And Flame Truck Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Dark Death And Flame Truck Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Dark Death And Flame Truck Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.95 $35.00

-3%

Skulls With Flames On Black Printing Short Sleeve Polo BestDVibe

Skulls With Flames On Black Printing Short Sleeve Polo BestDVibe

Skulls With Flames On Black Printing Short Sleeve Polo

$31.95 $34.00

-6%

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

$31.95 $35.00

-3%

Eye-Catching Amazing Style Magic Candle Flame Clown Skull Printing Shorts BestDVibe

Eye-Catching Amazing Style Magic Candle Flame Clown Skull Printing Shorts BestDVibe

Eye-Catching Amazing Style Magic Candle Flame Clown Skull Printing Shorts

$31.95

Eye-Catching Amazing Style Gradient Intertwined Flames, Ice And Fire Couple Hug Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Amazing Style Gradient Intertwined Flames, Ice And Fire Couple Hug Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Amazing Style Gradient Intertwined Flames, Ice And Fire Couple Hug Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.95 $47.00

-32%

HOO® Japanese Samurai Versus Fire Monster Printing Short Sleeve Shirt BestDVibe

HOO® Japanese Samurai Versus Fire Monster Printing Short Sleeve Shirt BestDVibe

HOO® Japanese Samurai Versus Fire Monster Printing Short Sleeve Shirt

$31.95

HOO® Fun Christmas Chestnuts Roasting On An Open Fire Printing Short Sleeve Shirt BestDVibe

HOO® Fun Christmas Chestnuts Roasting On An Open Fire Printing Short Sleeve Shirt BestDVibe

HOO® Fun Christmas Chestnuts Roasting On An Open Fire Printing Short Sleeve Shirt

$31.95

HOO® Fun Christmas Chestnuts Roasting On An Open Fire Printing Long Sleeve Shirt BestDVibe

HOO® Fun Christmas Chestnuts Roasting On An Open Fire Printing Long Sleeve Shirt BestDVibe

HOO® Fun Christmas Chestnuts Roasting On An Open Fire Printing Long Sleeve Shirt

$31.95

HOO® Black Gold New Years Eve Fireworks And Countdown Clock Printing Short Sleeve Shirt BestDVibe

HOO® Black Gold New Years Eve Fireworks And Countdown Clock Printing Short Sleeve Shirt BestDVibe

HOO® Black Gold New Years Eve Fireworks And Countdown Clock Printing Short Sleeve Shirt

$31.95

HOO® Happy New Years Eve Gradient Blue-Purple Sky And Fireworks Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Happy New Years Eve Gradient Blue-Purple Sky And Fireworks Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Happy New Years Eve Gradient Blue-Purple Sky And Fireworks Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Classic Oil Painting Starry Sky And Fireworks Happy New Years Eve Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Classic Oil Painting Starry Sky And Fireworks Happy New Years Eve Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Classic Oil Painting Starry Sky And Fireworks Happy New Years Eve Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Happy New Year New Years Eve Disco Balls And Fireworks Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Happy New Year New Years Eve Disco Balls And Fireworks Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Happy New Year New Years Eve Disco Balls And Fireworks Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Happy New Years Eve Fireworks Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Happy New Years Eve Fireworks Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Happy New Years Eve Fireworks Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95 $41.00

-22%

HOO® Eye-Catching Psychedelic Colorful Cute Mushroom Family Bonfire Party Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

HOO® Eye-Catching Psychedelic Colorful Cute Mushroom Family Bonfire Party Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

HOO® Eye-Catching Psychedelic Colorful Cute Mushroom Family Bonfire Party Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.95

HOO® Football Theme Flame Bull Printing Short Sleeve Shirt BestDVibe

HOO® Football Theme Flame Bull Printing Short Sleeve Shirt BestDVibe

HOO® Football Theme Flame Bull Printing Short Sleeve Shirt

$31.95

HOO® Nostalgia Anime Dog And Red Hut Under Fire Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Nostalgia Anime Dog And Red Hut Under Fire Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Nostalgia Anime Dog And Red Hut Under Fire Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® California Wildfires Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® California Wildfires Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® California Wildfires Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Yellow Flames Pattern Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Yellow Flames Pattern Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Yellow Flames Pattern Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Stunning Style Guitar And Flames Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Stunning Style Guitar And Flames Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Stunning Style Guitar And Flames Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Fighter Series Burning Fighter Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Fighter Series Burning Fighter Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Fighter Series Burning Fighter Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Bright Yellow Retro Pin Up Girl Poster Girl Firefighter Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Bright Yellow Retro Pin Up Girl Poster Girl Firefighter Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Bright Yellow Retro Pin Up Girl Poster Girl Firefighter Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Retro American Flame Pattern Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Retro American Flame Pattern Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Retro American Flame Pattern Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Retro Blue And Red Stitching Flame And Racing Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Retro Blue And Red Stitching Flame And Racing Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Retro Blue And Red Stitching Flame And Racing Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Red And Blue American Style Flames Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Red And Blue American Style Flames Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Red And Blue American Style Flames Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Nostalgic Anime Flame Samurai Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Nostalgic Anime Flame Samurai Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Nostalgic Anime Flame Samurai Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Classic Movie Stunning Style Flames And Character Joker Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Classic Movie Stunning Style Flames And Character Joker Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Classic Movie Stunning Style Flames And Character Joker Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Eye-Catching Stunning Style Flame Lions Printing Breast Pocket Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

HOO® Eye-Catching Stunning Style Flame Lions Printing Breast Pocket Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

HOO® Eye-Catching Stunning Style Flame Lions Printing Breast Pocket Cuban Collar Hawaiian Short Sleeve Shirt

$31.95

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

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

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

$31.95

HOO® Stunningly Styled Fire Monster Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Stunningly Styled Fire Monster Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Stunningly Styled Fire Monster Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Chili Pepper With A Lash Of Fire Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Chili Pepper With A Lash Of Fire Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Chili Pepper With A Lash Of Fire Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Rainbow Blazing Flame Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Rainbow Blazing Flame Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Rainbow Blazing Flame Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Eye-Catching Stunning Style Flame Octopus Monster Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

HOO® Eye-Catching Stunning Style Flame Octopus Monster Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

HOO® Eye-Catching Stunning Style Flame Octopus Monster Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.95

HOO® Men's Flames Print T-Shirt & Shorts Set For Summer, Casual 2Pcs Outfits BestDVibe

HOO® Men's Flames Print T-Shirt & Shorts Set For Summer, Casual 2Pcs Outfits BestDVibe

HOO® Men's Flames Print T-Shirt & Shorts Set For Summer, Casual 2Pcs Outfits

$31.95

Christmas Elements Red Chestnuts Roasting On An Open Fire Printing Men's Long Sleeve Shirt BestDVibe

Christmas Elements Red Chestnuts Roasting On An Open Fire Printing Men's Long Sleeve Shirt BestDVibe

Christmas Elements Red Chestnuts Roasting On An Open Fire Printing Men's Long Sleeve Shirt

$31.95 $41.00

-18%

HOO® Happy New Years Eve! Bright Fireworks Printing Short Sleeve Shirt BestDVibe

HOO® Happy New Years Eve! Bright Fireworks Printing Short Sleeve Shirt BestDVibe

HOO® Happy New Years Eve! Bright Fireworks Printing Short Sleeve Shirt

$31.95

Happy New Years Eve! Glitter Neon Fireworks Hawaiian Short Sleeve Shirt BestDVibe

Happy New Years Eve! Glitter Neon Fireworks Hawaiian Short Sleeve Shirt BestDVibe

Happy New Years Eve! Glitter Neon Fireworks Hawaiian Short Sleeve Shirt

$31.95 $34.00

-0%

Happy New Years Eve! Glitter Neon Fireworks Hawaiian Shorts BestDVibe

Happy New Years Eve! Glitter Neon Fireworks Hawaiian Shorts BestDVibe

Happy New Years Eve! Glitter Neon Fireworks Hawaiian Shorts

$31.95

HOO® Blue Fire Flame Pattern Printing Short Sleeve Shirt BestDVibe

HOO® Blue Fire Flame Pattern Printing Short Sleeve Shirt BestDVibe

HOO® Blue Fire Flame Pattern Printing Short Sleeve Shirt

$31.95

HOO® Vogue Blue Fire Flame Pattern Printing Short Sleeve Shirt BestDVibe

HOO® Vogue Blue Fire Flame Pattern Printing Short Sleeve Shirt BestDVibe

HOO® Vogue Blue Fire Flame Pattern Printing Short Sleeve Shirt

$31.95

HOO® Stylish Abstract Fire Flame Printing Short Sleeve Shirt BestDVibe

HOO® Stylish Abstract Fire Flame Printing Short Sleeve Shirt BestDVibe

HOO® Stylish Abstract Fire Flame Printing Short Sleeve Shirt

$15.95 $34.00

-53%

HOO® Retro Blue Contrast Color Stripes & Vogue Flames Patterns Printing Short Sleeve Shirt BestDVibe

HOO® Retro Blue Contrast Color Stripes & Vogue Flames Patterns Printing Short Sleeve Shirt BestDVibe

HOO® Retro Blue Contrast Color Stripes & Vogue Flames Patterns Printing Short Sleeve Shirt

$31.95

HOO® Rockabilly Style Rock And Roll Graffiti Fire Flame Pattern Stitching Printing Short Sleeve Shirt BestDVibe

HOO® Rockabilly Style Rock And Roll Graffiti Fire Flame Pattern Stitching Printing Short Sleeve Shirt BestDVibe

HOO® Rockabilly Style Rock And Roll Graffiti Fire Flame Pattern Stitching Printing Short Sleeve Shirt

$15.95 $32.00

-50%

Abstract Flames Rainbow Neon Smoke Hippie Printing Hawaii Short Sleeve Shirt BestDVibe

Abstract Flames Rainbow Neon Smoke Hippie Printing Hawaii Short Sleeve Shirt BestDVibe

Abstract Flames Rainbow Neon Smoke Hippie Printing Hawaii Short Sleeve Shirt

$31.95 $34.00

-0%

HOO® Hippie Cool Colorful Glowing Flame Skull Printing Shorts BestDVibe

HOO® Hippie Cool Colorful Glowing Flame Skull Printing Shorts BestDVibe

HOO® Hippie Cool Colorful Glowing Flame Skull Printing Shorts

$31.95

50s Red And Black Stitching Burning Fire Flame Printing Short Sleeve Shirt BestDVibe

50s Red And Black Stitching Burning Fire Flame Printing Short Sleeve Shirt BestDVibe

50s Red And Black Stitching Burning Fire Flame Printing Short Sleeve Shirt

$31.95 $34.00

-0%

Brilliant Universe Shiny Galaxy Fireworks And Satellite Spacecraft Printing Breast Pocket Short Sleeve Shirt BestDVibe

Brilliant Universe Shiny Galaxy Fireworks And Satellite Spacecraft Printing Breast Pocket Short Sleeve Shirt BestDVibe

Brilliant Universe Shiny Galaxy Fireworks And Satellite Spacecraft Printing Breast Pocket Short Sleeve Shirt

$31.95 $34.00

-0%

Happy New Years Eve Gold Glitter Balloons And Fireworks Printing Long Sleeve Shirt BestDVibe

Happy New Years Eve Gold Glitter Balloons And Fireworks Printing Long Sleeve Shirt BestDVibe

Happy New Years Eve Gold Glitter Balloons And Fireworks Printing Long Sleeve Shirt

$31.95 $41.00

-18%

Happy New Years Eve Champagne Glasses Cheers And Fireworks Printing Long Sleeve Shirt BestDVibe

Happy New Years Eve Champagne Glasses Cheers And Fireworks Printing Long Sleeve Shirt BestDVibe

Happy New Years Eve Champagne Glasses Cheers And Fireworks Printing Long Sleeve Shirt

$31.95 $41.00

-18%

Happy New Years Eve Cyan Cocktail And City Night Fireworks Printing Short Sleeve Shirt BestDVibe

Happy New Years Eve Cyan Cocktail And City Night Fireworks Printing Short Sleeve Shirt BestDVibe

Happy New Years Eve Cyan Cocktail And City Night Fireworks Printing Short Sleeve Shirt

$31.95 $34.00

-0%

Gold Fireworks Stars And Cheers Champagne Glasses Happy New Years Eve Printing Long Sleeve Shirt BestDVibe

Gold Fireworks Stars And Cheers Champagne Glasses Happy New Years Eve Printing Long Sleeve Shirt BestDVibe

Gold Fireworks Stars And Cheers Champagne Glasses Happy New Years Eve Printing Long Sleeve Shirt

$31.95 $41.00

-18%

Happy New Years Eve Colorful Ribbons And Fireworks In Starry Sky Printing Short Sleeve Shirt BestDVibe

Happy New Years Eve Colorful Ribbons And Fireworks In Starry Sky Printing Short Sleeve Shirt BestDVibe

Happy New Years Eve Colorful Ribbons And Fireworks In Starry Sky Printing Short Sleeve Shirt

$31.95 $34.00

-0%

HOO® Vogue Blue Fire Flame Pattern Printing Shorts BestDVibe

HOO® Vogue Blue Fire Flame Pattern Printing Shorts BestDVibe

HOO® Vogue Blue Fire Flame Pattern Printing Shorts

$31.95

Black Gold Fireworks Happy New Years Eve Champagne Celebration Printing Short Sleeve Shirt BestDVibe

Black Gold Fireworks Happy New Years Eve Champagne Celebration Printing Short Sleeve Shirt BestDVibe

Black Gold Fireworks Happy New Years Eve Champagne Celebration Printing Short Sleeve Shirt

$31.95 $34.00

-0%

HOO® Vintage Black And Blue Stripe And Blue Fire Flame Pattern Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Vintage Black And Blue Stripe And Blue Fire Flame Pattern Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Vintage Black And Blue Stripe And Blue Fire Flame Pattern Printing Breast Pocket Short Sleeve Shirt

$31.95

Sorry, there are no products in this collection.

Customer Services

Our Story
Contact Us
Fit Guide
Payment Methods
Shipping Policy
Return/ Exchange & Refund
Order Tracking
Terms of Service
Privacy Policy

Get in touch

Email us Track your order

Follow us

We accept

© 2025 BestDVibe

Sign up and save

Entice customers to sign up for your mailing list with discounts or exclusive offers. Include an image for extra impact.

Thanks for subscribing

Optional button

Cart