🎁 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

Size Cuban Collar

Filter

Clear all

size

2xl (750)
3xl (756)
4xl (751)
4xlt (750)
5xl (754)
5xlt (749)
6xl (255)
6xlt (255)
l (755)
m (758)
s (746)
xl (760)
xs (756)

798 Products

798 Products

Filter and sort

size

Sort by

size

2xl (750)
3xl (756)
4xl (751)
4xlt (750)
5xl (754)
5xlt (749)
6xl (255)
6xlt (255)
l (755)
m (758)
s (746)
xl (760)
xs (756)

Clear all

Eye-Catching Colorful Stunning Style Rose Skull Bride Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Colorful Stunning Style Rose Skull Bride Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Colorful Stunning Style Rose Skull Bride Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Psychedelic Hippie Rainbow Leprechaun Playing Guitar Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Psychedelic Hippie Rainbow Leprechaun Playing Guitar Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Psychedelic Hippie Rainbow Leprechaun Playing Guitar Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

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

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

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

$5.00 $35.00

-86%

Eye-Catching Skull Art Psychedelic Optical Illusion Art Blue Swirl Skull Pattern Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Skull Art Psychedelic Optical Illusion Art Blue Swirl Skull Pattern Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Skull Art Psychedelic Optical Illusion Art Blue Swirl Skull Pattern Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Fashion Hippie Psychedelic Art Colorful Octopus Monsters Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Fashion Hippie Psychedelic Art Colorful Octopus Monsters Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Fashion Hippie Psychedelic Art Colorful Octopus Monsters Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Tropical Jungle And Pink Flamingos Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Tropical Jungle And Pink Flamingos Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Tropical Jungle And Pink Flamingos Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Colorful Psychedelic Exotic Tiki Pattern Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Colorful Psychedelic Exotic Tiki Pattern Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Colorful Psychedelic Exotic Tiki Pattern Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Green And Pink Psychedelic Pythons And Skulls Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Green And Pink Psychedelic Pythons And Skulls Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Green And Pink Psychedelic Pythons And Skulls Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Blue Sea Creatures Octopuses Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Blue Sea Creatures Octopuses Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Blue Sea Creatures Octopuses Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

HOO® Eye-Catching Dark Stunning Style Duck Warrior Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

HOO® Eye-Catching Dark Stunning Style Duck Warrior Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

HOO® Eye-Catching Dark Stunning Style Duck Warrior Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00

HOO® Eye-Catching A Group Of Sharks With Open Mouths And Sharp Teeth Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

HOO® Eye-Catching A Group Of Sharks With Open Mouths And Sharp Teeth Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

HOO® Eye-Catching A Group Of Sharks With Open Mouths And Sharp Teeth Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00

Eye-Catching Stunning Style Lion And Roses Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Stunning Style Lion And Roses Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Stunning Style Lion And Roses Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

HOO® Eye-Catching Classic Horror Characters And Magic Bus Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

HOO® Eye-Catching Classic Horror Characters And Magic Bus Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

HOO® Eye-Catching Classic Horror Characters And Magic Bus Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00

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

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

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

$5.00 $35.00

-86%

Eye-Catching Cool Wild Ferocious White Tigers Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Cool Wild Ferocious White Tigers Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Cool Wild Ferocious White Tigers Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Cool Death Skull Rock Demons Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Cool Death Skull Rock Demons Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Cool Death Skull Rock Demons Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Psychedelic Colorful Mutated Monsters Wrapping Around Human Head Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Psychedelic Colorful Mutated Monsters Wrapping Around Human Head Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Psychedelic Colorful Mutated Monsters Wrapping Around Human Head Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Stunning Style Orange Graffiti Background Saxophone And Flowing Piano Keys Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Stunning Style Orange Graffiti Background Saxophone And Flowing Piano Keys Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Stunning Style Orange Graffiti Background Saxophone And Flowing Piano Keys Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Abstract Graffiti Style Background And Cello Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Abstract Graffiti Style Background And Cello Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Abstract Graffiti Style Background And Cello Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

HOO® Eye-Catching Psychedelic Hippie Rainbow Flying Birds Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

HOO® Eye-Catching Psychedelic Hippie Rainbow Flying Birds Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

HOO® Eye-Catching Psychedelic Hippie Rainbow Flying Birds Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $33.00

-85%

Eye-Catching Halloween Horror Grim Reaper Skull Stack Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Horror Grim Reaper Skull Stack Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Horror Grim Reaper Skull Stack Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Stunning Style Mythical Beasts Blue Dragons Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Stunning Style Mythical Beasts Blue Dragons Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Stunning Style Mythical Beasts Blue Dragons Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Vintage Hawaiian Beach Art Painting Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Vintage Hawaiian Beach Art Painting Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Vintage Hawaiian Beach Art Painting Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Psychedelic Monster Party Graffiti Art Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Psychedelic Monster Party Graffiti Art Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Psychedelic Monster Party Graffiti Art Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching African Wildlife Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching African Wildlife Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching African Wildlife Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Sci-Fi Colorful Starry Space Background And Sculpture Surfer Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Sci-Fi Colorful Starry Space Background And Sculpture Surfer Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Sci-Fi Colorful Starry Space Background And Sculpture Surfer Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Hippie Trippy Mushroom World Magical Cat And Little Girl Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Hippie Trippy Mushroom World Magical Cat And Little Girl Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Hippie Trippy Mushroom World Magical Cat And Little Girl Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

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

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

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

$5.00 $35.00

-86%

HOO® Eye-Catching Classic Horror Movie Mermaid And Monster Poster Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

HOO® Eye-Catching Classic Horror Movie Mermaid And Monster Poster Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

HOO® Eye-Catching Classic Horror Movie Mermaid And Monster Poster Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00

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

$5.00 $35.00

-86%

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

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

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

$5.00 $35.00

-86%

Eye-Catching Leopard Background Tropical Rainforest Pink Flamingos And Plant Leaves Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Leopard Background Tropical Rainforest Pink Flamingos And Plant Leaves Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Leopard Background Tropical Rainforest Pink Flamingos And Plant Leaves Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Wild Life Grassland Beasts Tigers Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Wild Life Grassland Beasts Tigers Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Wild Life Grassland Beasts Tigers Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Tropical Plants And Animals Hand Drawn Poster Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Tropical Plants And Animals Hand Drawn Poster Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Tropical Plants And Animals Hand Drawn Poster Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Cartoon Space Monsters Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Cartoon Space Monsters Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Cartoon Space Monsters Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Retro Exotic Style Sci-Fi City Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Retro Exotic Style Sci-Fi City Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Retro Exotic Style Sci-Fi City Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Christmas Santa Claus And Elves Prepare Gifts Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Christmas Santa Claus And Elves Prepare Gifts Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Christmas Santa Claus And Elves Prepare Gifts Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Abstract Psychedelic Hippie Art Abstract Eyes And Facial Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Abstract Psychedelic Hippie Art Abstract Eyes And Facial Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Abstract Psychedelic Hippie Art Abstract Eyes And Facial Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Halloween Pumpkin Haunted House At Dusk Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Pumpkin Haunted House At Dusk Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Pumpkin Haunted House At Dusk Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Skull Art Ghost Lantern And Grim Reaper Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Skull Art Ghost Lantern And Grim Reaper Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Skull Art Ghost Lantern And Grim Reaper Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Pink Gems And Metallic Skull Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Pink Gems And Metallic Skull Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Pink Gems And Metallic Skull Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Black And Purple Flame Screaming Skull Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Black And Purple Flame Screaming Skull Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Black And Purple Flame Screaming Skull Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Neon Purple Sci-Fi Space Starship Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Neon Purple Sci-Fi Space Starship Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Neon Purple Sci-Fi Space Starship Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Hippie Colorful Abstract Cats Pattern Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Hippie Colorful Abstract Cats Pattern Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Hippie Colorful Abstract Cats Pattern Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Purple Lightning Death And Cards Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Purple Lightning Death And Cards Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Purple Lightning Death And Cards Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Psychedelic Eyes Mushroom Abstract Art Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Psychedelic Eyes Mushroom Abstract Art Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Psychedelic Eyes Mushroom Abstract Art Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Psychedelic Dark Art Experimented Orangutan Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Psychedelic Dark Art Experimented Orangutan Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Psychedelic Dark Art Experimented Orangutan Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Happy Summer Dog Party Photo Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Happy Summer Dog Party Photo Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Happy Summer Dog Party Photo Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Creative Colorful Abstract Lion Head Elements Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Creative Colorful Abstract Lion Head Elements Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Creative Colorful Abstract Lion Head Elements Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Colorful Painted Stacked Skulls Pattern Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Colorful Painted Stacked Skulls Pattern Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Colorful Painted Stacked Skulls Pattern Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Psychedelic Art Graffiti Colorful And Fun Weird Art Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Psychedelic Art Graffiti Colorful And Fun Weird Art Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Psychedelic Art Graffiti Colorful And Fun Weird Art Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Cool Aurora Black Panther And Car Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Cool Aurora Black Panther And Car Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Cool Aurora Black Panther And Car Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Flame Stone Monster Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Flame Stone Monster Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Flame Stone Monster Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Halloween Witches' Night Party Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Witches' Night Party Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Witches' Night Party Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Cool Death Skull Off-Road Car Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Cool Death Skull Off-Road Car Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Cool Death Skull Off-Road Car Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

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

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

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

$5.00 $35.00

-86%

Eye-Catching Stunning Style Mutant Monster Two-Headed Dragon Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Stunning Style Mutant Monster Two-Headed Dragon Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Vintage Scary Movie Characters And Brilliant Flowers Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Vintage Scary Movie Characters And Brilliant Flowers Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Vintage Scary Movie Characters And Brilliant Flowers Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Vintage Ukiyo-E Style Skull And Cemetery Landscape Painting Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Vintage Ukiyo-E Style Skull And Cemetery Landscape Painting Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Vintage Ukiyo-E Style Skull And Cemetery Landscape Painting Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

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

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

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

$5.00 $35.00

-86%

Eye-Catching Green Wild Life Tigers Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Green Wild Life Tigers Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Green Wild Life Tigers Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Halloween Red Blood Night Blood Handprints Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Red Blood Night Blood Handprints Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Red Blood Night Blood Handprints Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Horrible Nights Death And Boat Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Horrible Nights Death And Boat Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Horrible Nights Death And Boat Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Halloween Flying Pumpkins And Haunted Castle Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Flying Pumpkins And Haunted Castle Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Flying Pumpkins And Haunted Castle Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Stunning Style Black White Dragon And Tiger Fighting Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Stunning Style Black White Dragon And Tiger Fighting Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Stunning Style Black White Dragon And Tiger Fighting Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Stunning Style Ocean And Dolphins Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Stunning Style Ocean And Dolphins Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Stunning Style Ocean And Dolphins Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Sci-Fi Golden Battlefield Warriors And Armed Walkers Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Sci-Fi Golden Battlefield Warriors And Armed Walkers Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Sci-Fi Golden Battlefield Warriors And Armed Walkers Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Wild Jungle Animals Lions And Tigers Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Wild Jungle Animals Lions And Tigers Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Wild Jungle Animals Lions And Tigers Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Psychedelic Gorgeous Floral Skull Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Psychedelic Gorgeous Floral Skull Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Psychedelic Gorgeous Floral Skull Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Cartoon Halloween Lively Pumpkin Ghost Park Printing Breast Pocket Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Cartoon Halloween Lively Pumpkin Ghost Park Printing Breast Pocket Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Cartoon Halloween Lively Pumpkin Ghost Park Printing Breast Pocket Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Psychedelic Colorful Abstract Doodle Mushroom And Smiley Face Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Psychedelic Colorful Abstract Doodle Mushroom And Smiley Face Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Psychedelic Colorful Abstract Doodle Mushroom And Smiley Face Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Wild Universe Galaxies And Wild Animals Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Wild Universe Galaxies And Wild Animals Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Wild Universe Galaxies And Wild Animals Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

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

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

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

$5.00 $35.00

-86%

Eye-Catching Gothic Steampunk Skull Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Gothic Steampunk Skull Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Gothic Steampunk Skull Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Skulls With Rainbow Wings And Red Roses Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Skulls With Rainbow Wings And Red Roses Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Skulls With Rainbow Wings And Red Roses Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Halloween Tropical Leaves And Horror Movie Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Tropical Leaves And Horror Movie Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Tropical Leaves And Horror Movie Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

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

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

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

$5.00 $35.00

-86%

Eye-Catching Halloween Themed Pumpkin Cemetery And Haunted Castle Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Themed Pumpkin Cemetery And Haunted Castle Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Themed Pumpkin Cemetery And Haunted Castle Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Retro Style Christmas Poster Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Retro Style Christmas Poster Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Retro Style Christmas Poster Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Merry Scary Christmas Monster And Christmas Tree Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Merry Scary Christmas Monster And Christmas Tree Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Merry Scary Christmas Monster And Christmas Tree Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Colorful Psychedelic Neon Skulls And Floral Graffiti Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Colorful Psychedelic Neon Skulls And Floral Graffiti Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Colorful Psychedelic Neon Skulls And Floral Graffiti Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

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

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

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

$5.00 $35.00

-86%

Eye-Catching Romantic Gothic Skulls And Roses Stacked Printing Breast Pocket Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Romantic Gothic Skulls And Roses Stacked Printing Breast Pocket Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Romantic Gothic Skulls And Roses Stacked Printing Breast Pocket Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Halloween Cartoon Costumes Witch Party And Ghosts Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Cartoon Costumes Witch Party And Ghosts Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Cartoon Costumes Witch Party And Ghosts Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Sci-Fi Art Purple Butterflies And Space Warrior Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Sci-Fi Art Purple Butterflies And Space Warrior Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Sci-Fi Art Purple Butterflies And Space Warrior Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Halloween Haunted Treehouse With Horrible Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Haunted Treehouse With Horrible Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Halloween Haunted Treehouse With Horrible Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

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

$5.00 $35.00

-86%

Eye-Catching Psychedelic Electric Light Flame Skull Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Psychedelic Electric Light Flame Skull Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Psychedelic Electric Light Flame Skull Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Summer Psychedelic Hippie Bus And Mesmerizing Night Sky Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Summer Psychedelic Hippie Bus And Mesmerizing Night Sky Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Summer Psychedelic Hippie Bus And Mesmerizing Night Sky Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Punk Skull And Colorful Tie-Dye Background Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Punk Skull And Colorful Tie-Dye Background Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Punk Skull And Colorful Tie-Dye Background Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Fantasy Santa Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Fantasy Santa Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Fantasy Santa Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Horrible Horned Demon Skulls And Butterflies Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Horrible Horned Demon Skulls And Butterflies Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Horrible Horned Demon Skulls And Butterflies Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Black And White Plaid Cartoon Creative Halloween Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Black And White Plaid Cartoon Creative Halloween Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Black And White Plaid Cartoon Creative Halloween Characters Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Psychedelic Turtles Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Psychedelic Turtles Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Psychedelic Turtles Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Psychedelic Cartoon Undersea World Adventure Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Psychedelic Cartoon Undersea World Adventure Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Psychedelic Cartoon Undersea World Adventure Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Rainbow Gradient Purple Psychedelic Pet Dogs Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Rainbow Gradient Purple Psychedelic Pet Dogs Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Rainbow Gradient Purple Psychedelic Pet Dogs Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

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

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

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

$5.00 $35.00

-86%

Eye-Catching Cool Halloween Skull Rainbow Unicorns Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Cool Halloween Skull Rainbow Unicorns Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Cool Halloween Skull Rainbow Unicorns Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Orange Halloween Flame Pumpkin Devil Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Orange Halloween Flame Pumpkin Devil Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Orange Halloween Flame Pumpkin Devil Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

Eye-Catching Red Sci-Fi Abstract Geometric Background And Spaceman Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Red Sci-Fi Abstract Geometric Background And Spaceman Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Red Sci-Fi Abstract Geometric Background And Spaceman Printing Cuban Collar Hawaiian Short Sleeve Shirt

$5.00 $35.00

-86%

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