🎁 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

St. Patrick's Day

Filter

Clear all

size

2xl (125)
3xl (127)
4xl (122)
4xlt (91)
5xl (122)
5xlt (91)
6xl (40)
6xlt (39)
l (130)
m (124)
s (123)
xl (125)
xs (91)

133 Products

133 Products

Filter and sort

size

Sort by

size

2xl (125)
3xl (127)
4xl (122)
4xlt (91)
5xl (122)
5xlt (91)
6xl (40)
6xlt (39)
l (130)
m (124)
s (123)
xl (125)
xs (91)

Clear all

Summer Casual Patrick Star Cartoon Image Printing Shorts BestDVibe

Summer Casual Patrick Star Cartoon Image Printing Shorts BestDVibe

Summer Casual Patrick Star Cartoon Image Printing Shorts

$31.95

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

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

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

$31.95

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

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

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

$31.95

HOO® Green Hand Drawn Cartoon Dog And Clovers Printing Short Sleeve Shirt BestDVibe

HOO® Green Hand Drawn Cartoon Dog And Clovers Printing Short Sleeve Shirt BestDVibe

HOO® Green Hand Drawn Cartoon Dog And Clovers Printing Short Sleeve Shirt

$31.95

HOO® St. Saint Patrick'S Day Cat And Gold Coin Pile Printing Short Sleeve Shirt BestDVibe

HOO® St. Saint Patrick'S Day Cat And Gold Coin Pile Printing Short Sleeve Shirt BestDVibe

HOO® St. Saint Patrick'S Day Cat And Gold Coin Pile Printing Short Sleeve Shirt

$31.95

HOO® St. Saint Patrick'S Day Green Beauty And Gold Coins On Four-Leaf Clovers Background Printing Short Sleeve Shirt BestDVibe

HOO® St. Saint Patrick'S Day Green Beauty And Gold Coins On Four-Leaf Clovers Background Printing Short Sleeve Shirt BestDVibe

HOO® St. Saint Patrick'S Day Green Beauty And Gold Coins On Four-Leaf Clovers Background Printing Short Sleeve Shirt

$31.95

HOO® St. Saint Patrick'S Day Painted Lucky Skull On Clover Background Printing Short Sleeve Shirt BestDVibe

HOO® St. Saint Patrick'S Day Painted Lucky Skull On Clover Background Printing Short Sleeve Shirt BestDVibe

HOO® St. Saint Patrick'S Day Painted Lucky Skull On Clover Background Printing Short Sleeve Shirt

$31.95

HOO® Happy St. Saint Patrick's Day Gnome And Gold Coin Jar Printing Short Sleeve Shirt BestDVibe

HOO® Happy St. Saint Patrick's Day Gnome And Gold Coin Jar Printing Short Sleeve Shirt BestDVibe

HOO® Happy St. Saint Patrick's Day Gnome And Gold Coin Jar Printing Short Sleeve Shirt

$31.95

HOO® St. Saint Patrick's Day Roosters On Green Stripes Printing Cotton Linen Short Sleeve Shirt BestDVibe

HOO® St. Saint Patrick's Day Roosters On Green Stripes Printing Cotton Linen Short Sleeve Shirt BestDVibe

HOO® St. Saint Patrick's Day Roosters On Green Stripes Printing Cotton Linen Short Sleeve Shirt

$31.95

HOO® Happy St. Saint Patrick's Day Cartoon Bear Customized Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Happy St. Saint Patrick's Day Cartoon Bear Customized Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Happy St. Saint Patrick's Day Cartoon Bear Customized Breast Pocket Short Sleeve Shirt

$31.95 $57.95

-45%

HOO® Happy St. Saint Patrick's Day Lucky Gnome And Gold Coins Printing Short Sleeve Shirt BestDVibe

HOO® Happy St. Saint Patrick's Day Lucky Gnome And Gold Coins Printing Short Sleeve Shirt BestDVibe

HOO® Happy St. Saint Patrick's Day Lucky Gnome And Gold Coins Printing Short Sleeve Shirt

$31.95

HOO® Green St. Saint Patrick's Day Tuxedo Costume Short Sleeve Shirt BestDVibe

HOO® Green St. Saint Patrick's Day Tuxedo Costume Short Sleeve Shirt BestDVibe

HOO® Green St. Saint Patrick's Day Tuxedo Costume Short Sleeve Shirt

$31.95

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

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

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

$31.95

HOO® Eye-Catching Fantasy Green St. Saint Patrick's Day Skull Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

HOO® Eye-Catching Fantasy Green St. Saint Patrick's Day Skull Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

HOO® Eye-Catching Fantasy Green St. Saint Patrick's Day Skull Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.95

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

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

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

$31.95

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

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

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

$31.95

HOO® Green Happy St. Saint Patrick's Day Gnome On Shamrock Background Printing Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Green Happy St. Saint Patrick's Day Gnome On Shamrock Background Printing Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Green Happy St. Saint Patrick's Day Gnome On Shamrock Background Printing Cotton Linen Short Sleeve Shirt

$31.95

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

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

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

$31.95

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

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

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

$31.95

HOO® Happy St. Saint Patrick's Day Green Cartoon Gnome Boots Printing Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Happy St. Saint Patrick's Day Green Cartoon Gnome Boots Printing Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Happy St. Saint Patrick's Day Green Cartoon Gnome Boots Printing Cotton Linen Short Sleeve Shirt

$31.95

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

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

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

$31.95

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

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

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

$31.95

HOO® Happy St. Saint Patrick's Day Green Gnome Costume Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Happy St. Saint Patrick's Day Green Gnome Costume Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Happy St. Saint Patrick's Day Green Gnome Costume Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Happy St. Saint Patrick's Day Green Truck And Gnomes Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Happy St. Saint Patrick's Day Green Truck And Gnomes Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Happy St. Saint Patrick's Day Green Truck And Gnomes Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® St. Saint Patrick's Day Great Again Trump And Flag Printing Short Sleeve Shirt BestDVibe

HOO® St. Saint Patrick's Day Great Again Trump And Flag Printing Short Sleeve Shirt BestDVibe

HOO® St. Saint Patrick's Day Great Again Trump And Flag Printing Short Sleeve Shirt

$31.95

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

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

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

$31.95

HOO® Happy St. Saint Patrick's Day Green Beauty And Gold Coin Jar Printing Short Sleeve Shirt BestDVibe

HOO® Happy St. Saint Patrick's Day Green Beauty And Gold Coin Jar Printing Short Sleeve Shirt BestDVibe

HOO® Happy St. Saint Patrick's Day Green Beauty And Gold Coin Jar Printing Short Sleeve Shirt

$31.95

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

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

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

$31.95

HOO® Happy St. Saint Patrick's Day Cute Kitten And Clovers Printing Short Sleeve Shirt BestDVibe

HOO® Happy St. Saint Patrick's Day Cute Kitten And Clovers Printing Short Sleeve Shirt BestDVibe

HOO® Happy St. Saint Patrick's Day Cute Kitten And Clovers Printing Short Sleeve Shirt

$31.95

HOO® Happy St. Saint Patrick's Day Costume Funny Boy Gnome Printing Short Sleeve Shirt BestDVibe

HOO® Happy St. Saint Patrick's Day Costume Funny Boy Gnome Printing Short Sleeve Shirt BestDVibe

HOO® Happy St. Saint Patrick's Day Costume Funny Boy Gnome Printing Short Sleeve Shirt

$31.95

HOO® St. Saint Patrick'S Day Treasures Angel And Gnomes Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® St. Saint Patrick'S Day Treasures Angel And Gnomes Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® St. Saint Patrick'S Day Treasures Angel And Gnomes Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Retro Cartoon Colorful Puzzles And St. Saint Patrick'S Day Gnome Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Retro Cartoon Colorful Puzzles And St. Saint Patrick'S Day Gnome Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Retro Cartoon Colorful Puzzles And St. Saint Patrick'S Day Gnome Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Happy St. Saint Patrick's Day Cute Lucky Frog Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Happy St. Saint Patrick's Day Cute Lucky Frog Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Happy St. Saint Patrick's Day Cute Lucky Frog Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Happy St. Saint Patrick's Day Golden Clovers And Green Girl Printing Short Sleeve Shirt BestDVibe

HOO® Happy St. Saint Patrick's Day Golden Clovers And Green Girl Printing Short Sleeve Shirt BestDVibe

HOO® Happy St. Saint Patrick's Day Golden Clovers And Green Girl Printing Short Sleeve Shirt

$31.95

HOO® Happy St. Saint Patrick'S Day Rainbow Kittens And Shamrocks Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Happy St. Saint Patrick'S Day Rainbow Kittens And Shamrocks Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Happy St. Saint Patrick'S Day Rainbow Kittens And Shamrocks Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Green St. Patrick'S Day Lucky Gnomes And Holiday Decorations Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Green St. Patrick'S Day Lucky Gnomes And Holiday Decorations Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Green St. Patrick'S Day Lucky Gnomes And Holiday Decorations Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® St. Saint Patrick's Day Four-Leaf Clover Fairy Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® St. Saint Patrick's Day Four-Leaf Clover Fairy Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® St. Saint Patrick's Day Four-Leaf Clover Fairy Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® St. Saint Patrick's Day Elements Retro Striped And Tights Girl Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® St. Saint Patrick's Day Elements Retro Striped And Tights Girl Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® St. Saint Patrick's Day Elements Retro Striped And Tights Girl Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® St. Patrick'S Day Green, White And Orange Shamrocks Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® St. Patrick'S Day Green, White And Orange Shamrocks Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® St. Patrick'S Day Green, White And Orange Shamrocks Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Happy Funny St. Patrick's Day Green Clovers And Gnome Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Happy Funny St. Patrick's Day Green Clovers And Gnome Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Happy Funny St. Patrick's Day Green Clovers And Gnome Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Orange and Green Ink Splashing Falg And Lucky Gnome Printing Patricks Day Hawaiian Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Orange and Green Ink Splashing Falg And Lucky Gnome Printing Patricks Day Hawaiian Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Orange and Green Ink Splashing Falg And Lucky Gnome Printing Patricks Day Hawaiian Breast Pocket Short Sleeve Shirt

$31.95

HOO® Happy St. Saint Patrick'S Day Green Metallic Shamrocks Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Happy St. Saint Patrick'S Day Green Metallic Shamrocks Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Happy St. Saint Patrick'S Day Green Metallic Shamrocks Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® St. Saint Patrick's Day Gorgeous Crystal Shamrock Tablet Printing Short Sleeve Shirt BestDVibe

HOO® St. Saint Patrick's Day Gorgeous Crystal Shamrock Tablet Printing Short Sleeve Shirt BestDVibe

HOO® St. Saint Patrick's Day Gorgeous Crystal Shamrock Tablet Printing Short Sleeve Shirt

$31.95

HOO® Western Style Cowboys And Horseshoe Silhouettes Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Western Style Cowboys And Horseshoe Silhouettes Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Western Style Cowboys And Horseshoe Silhouettes Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Happy Funny St. Patrick's Day Saints Rainbow And Four Leaf Clovers Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Happy Funny St. Patrick's Day Saints Rainbow And Four Leaf Clovers Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Happy Funny St. Patrick's Day Saints Rainbow And Four Leaf Clovers Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® St. Saint Patrick'S Day Pink Stripes And Hawaiian Shamrock Flamingo Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® St. Saint Patrick'S Day Pink Stripes And Hawaiian Shamrock Flamingo Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® St. Saint Patrick'S Day Pink Stripes And Hawaiian Shamrock Flamingo Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Cartoon Funny St. Patrick's Day Shamrocks Tuxedo Cartoon Costumes Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Cartoon Funny St. Patrick's Day Shamrocks Tuxedo Cartoon Costumes Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Cartoon Funny St. Patrick's Day Shamrocks Tuxedo Cartoon Costumes Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Green And Orange Stitching Vintage Camping St. Patrick's Day Clover Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Green And Orange Stitching Vintage Camping St. Patrick's Day Clover Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Green And Orange Stitching Vintage Camping St. Patrick's Day Clover Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Khaki Retro Camping Striped And Horseshoes St. Patrick's Day Printing Short Sleeve Shirt BestDVibe

HOO® Khaki Retro Camping Striped And Horseshoes St. Patrick's Day Printing Short Sleeve Shirt BestDVibe

HOO® Khaki Retro Camping Striped And Horseshoes St. Patrick's Day Printing Short Sleeve Shirt

$31.95

HOO® Funny St. Patrick's Day Green Tuxedo Vest Printing Short Sleeve Shirt BestDVibe

HOO® Funny St. Patrick's Day Green Tuxedo Vest Printing Short Sleeve Shirt BestDVibe

HOO® Funny St. Patrick's Day Green Tuxedo Vest Printing Short Sleeve Shirt

$31.95

HOO® Bright Neon Clovers Funny St. Patrick's Day Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Bright Neon Clovers Funny St. Patrick's Day Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Bright Neon Clovers Funny St. Patrick's Day Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Fantasy St. Patrick'S Day Colorful Four-Leaf Clovers Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Fantasy St. Patrick'S Day Colorful Four-Leaf Clovers Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Fantasy St. Patrick'S Day Colorful Four-Leaf Clovers Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Colorful Neon Clovers St. Patrick'S Day Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Colorful Neon Clovers St. Patrick'S Day Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Colorful Neon Clovers St. Patrick'S Day Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Green Holiday Elements Horseshoes And Clovers Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Green Holiday Elements Horseshoes And Clovers Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Green Holiday Elements Horseshoes And Clovers Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Black Clover Asta Vintage Oversize Tee BestDVibe

HOO® Black Clover Asta Vintage Oversize Tee BestDVibe

HOO® Black Clover Asta Vintage Oversize Tee

$31.95 $45.00

-29%

St. Saint Patrick's Day Ele ts Black And Green Stitching Cartoon Gnome Luck With Clover Printing Short Sleeve Shirt BestDVibe

St. Saint Patrick's Day Ele ts Black And Green Stitching Cartoon Gnome Luck With Clover Printing Short Sleeve Shirt BestDVibe

St. Saint Patrick's Day Ele ts Black And Green Stitching Cartoon Gnome Luck With Clover Printing Short Sleeve Shirt

$31.95 $34.00

-0%

HOO® Ink Splashing Falg And Clover Printing Patricks Day Hawaiian Cuban Collar Men's Short Sleeve Shirt BestDVibe

HOO® Ink Splashing Falg And Clover Printing Patricks Day Hawaiian Cuban Collar Men's Short Sleeve Shirt BestDVibe

HOO® Ink Splashing Falg And Clover Printing Patricks Day Hawaiian Cuban Collar Men's Short Sleeve Shirt

$15.95 $33.00

-52%

Full-Print Four-Leaf Clovers And Bodybuilder Leprechaun Fitness Printing Cuban Collar Short Sleeve Shirt BestDVibe

Full-Print Four-Leaf Clovers And Bodybuilder Leprechaun Fitness Printing Cuban Collar Short Sleeve Shirt BestDVibe

Full-Print Four-Leaf Clovers And Bodybuilder Leprechaun Fitness Printing Cuban Collar Short Sleeve Shirt

$31.95 $35.00

-3%

HOO® St. Saint Patrick's Day Fresh Falling Lucky Four Leaf Clover Printing Short Sleeve Shirt BestDVibe

HOO® St. Saint Patrick's Day Fresh Falling Lucky Four Leaf Clover Printing Short Sleeve Shirt BestDVibe

HOO® St. Saint Patrick's Day Fresh Falling Lucky Four Leaf Clover Printing Short Sleeve Shirt

$31.95

Happy St. Saint Patrick's Day Lucky Four Leaf Clover And Gnomes Printing Short Sleeve Shirt BestDVibe

Happy St. Saint Patrick's Day Lucky Four Leaf Clover And Gnomes Printing Short Sleeve Shirt BestDVibe

Happy St. Saint Patrick's Day Lucky Four Leaf Clover And Gnomes Printing Short Sleeve Shirt

$31.95 $34.00

-0%

Green St. Saint Patricks Day Night Party Printing Short Sleeve Shirt BestDVibe

Green St. Saint Patricks Day Night Party Printing Short Sleeve Shirt BestDVibe

Green St. Saint Patricks Day Night Party Printing Short Sleeve Shirt

$31.95 $34.00

-0%

HOO® Ink Splashing Falg And Clover Printing Patricks Day Hawaiian Men's Shorts BestDVibe

HOO® Ink Splashing Falg And Clover Printing Patricks Day Hawaiian Men's Shorts BestDVibe

HOO® Ink Splashing Falg And Clover Printing Patricks Day Hawaiian Men's Shorts

$31.95

Clover Holiday Lucky Irish Cute Printing Patricks Day Hawaiian Cuban Collar Short Sleeve Shirt BestDVibe

Clover Holiday Lucky Irish Cute Printing Patricks Day Hawaiian Cuban Collar Short Sleeve Shirt BestDVibe

Clover Holiday Lucky Irish Cute Printing Patricks Day Hawaiian Cuban Collar Short Sleeve Shirt

$31.95 $35.00

-3%

HOO® Full-Print Green St. Saint Patricks Day Lucky Four-Leaf Clover Printing Cuban Collar Men's Short Sleeve Shirt BestDVibe

HOO® Full-Print Green St. Saint Patricks Day Lucky Four-Leaf Clover Printing Cuban Collar Men's Short Sleeve Shirt BestDVibe

HOO® Full-Print Green St. Saint Patricks Day Lucky Four-Leaf Clover Printing Cuban Collar Men's Short Sleeve Shirt

$15.95

St. Saint Patrick's Day Fairy with Clover Printing Cuban Collar Short Sleeve Shirt BestDVibe

St. Saint Patrick's Day Fairy with Clover Printing Cuban Collar Short Sleeve Shirt BestDVibe

St. Saint Patrick's Day Fairy with Clover Printing Cuban Collar Short Sleeve Shirt

$31.95 $35.00

-3%

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

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

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

$15.95

St. Saint Patrick's Day Flag And Gnome Printing Short Sleeve Shirt BestDVibe

St. Saint Patrick's Day Flag And Gnome Printing Short Sleeve Shirt BestDVibe

St. Saint Patrick's Day Flag And Gnome Printing Short Sleeve Shirt

$31.95 $34.00

-0%

St. Saint Patrick's Day Green And Orange Matching Lucky Clover Printing Short Sleeve Shirt BestDVibe

St. Saint Patrick's Day Green And Orange Matching Lucky Clover Printing Short Sleeve Shirt BestDVibe

St. Saint Patrick's Day Green And Orange Matching Lucky Clover Printing Short Sleeve Shirt

$31.95 $34.00

-0%

HOO® St. Saint Patrick's Day Green And Black Matching Lucky Clover Printing Short Sleeve Shirt BestDVibe

HOO® St. Saint Patrick's Day Green And Black Matching Lucky Clover Printing Short Sleeve Shirt BestDVibe

HOO® St. Saint Patrick's Day Green And Black Matching Lucky Clover Printing Short Sleeve Shirt

$31.95 $34.00

-0%

St. Saint Patrick's Day 50s Green And Cream Stripe Lucky Clover Printing Short Sleeve Shirt BestDVibe

St. Saint Patrick's Day 50s Green And Cream Stripe Lucky Clover Printing Short Sleeve Shirt BestDVibe

St. Saint Patrick's Day 50s Green And Cream Stripe Lucky Clover Printing Short Sleeve Shirt

$31.95 $34.00

-0%

St. Saint Patrick's Day Fairy And Clover Garden Printing Short Sleeve Shirt BestDVibe

St. Saint Patrick's Day Fairy And Clover Garden Printing Short Sleeve Shirt BestDVibe

St. Saint Patrick's Day Fairy And Clover Garden Printing Short Sleeve Shirt

$31.95 $34.00

-0%

HOO® St. Saint Patrick's Day 50s Green And White Stripe Lucky Clover Printing Short Sleeve Shirt BestDVibe

HOO® St. Saint Patrick's Day 50s Green And White Stripe Lucky Clover Printing Short Sleeve Shirt BestDVibe

HOO® St. Saint Patrick's Day 50s Green And White Stripe Lucky Clover Printing Short Sleeve Shirt

$31.95

St. Saint Patrick'S Day LightGreen Stitching Clover Printing Breast Pocket Short Sleeve Shirt BestDVibe

St. Saint Patrick'S Day LightGreen Stitching Clover Printing Breast Pocket Short Sleeve Shirt BestDVibe

St. Saint Patrick'S Day LightGreen Stitching Clover Printing Breast Pocket Short Sleeve Shirt

$31.95 $34.00

-0%

St. Saint Patrick'S Day Green Lattice And White Stripe Stitching Shamrock Printing Short Sleeve Shirt BestDVibe

St. Saint Patrick'S Day Green Lattice And White Stripe Stitching Shamrock Printing Short Sleeve Shirt BestDVibe

St. Saint Patrick'S Day Green Lattice And White Stripe Stitching Shamrock Printing Short Sleeve Shirt

$31.95 $34.00

-0%

St. Saint Patricks Day Green Stitching Irish Skull And Lucky Clovers Printing Short Sleeve Shirt BestDVibe

St. Saint Patricks Day Green Stitching Irish Skull And Lucky Clovers Printing Short Sleeve Shirt BestDVibe

St. Saint Patricks Day Green Stitching Irish Skull And Lucky Clovers Printing Short Sleeve Shirt

$31.95 $34.00

-0%

HOO® St. Saint Patricks Day Vacation Green And White Clovers Printing Hawaiian Short Sleeve Shirt BestDVibe

HOO® St. Saint Patricks Day Vacation Green And White Clovers Printing Hawaiian Short Sleeve Shirt BestDVibe

HOO® St. Saint Patricks Day Vacation Green And White Clovers Printing Hawaiian Short Sleeve Shirt

$31.95

Green And Black Stitching St Patrick’s Day Gnome's Printing Breast Pocket Short Sleeve Shirt BestDVibe

Green And Black Stitching St Patrick’s Day Gnome's Printing Breast Pocket Short Sleeve Shirt BestDVibe

Green And Black Stitching St Patrick’s Day Gnome's Printing Breast Pocket Short Sleeve Shirt

$31.95 $34.00

-0%

St Patrick’s Day Green And Orange Matching Gradient Shamrock Printing Short Sleeve Shirt BestDVibe

St Patrick’s Day Green And Orange Matching Gradient Shamrock Printing Short Sleeve Shirt BestDVibe

St Patrick’s Day Green And Orange Matching Gradient Shamrock Printing Short Sleeve Shirt

$31.95 $34.00

-0%

Vintage Black And Green Stitching Shamrock Printing Breast Pocket Short Sleeve Shirt BestDVibe

Vintage Black And Green Stitching Shamrock Printing Breast Pocket Short Sleeve Shirt BestDVibe

Vintage Black And Green Stitching Shamrock Printing Breast Pocket Short Sleeve Shirt

$31.95 $34.00

-0%

Gradient Orange Green Flag Colors St. Saint Patrick's Day Gnome Printing Short Sleeve Shirt BestDVibe

Gradient Orange Green Flag Colors St. Saint Patrick's Day Gnome Printing Short Sleeve Shirt BestDVibe

Gradient Orange Green Flag Colors St. Saint Patrick's Day Gnome Printing Short Sleeve Shirt

$31.95 $34.00

-0%

Full-Print Green Lucky Irish Clovers Printing Short Sleeve Shirt BestDVibe

Full-Print Green Lucky Irish Clovers Printing Short Sleeve Shirt BestDVibe

Full-Print Green Lucky Irish Clovers Printing Short Sleeve Shirt

$31.95 $34.00

-0%

St. Saint Patricks Day Green And White Stitching Wealthy Gnome And Lucky Clovers Printing Short Sleeve Shirt BestDVibe

St. Saint Patricks Day Green And White Stitching Wealthy Gnome And Lucky Clovers Printing Short Sleeve Shirt BestDVibe

St. Saint Patricks Day Green And White Stitching Wealthy Gnome And Lucky Clovers Printing Short Sleeve Shirt

$31.95 $34.00

-0%

HOO® Ink Splashing Clovers Falg And Gnome Printing Patricks Day Hawaiian Short Sleeve Shirt BestDVibe

HOO® Ink Splashing Clovers Falg And Gnome Printing Patricks Day Hawaiian Short Sleeve Shirt BestDVibe

HOO® Ink Splashing Clovers Falg And Gnome Printing Patricks Day Hawaiian Short Sleeve Shirt

$16.95 $32.00

-47%

Eye-Catching St. Saint Patrick's Day Good Luck Shamrock And Gold Coins Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching St. Saint Patrick's Day Good Luck Shamrock And Gold Coins Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching St. Saint Patrick's Day Good Luck Shamrock And Gold Coins Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.95 $35.00

-3%

HOO® St. Saint Patricks Day Green And Black Stitching Irish Lucky Clovers Printing Short Sleeve Shirt BestDVibe

HOO® St. Saint Patricks Day Green And Black Stitching Irish Lucky Clovers Printing Short Sleeve Shirt BestDVibe

HOO® St. Saint Patricks Day Green And Black Stitching Irish Lucky Clovers Printing Short Sleeve Shirt

$31.95

Green St. Saint Patrick's Day Shamrock Leprechaun And Beer Printing Short Sleeve Shirt BestDVibe

Green St. Saint Patrick's Day Shamrock Leprechaun And Beer Printing Short Sleeve Shirt BestDVibe

Green St. Saint Patrick's Day Shamrock Leprechaun And Beer Printing Short Sleeve Shirt

$31.95 $34.00

-0%

St. Saint Patrick's Day Lucky Irish Cute Clovers Printing Hawaiian Short Sleeve Shirt BestDVibe

St. Saint Patrick's Day Lucky Irish Cute Clovers Printing Hawaiian Short Sleeve Shirt BestDVibe

St. Saint Patrick's Day Lucky Irish Cute Clovers Printing Hawaiian Short Sleeve Shirt

$31.95 $34.00

-0%

St Patrick’s Day Shamrock And Flag Printing Casual Short Sleeve Shirt BestDVibe

St Patrick’s Day Shamrock And Flag Printing Casual Short Sleeve Shirt BestDVibe

St Patrick’s Day Shamrock And Flag Printing Casual Short Sleeve Shirt

$31.95 $34.00

-0%

HOO® Summer Casual Patrick Star Cartoon Image Printing Shorts BestDVibe

HOO® Summer Casual Patrick Star Cartoon Image Printing Shorts BestDVibe

HOO® Summer Casual Patrick Star Cartoon Image Printing Shorts

$31.95

HOO® Summer Casual Patrick Star Cartoon Image Printing Short Sleeve Shirt BestDVibe

HOO® Summer Casual Patrick Star Cartoon Image Printing Short Sleeve Shirt BestDVibe

HOO® Summer Casual Patrick Star Cartoon Image Printing Short Sleeve Shirt

$31.95

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

$31.95 $35.00

-3%

Gradient Green St. Saint Patrick's Day Elements Clovers Printing Short Sleeve Shirt BestDVibe

Gradient Green St. Saint Patrick's Day Elements Clovers Printing Short Sleeve Shirt BestDVibe

Gradient Green St. Saint Patrick's Day Elements Clovers Printing Short Sleeve Shirt

$31.95 $34.00

-0%

Vintage Pin Up Art St. Saint Patrick'S Day Lady In Green Dress And Gnome Printing Breast Pocket Short Sleeve Shirt BestDVibe

Vintage Pin Up Art St. Saint Patrick'S Day Lady In Green Dress And Gnome Printing Breast Pocket Short Sleeve Shirt BestDVibe

Vintage Pin Up Art St. Saint Patrick'S Day Lady In Green Dress And Gnome Printing Breast Pocket Short Sleeve Shirt

$31.95 $34.00

-0%

Yellow And Green St. Saint Patrick'S Day Clovers And Spaceship Printing Short Sleeve Shirt BestDVibe

Yellow And Green St. Saint Patrick'S Day Clovers And Spaceship Printing Short Sleeve Shirt BestDVibe

Yellow And Green St. Saint Patrick'S Day Clovers And Spaceship Printing Short Sleeve Shirt

$31.95 $34.00

-0%

Retro Black And Orange Stripes Stitching Happy St. Saint Patrick's Day Printing Breast Pocket Short Sleeve Shirt BestDVibe

Retro Black And Orange Stripes Stitching Happy St. Saint Patrick's Day Printing Breast Pocket Short Sleeve Shirt BestDVibe

Retro Black And Orange Stripes Stitching Happy St. Saint Patrick's Day Printing Breast Pocket Short Sleeve Shirt

$31.95 $34.00

-0%

St. Saint Patrick's Day Green Goblin Tuxedo Cartoon Costume Printing Short Sleeve Shirt BestDVibe

St. Saint Patrick's Day Green Goblin Tuxedo Cartoon Costume Printing Short Sleeve Shirt BestDVibe

St. Saint Patrick's Day Green Goblin Tuxedo Cartoon Costume Printing Short Sleeve Shirt

$31.95 $34.00

-0%

Vintage St. Saint Patrick's Day Ribbons Fireworks And Shamrocks Printing Breast Pocket Short Sleeve Shirt BestDVibe

Vintage St. Saint Patrick's Day Ribbons Fireworks And Shamrocks Printing Breast Pocket Short Sleeve Shirt BestDVibe

Vintage St. Saint Patrick's Day Ribbons Fireworks And Shamrocks Printing Breast Pocket Short Sleeve Shirt

$31.95 $34.00

-0%

Happy St. Saint Patrick's Day White And Green Stitching Horseshoe And Clovers Printing Short Sleeve Shirt BestDVibe

Happy St. Saint Patrick's Day White And Green Stitching Horseshoe And Clovers Printing Short Sleeve Shirt BestDVibe

Happy St. Saint Patrick's Day White And Green Stitching Horseshoe And Clovers Printing Short Sleeve Shirt

$31.95 $34.00

-0%

St. Saint Patrick'S Day Black And Green Stripes And Four-Leaf Clovers Printing Breast Pocket Short Sleeve Shirt BestDVibe

St. Saint Patrick'S Day Black And Green Stripes And Four-Leaf Clovers Printing Breast Pocket Short Sleeve Shirt BestDVibe

St. Saint Patrick'S Day Black And Green Stripes And Four-Leaf Clovers Printing Breast Pocket Short Sleeve Shirt

$31.95 $34.00

-0%

Happy St. Saint Patrick'S Day Retro Green Striped Printing Breast Pocket Short Sleeve Shirt BestDVibe

Happy St. Saint Patrick'S Day Retro Green Striped Printing Breast Pocket Short Sleeve Shirt BestDVibe

Happy St. Saint Patrick'S Day Retro Green Striped Printing Breast Pocket Short Sleeve Shirt

$31.95 $34.00

-0%

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