🎁 5% Off First Order Code：NEW

🎁 5% Off First Order Code：NEW

🎁 5% Off First Order Code：NEW

🎁 5% Off First Order Code：NEW

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

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

BestDVibe

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

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

Account

Log in
Create an account

Close

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

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

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

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

ukiyo

Filter

Clear all

size

2xl (117)
3xl (117)
4xl (117)
4xlt (7)
5xl (85)
5xlt (8)
6xl (34)
l (118)
m (96)
s (88)
xl (117)
xs (9)

123 Products

123 Products

Filter and sort

size

Sort by

size

2xl (117)
3xl (117)
4xl (117)
4xlt (7)
5xl (85)
5xlt (8)
6xl (34)
l (118)
m (96)
s (88)
xl (117)
xs (9)

Clear all

Eye-Catching Ukiyo-E Air Station With Ocean Waves Personalized Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Ukiyo-E Air Station With Ocean Waves Personalized Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Ukiyo-E Air Station With Ocean Waves Personalized Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.80 $35.00

-4%

Chaotic Smoke And Sci-Fi Monster Godzilla Printing Hooded Sweatshirt BestDVibe

Chaotic Smoke And Sci-Fi Monster Godzilla Printing Hooded Sweatshirt BestDVibe

Chaotic Smoke And Sci-Fi Monster Godzilla Printing Hooded Sweatshirt

$35.95 $40.00

-5%

Eye-Catching Classic Ukiyo-E Waves And Rubber Ducks Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Classic Ukiyo-E Waves And Rubber Ducks Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Classic Ukiyo-E Waves And Rubber Ducks Printing Cuban Collar Hawaiian Short Sleeve Shirt

$32.99 $35.00

-0%

Red Giant Monster Godzilla And Cruise Ship Printing Hooded Sweatshirt BestDVibe

Red Giant Monster Godzilla And Cruise Ship Printing Hooded Sweatshirt BestDVibe

Red Giant Monster Godzilla And Cruise Ship Printing Hooded Sweatshirt

$35.95 $40.00

-5%

Colorful Ukiyo-e Mythical Funny Octopus Printing Hooded Sweatshirt BestDVibe

Colorful Ukiyo-e Mythical Funny Octopus Printing Hooded Sweatshirt BestDVibe

Colorful Ukiyo-e Mythical Funny Octopus Printing Hooded Sweatshirt

$35.95 $40.00

-5%

Ukiyo-E Ocean Waves Retro Purple Cherry Blossoms Personalized Printing Shorts BestDVibe

Ukiyo-E Ocean Waves Retro Purple Cherry Blossoms Personalized Printing Shorts BestDVibe

Ukiyo-E Ocean Waves Retro Purple Cherry Blossoms Personalized Printing Shorts

$27.00

Modern Painting Ukiyo-E Godzilla With Mech Ocean Waves Personalized Printing Shorts BestDVibe

Modern Painting Ukiyo-E Godzilla With Mech Ocean Waves Personalized Printing Shorts BestDVibe

Modern Painting Ukiyo-E Godzilla With Mech Ocean Waves Personalized Printing Shorts

$27.00

Japanese Style Ukiyo-e Parrot Slub Linen Shirts BestDVibe

Japanese Style Ukiyo-e Parrot Slub Linen Shirts BestDVibe

Japanese Style Ukiyo-e Parrot Slub Linen Shirts

$27.95

Eye-Catching Ukiyo-E Air Station With Ocean Waves Personalized Printing Hooded Sweatshirt BestDVibe

Eye-Catching Ukiyo-E Air Station With Ocean Waves Personalized Printing Hooded Sweatshirt BestDVibe

Eye-Catching Ukiyo-E Air Station With Ocean Waves Personalized Printing Hooded Sweatshirt

$35.95 $40.00

-5%

Red Doomsday Godzilla And City Silhouette Printing Hooded Sweatshirt BestDVibe

Red Doomsday Godzilla And City Silhouette Printing Hooded Sweatshirt BestDVibe

Red Doomsday Godzilla And City Silhouette Printing Hooded Sweatshirt

$35.95 $40.00

-5%

Ukiyo-E Japanese King Of Monsters Godzilla And City Ruins Printing Hooded Sweatshirt BestDVibe

Ukiyo-E Japanese King Of Monsters Godzilla And City Ruins Printing Hooded Sweatshirt BestDVibe

Ukiyo-E Japanese King Of Monsters Godzilla And City Ruins Printing Hooded Sweatshirt

$35.95 $40.00

-5%

Ukiyo-E Morning Glow Auspicious Clouds And Sea Waves Printing Hooded Sweatshirt BestDVibe

Ukiyo-E Morning Glow Auspicious Clouds And Sea Waves Printing Hooded Sweatshirt BestDVibe

Ukiyo-E Morning Glow Auspicious Clouds And Sea Waves Printing Hooded Sweatshirt

$35.95 $40.00

-5%

Ukiyo-e Blue Dragon In Sea Of Clouds And Lightning Printing Hooded Sweatshirt BestDVibe

Ukiyo-e Blue Dragon In Sea Of Clouds And Lightning Printing Hooded Sweatshirt BestDVibe

Ukiyo-e Blue Dragon In Sea Of Clouds And Lightning Printing Hooded Sweatshirt

$35.95 $40.00

-5%

Ukiyo-e Fantasy Dragon And Sea Waves Printing Hooded Sweatshirt BestDVibe

Ukiyo-e Fantasy Dragon And Sea Waves Printing Hooded Sweatshirt BestDVibe

Ukiyo-e Fantasy Dragon And Sea Waves Printing Hooded Sweatshirt

$35.95 $40.00

-5%

Ukiyo-E Ocean Waves Retro Purple Cherry Blossoms Personalized Printing Hooded Sweatshirt BestDVibe

Ukiyo-E Ocean Waves Retro Purple Cherry Blossoms Personalized Printing Hooded Sweatshirt BestDVibe

Ukiyo-E Ocean Waves Retro Purple Cherry Blossoms Personalized Printing Hooded Sweatshirt

$35.95 $40.00

-5%

Ukiyo-E Godzilla Bombs The Village Printing Hooded Sweatshirt BestDVibe

Ukiyo-E Godzilla Bombs The Village Printing Hooded Sweatshirt BestDVibe

Ukiyo-E Godzilla Bombs The Village Printing Hooded Sweatshirt

$35.95 $40.00

-5%

Ukiyo-E Style Pink Landscape Cherry Blossoms And Full Moon Printing Short Sleeve Polo BestDVibe

Ukiyo-E Style Pink Landscape Cherry Blossoms And Full Moon Printing Short Sleeve Polo BestDVibe

Ukiyo-E Style Pink Landscape Cherry Blossoms And Full Moon Printing Short Sleeve Polo

$30.95 $34.00

-9%

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

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

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

$32.55 $35.00

-1%

Eye-Catching Ukiyo-e Future Technology Base Giant Robot And Samurais Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Ukiyo-e Future Technology Base Giant Robot And Samurais Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Ukiyo-e Future Technology Base Giant Robot And Samurais Printing Cuban Collar Hawaiian Short Sleeve Shirt

$31.99 $35.00

-3%

HOO® Ukiyo-E Giant Sea Animals Abstract Mountains And Seas Painting Printing Sleeveless Camisole Dress BestDVibe

HOO® Ukiyo-E Giant Sea Animals Abstract Mountains And Seas Painting Printing Sleeveless Camisole Dress BestDVibe

HOO® Ukiyo-E Giant Sea Animals Abstract Mountains And Seas Painting Printing Sleeveless Camisole Dress

$19.95 $41.90

-52%

HOO® Modern Art Ukiyo-E Grim Reaper Fighting Black Dragon Printing Short Sleeve Shirt BestDVibe

HOO® Modern Art Ukiyo-E Grim Reaper Fighting Black Dragon Printing Short Sleeve Shirt BestDVibe

HOO® Modern Art Ukiyo-E Grim Reaper Fighting Black Dragon Printing Short Sleeve Shirt

$19.95 $34.00

-41%

HOO® Ukiyoe Metal Violent Roar Dragon Printing Short Sleeve Shirt BestDVibe

HOO® Ukiyoe Metal Violent Roar Dragon Printing Short Sleeve Shirt BestDVibe

HOO® Ukiyoe Metal Violent Roar Dragon Printing Short Sleeve Shirt

$15.95

HOO® Blue Art Ukiyo-e Fantasy Carp Diving Printing Hawaiian Short Sleeve Shirt BestDVibe

HOO® Blue Art Ukiyo-e Fantasy Carp Diving Printing Hawaiian Short Sleeve Shirt BestDVibe

HOO® Blue Art Ukiyo-e Fantasy Carp Diving Printing Hawaiian Short Sleeve Shirt

$15.00 $32.00

-53%

HOO® Ukiyo-e Black And White Koi WiIth Auspicious Clouds And Maple Leaves Printing Short Sleeve Shirt BestDVibe

HOO® Ukiyo-e Black And White Koi WiIth Auspicious Clouds And Maple Leaves Printing Short Sleeve Shirt BestDVibe

HOO® Ukiyo-e Black And White Koi WiIth Auspicious Clouds And Maple Leaves Printing Short Sleeve Shirt

$15.95

HOO® Black And White Ukiyoe Japanese Samurai Art Red Sun With Cherry Blossoms Printing Short Sleeve Shirt BestDVibe

HOO® Black And White Ukiyoe Japanese Samurai Art Red Sun With Cherry Blossoms Printing Short Sleeve Shirt BestDVibe

HOO® Black And White Ukiyoe Japanese Samurai Art Red Sun With Cherry Blossoms Printing Short Sleeve Shirt

From $14.95

HOO® Ukiyo-E Red Sun Sea Waves Clouds Printing Short Sleeve Shirt BestDVibe

HOO® Ukiyo-E Red Sun Sea Waves Clouds Printing Short Sleeve Shirt BestDVibe

HOO® Ukiyo-E Red Sun Sea Waves Clouds Printing Short Sleeve Shirt

$14.95

Ukiyoe Giant Blue Cat Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyoe Giant Blue Cat Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyoe Giant Blue Cat Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

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

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

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

$31.95

Cartoon Ukiyoe Black Cat And Fighter Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Cartoon Ukiyoe Black Cat And Fighter Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Cartoon Ukiyoe Black Cat And Fighter Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.95

Ukiyo-E Colorful Sky And Mount Fuji Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyo-E Colorful Sky And Mount Fuji Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyo-E Colorful Sky And Mount Fuji Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.95

Ukiyo-E Tiger Hunting Carp In Waves Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyo-E Tiger Hunting Carp In Waves Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyo-E Tiger Hunting Carp In Waves Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.95

Ukiyoe Japanese Style Sea Waves Cat Monster Printing Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyoe Japanese Style Sea Waves Cat Monster Printing Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyoe Japanese Style Sea Waves Cat Monster Printing Cotton Linen Short Sleeve Shirt

$29.95

Ukiyoe Art Mount Fuji Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyoe Art Mount Fuji Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyoe Art Mount Fuji Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.95

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

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

Ukiyo-e Bulldog Behemoth Printing Cotton Linen Short Sleeve Shirt

$29.95

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

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

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

$29.95

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

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

Ukiyoe Landscape Painting Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.95

Ukiyoe Black Cat With Golden Auspicious Pattern Printing Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyoe Black Cat With Golden Auspicious Pattern Printing Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyoe Black Cat With Golden Auspicious Pattern Printing Cotton Linen Short Sleeve Shirt

$29.95

Ukiyo-e White Snow Lion Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyo-e White Snow Lion Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyo-e White Snow Lion Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.95

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

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

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

$29.95

Ukiyoe Japanese Style Lion Pattern Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyoe Japanese Style Lion Pattern Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyoe Japanese Style Lion Pattern Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.95

Japanese Ukiyo-E Cat Monster Dinosaur Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Japanese Ukiyo-E Cat Monster Dinosaur Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Japanese Ukiyo-E Cat Monster Dinosaur Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.95

Ukiyo-E Octopus And Cruise Ship In The Waves Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyo-E Octopus And Cruise Ship In The Waves Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyo-E Octopus And Cruise Ship In The Waves Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.95

Ukiyoe Ink Painting Landscape Painting Printing Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyoe Ink Painting Landscape Painting Printing Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyoe Ink Painting Landscape Painting Printing Cotton Linen Short Sleeve Shirt

$29.95

Ukiyo-E Landscapes Snowy Mountain And Ancient Buildings Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyo-E Landscapes Snowy Mountain And Ancient Buildings Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyo-E Landscapes Snowy Mountain And Ancient Buildings Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.95

Ukiyo-E Shark Jumping Out Of The Waves Printing Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyo-E Shark Jumping Out Of The Waves Printing Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyo-E Shark Jumping Out Of The Waves Printing Cotton Linen Short Sleeve Shirt

$29.95

Ukiyo-E Japanese Style Waves And Huge Black Cat Printing Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyo-E Japanese Style Waves And Huge Black Cat Printing Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyo-E Japanese Style Waves And Huge Black Cat Printing Cotton Linen Short Sleeve Shirt

$29.95

Ukiyo-E Mythology White Tiger And Cranes Printing Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyo-E Mythology White Tiger And Cranes Printing Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyo-E Mythology White Tiger And Cranes Printing Cotton Linen Short Sleeve Shirt

$29.95

Ukiyoe Surfing Black Cat Printing Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyoe Surfing Black Cat Printing Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyoe Surfing Black Cat Printing Cotton Linen Short Sleeve Shirt

$29.95

Ukiyoe Octopus And Mount Fuji Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyoe Octopus And Mount Fuji Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyoe Octopus And Mount Fuji Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.95

Ukiyo-E Nautical Anchor Art Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyo-E Nautical Anchor Art Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyo-E Nautical Anchor Art Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.95

Ukiyoe Whales And Waves Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyoe Whales And Waves Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyoe Whales And Waves Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.95 $31.95

-6%

Ukiyo-E Waves And Dogs Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyo-E Waves And Dogs Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyo-E Waves And Dogs Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.95

Ukiyo-E Evil Clown And Mount Fuji Printing Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyo-E Evil Clown And Mount Fuji Printing Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyo-E Evil Clown And Mount Fuji Printing Cotton Linen Short Sleeve Shirt

$29.95

Ukiyoe Mysterious Black Cat And Ocean Waves Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyoe Mysterious Black Cat And Ocean Waves Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyoe Mysterious Black Cat And Ocean Waves Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.95

Ukiyoe Calico Cat And Maple Leaves Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyoe Calico Cat And Maple Leaves Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyoe Calico Cat And Maple Leaves Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.95

Ukiyoe Japanese Style Tumbler And Lucky Cat Old School Style Tattoos Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyoe Japanese Style Tumbler And Lucky Cat Old School Style Tattoos Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyoe Japanese Style Tumbler And Lucky Cat Old School Style Tattoos Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.95

Ukiyo-E Monster Surfing Printing Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyo-E Monster Surfing Printing Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyo-E Monster Surfing Printing Cotton Linen Short Sleeve Shirt

$29.95

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

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

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

$29.95

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

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

Ukiyoe Hawaiian Flamingo Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.95

Ukiyoe Abstract Colorful Cartoon Cats And Mountains Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyoe Abstract Colorful Cartoon Cats And Mountains Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyoe Abstract Colorful Cartoon Cats And Mountains Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.95

Ukiyo-E Bright Painting Tabby Cat And Sunflowers Printing Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyo-E Bright Painting Tabby Cat And Sunflowers Printing Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyo-E Bright Painting Tabby Cat And Sunflowers Printing Cotton Linen Short Sleeve Shirt

$29.95

Ukiyo-e Abstract Monster Cats Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyo-e Abstract Monster Cats Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyo-e Abstract Monster Cats Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.95

Cartoon Ukiyoe Cat Fishing Printing Cotton Linen Short Sleeve Shirt BestDVibe

Cartoon Ukiyoe Cat Fishing Printing Cotton Linen Short Sleeve Shirt BestDVibe

Cartoon Ukiyoe Cat Fishing Printing Cotton Linen Short Sleeve Shirt

$29.95

Ukiyoe Japanese Style Red Robe Man Playing Dj Printing Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyoe Japanese Style Red Robe Man Playing Dj Printing Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyoe Japanese Style Red Robe Man Playing Dj Printing Cotton Linen Short Sleeve Shirt

$29.95

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

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

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

$29.95

Ukiyo-E Sea Turtle Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyo-E Sea Turtle Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyo-E Sea Turtle Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.95

Ukiyoe White Cat Samurai Printing Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyoe White Cat Samurai Printing Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyoe White Cat Samurai Printing Cotton Linen Short Sleeve Shirt

$29.95

Ukiyoe Cute Cat On The Window Frame Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyoe Cute Cat On The Window Frame Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

Ukiyoe Cute Cat On The Window Frame Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$29.95

Hawaiian Ukiyoe Tattooed Cat Printing Slub Linen Fabric And Stand-Up Collar Shirts BestDVibe

Hawaiian Ukiyoe Tattooed Cat Printing Slub Linen Fabric And Stand-Up Collar Shirts BestDVibe

Hawaiian Ukiyoe Tattooed Cat Printing Slub Linen Fabric And Stand-Up Collar Shirts

$28.99

Ukiyoe White Tiger Totem Printing Hooded Sweatshirt BestDVibe

Ukiyoe White Tiger Totem Printing Hooded Sweatshirt BestDVibe

Ukiyoe White Tiger Totem Printing Hooded Sweatshirt

$35.95 $40.00

-5%

Eye-Catching Ukiyo-E Giant Armored Walker With Ocean Waves Personalized Printing Hooded Sweatshirt BestDVibe

Eye-Catching Ukiyo-E Giant Armored Walker With Ocean Waves Personalized Printing Hooded Sweatshirt BestDVibe

Eye-Catching Ukiyo-E Giant Armored Walker With Ocean Waves Personalized Printing Hooded Sweatshirt

$35.95 $40.00

-5%

Ukiyo-E Ink Painting Landscape Art Vibrant Trees And Mountains Printing Hooded Sweatshirt BestDVibe

Ukiyo-E Ink Painting Landscape Art Vibrant Trees And Mountains Printing Hooded Sweatshirt BestDVibe

Ukiyo-E Ink Painting Landscape Art Vibrant Trees And Mountains Printing Hooded Sweatshirt

$35.95 $40.00

-5%

Ukiyo-E Mysterious Oriental Silver Dragon Huge Waves And Ancient Building Tower Printing Hooded Sweatshirt BestDVibe

Ukiyo-E Mysterious Oriental Silver Dragon Huge Waves And Ancient Building Tower Printing Hooded Sweatshirt BestDVibe

Ukiyo-E Mysterious Oriental Silver Dragon Huge Waves And Ancient Building Tower Printing Hooded Sweatshirt

$35.95 $40.00

-5%

Abstract Ukiyo-E Style Peach Blossom Tiger And Clouds Printing Hooded Sweatshirt BestDVibe

Abstract Ukiyo-E Style Peach Blossom Tiger And Clouds Printing Hooded Sweatshirt BestDVibe

Abstract Ukiyo-E Style Peach Blossom Tiger And Clouds Printing Hooded Sweatshirt

$35.95 $40.00

-5%

Ukiyo-E Mysterious Oriental Ancient Building Complex And Arch Bridge Printing Hooded Sweatshirt BestDVibe

Ukiyo-E Mysterious Oriental Ancient Building Complex And Arch Bridge Printing Hooded Sweatshirt BestDVibe

Ukiyo-E Mysterious Oriental Ancient Building Complex And Arch Bridge Printing Hooded Sweatshirt

$35.95 $40.00

-5%

Ukiyo-E Fantasy Manga Style Colorful Cloud Dragon And Samurai Printing Hooded Sweatshirt BestDVibe

Ukiyo-E Fantasy Manga Style Colorful Cloud Dragon And Samurai Printing Hooded Sweatshirt BestDVibe

Ukiyo-E Fantasy Manga Style Colorful Cloud Dragon And Samurai Printing Hooded Sweatshirt

$35.95 $40.00

-5%

Ukiyo-e Giant Sea Animals Abstract Mountains And Seas Painting Printing Hooded Sweatshirt BestDVibe

Ukiyo-e Giant Sea Animals Abstract Mountains And Seas Painting Printing Hooded Sweatshirt BestDVibe

Ukiyo-e Giant Sea Animals Abstract Mountains And Seas Painting Printing Hooded Sweatshirt

$35.95 $40.00

-5%

Ukiyo-E Japanese Style Red Sun And Monster Godzilla Printing Hooded Sweatshirt BestDVibe

Ukiyo-E Japanese Style Red Sun And Monster Godzilla Printing Hooded Sweatshirt BestDVibe

Ukiyo-E Japanese Style Red Sun And Monster Godzilla Printing Hooded Sweatshirt

$35.95 $40.00

-5%

Ukiyo-e Curvy Great Angry Dragons Fire Printing Hooded Sweatshirt BestDVibe

Ukiyo-e Curvy Great Angry Dragons Fire Printing Hooded Sweatshirt BestDVibe

Ukiyo-e Curvy Great Angry Dragons Fire Printing Hooded Sweatshirt

$35.95 $40.00

-5%

Blue Ukiyo-E Van Gogh The Great Wave Off Kanagawa Waves Printing Hooded Sweatshirt BestDVibe

Blue Ukiyo-E Van Gogh The Great Wave Off Kanagawa Waves Printing Hooded Sweatshirt BestDVibe

Blue Ukiyo-E Van Gogh The Great Wave Off Kanagawa Waves Printing Hooded Sweatshirt

$35.95 $40.00

-5%

Ukiyo-E Landscape Snow Mountain And Tree Printing Hooded Sweatshirt BestDVibe

Ukiyo-E Landscape Snow Mountain And Tree Printing Hooded Sweatshirt BestDVibe

Ukiyo-E Landscape Snow Mountain And Tree Printing Hooded Sweatshirt

$35.95 $40.00

-5%

Ukiyo-E Mythology Of The Deep Sea Dragon King Printing Hooded Sweatshirt BestDVibe

Ukiyo-E Mythology Of The Deep Sea Dragon King Printing Hooded Sweatshirt BestDVibe

Ukiyo-E Mythology Of The Deep Sea Dragon King Printing Hooded Sweatshirt

$35.95 $40.00

-5%

Ukiyo-E Art Mysterious Oriental Ancient Palace And Waves Printing Hooded Sweatshirt BestDVibe

Ukiyo-E Art Mysterious Oriental Ancient Palace And Waves Printing Hooded Sweatshirt BestDVibe

Ukiyo-E Art Mysterious Oriental Ancient Palace And Waves Printing Hooded Sweatshirt

$35.95 $40.00

-5%

Ukiyo-E Giant Fierce Shark And Cruise Ship Printing Hooded Sweatshirt BestDVibe

Ukiyo-E Giant Fierce Shark And Cruise Ship Printing Hooded Sweatshirt BestDVibe

Ukiyo-E Giant Fierce Shark And Cruise Ship Printing Hooded Sweatshirt

$35.95 $40.00

-5%

Psychedelic Ukiyo-e Purple Flowers And Tower Printing Hooded Sweatshirt BestDVibe

Psychedelic Ukiyo-e Purple Flowers And Tower Printing Hooded Sweatshirt BestDVibe

Psychedelic Ukiyo-e Purple Flowers And Tower Printing Hooded Sweatshirt

$35.95 $40.00

-5%

Modern Painting Ukiyo-E Mythical Beast Giant Turtle Personalized Printing Hooded Sweatshirt BestDVibe

Modern Painting Ukiyo-E Mythical Beast Giant Turtle Personalized Printing Hooded Sweatshirt BestDVibe

Modern Painting Ukiyo-E Mythical Beast Giant Turtle Personalized Printing Hooded Sweatshirt

$35.95 $40.00

-5%

Ukiyo-E Style Carp Jumping Over The Sea Printing Hooded Sweatshirt BestDVibe

Ukiyo-E Style Carp Jumping Over The Sea Printing Hooded Sweatshirt BestDVibe

Ukiyo-E Style Carp Jumping Over The Sea Printing Hooded Sweatshirt

$35.95 $40.00

-5%

Ukiyo-E Mysterious Oriental Pink Cherry Blossom Forest And Pavilion Printing Hooded Sweatshirt BestDVibe

Ukiyo-E Mysterious Oriental Pink Cherry Blossom Forest And Pavilion Printing Hooded Sweatshirt BestDVibe

Ukiyo-E Mysterious Oriental Pink Cherry Blossom Forest And Pavilion Printing Hooded Sweatshirt

$35.95 $40.00

-5%

Ukiyo-E Koi Carp And Red Sun With Waves Printing Hooded Sweatshirt BestDVibe

Ukiyo-E Koi Carp And Red Sun With Waves Printing Hooded Sweatshirt BestDVibe

Ukiyo-E Koi Carp And Red Sun With Waves Printing Hooded Sweatshirt

$35.95 $40.00

-5%

Modern Painting Ukiyo-E Godzilla With Mech Ocean Waves Personalized Printing Hooded Sweatshirt BestDVibe

Modern Painting Ukiyo-E Godzilla With Mech Ocean Waves Personalized Printing Hooded Sweatshirt BestDVibe

Modern Painting Ukiyo-E Godzilla With Mech Ocean Waves Personalized Printing Hooded Sweatshirt

$35.95 $40.00

-5%

Ancient Painting Ukiyo-E Wind Turbulent Sea Waves Domineering Dragon Printing Hooded Sweatshirt BestDVibe

Ancient Painting Ukiyo-E Wind Turbulent Sea Waves Domineering Dragon Printing Hooded Sweatshirt BestDVibe

Ancient Painting Ukiyo-E Wind Turbulent Sea Waves Domineering Dragon Printing Hooded Sweatshirt

$35.95 $40.00

-5%

Ukiyo-E Orange Sunset Drones With Ocean Waves Personalized Printing Hooded Sweatshirt BestDVibe

Ukiyo-E Orange Sunset Drones With Ocean Waves Personalized Printing Hooded Sweatshirt BestDVibe

Ukiyo-E Orange Sunset Drones With Ocean Waves Personalized Printing Hooded Sweatshirt

$35.95 $40.00

-5%

Ukiyoe Bushido Frog Samurai Printing Short Sleeve Polo BestDVibe

Ukiyoe Bushido Frog Samurai Printing Short Sleeve Polo BestDVibe

Ukiyoe Bushido Frog Samurai Printing Short Sleeve Polo

$30.95 $34.00

-9%

Ukiyo-E Red Sunset And Samurai Printing Short Sleeve Polo BestDVibe

Ukiyo-E Red Sunset And Samurai Printing Short Sleeve Polo BestDVibe

Ukiyo-E Red Sunset And Samurai Printing Short Sleeve Polo

$30.95 $34.00

-9%

Ukiyoe Bushido Cherry Blossoms And Samurai Printing Short Sleeve Polo BestDVibe

Ukiyoe Bushido Cherry Blossoms And Samurai Printing Short Sleeve Polo BestDVibe

Ukiyoe Bushido Cherry Blossoms And Samurai Printing Short Sleeve Polo

$30.95 $34.00

-9%

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

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

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

$31.99 $35.00

-3%

Eye-Catching Ukiyo-E Red Ocean Tentacle Monster And Waves Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Ukiyo-E Red Ocean Tentacle Monster And Waves Printing Cuban Collar Hawaiian Short Sleeve Shirt BestDVibe

Eye-Catching Ukiyo-E Red Ocean Tentacle Monster And Waves Printing Cuban Collar Hawaiian Short Sleeve Shirt

$30.99 $35.00

-6%

Ukiyoe Fantasy Domineering Dragon And Ancient Tower Printing Short Sleeve Polo BestDVibe

Ukiyoe Fantasy Domineering Dragon And Ancient Tower Printing Short Sleeve Polo BestDVibe

Ukiyoe Fantasy Domineering Dragon And Ancient Tower Printing Short Sleeve Polo

$30.95 $34.00

-9%

Ukiyoe Modern City Landscape Painting Printing Short Sleeve Polo BestDVibe

Ukiyoe Modern City Landscape Painting Printing Short Sleeve Polo BestDVibe

Ukiyoe Modern City Landscape Painting Printing Short Sleeve Polo

$30.95 $34.00

-9%

Ukiyo-e Vintage Surf Sea Waves with Sun Printing Short Sleeve Polo BestDVibe

Ukiyo-e Vintage Surf Sea Waves with Sun Printing Short Sleeve Polo BestDVibe

Ukiyo-e Vintage Surf Sea Waves with Sun Printing Short Sleeve Polo

$30.95 $34.00

-9%

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