🎁 5% Off First Order Code：NEW

🎁 5% Off First Order Code：NEW

🎁 5% Off First Order Code：NEW

🎁 5% Off First Order Code：NEW

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

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

BestDVibe

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

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

Account

Log in
Create an account

Close

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

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

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

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

pin-up-girl💃

Filter

Clear all

size

2xl (129)
3xl (129)
4xl (127)
4xlt (105)
5xl (124)
5xlt (105)
6xl (65)
6xlt (60)
l (129)
m (128)
s (125)
xl (129)
xs (105)

131 Products

131 Products

Filter and sort

size

Sort by

size

2xl (129)
3xl (129)
4xl (127)
4xlt (105)
5xl (124)
5xlt (105)
6xl (65)
6xlt (60)
l (129)
m (128)
s (125)
xl (129)
xs (105)

Clear all

HOO® Christmas Sexy Christmas Sexy Girl And Gift Boxes Printing Short Sleeve Shirt BestDVibe

HOO® Christmas Sexy Christmas Sexy Girl And Gift Boxes Printing Short Sleeve Shirt BestDVibe

HOO® Christmas Sexy Christmas Sexy Girl And Gift Boxes Printing Short Sleeve Shirt

$31.95

HOO® Khaki Pin Up Girl Sexy Red Dress Santa Girl Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Khaki Pin Up Girl Sexy Red Dress Santa Girl Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Khaki Pin Up Girl Sexy Red Dress Santa Girl Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Vintage Pin Up Art Sexy Girl & Fighter Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Sexy Girl & Fighter Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Sexy Girl & Fighter Printing Short Sleeve Shirt

$31.95

HOO® Vintage Pin Up Girl Poster Laughing Beauty Printing Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Girl Poster Laughing Beauty Printing Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Girl Poster Laughing Beauty Printing Cotton Linen Short Sleeve Shirt

$31.95

HOO® Outer Space Sexy Beauty And Space Fighter Printing Short Sleeve Shirt BestDVibe

HOO® Outer Space Sexy Beauty And Space Fighter Printing Short Sleeve Shirt BestDVibe

HOO® Outer Space Sexy Beauty And Space Fighter Printing Short Sleeve Shirt

$31.95

HOO® Retro Pin Up Girl Poster Beauty Hairdresser Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Retro Pin Up Girl Poster Beauty Hairdresser Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Retro Pin Up Girl Poster Beauty Hairdresser Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Blue Vintage Pin Up Girl Poster Sailor Outfit Beauty Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Blue Vintage Pin Up Girl Poster Sailor Outfit Beauty Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Blue Vintage Pin Up Girl Poster Sailor Outfit Beauty Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Vintage Pin Ups Poster Cow Girl Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Ups Poster Cow Girl Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Ups Poster Cow Girl Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Vintage Pin Up Girl Poster American Beauty Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Girl Poster American Beauty Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Girl Poster American Beauty Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Mardi Gras Carnival Sexy Chest Cartoon Costume Tuxedo Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Mardi Gras Carnival Sexy Chest Cartoon Costume Tuxedo Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Mardi Gras Carnival Sexy Chest Cartoon Costume Tuxedo Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Vintage Pin Up Girl Poster Motorcycle And Sexy Girl Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Girl Poster Motorcycle And Sexy Girl Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Girl Poster Motorcycle And Sexy Girl Printing Short Sleeve Shirt

$31.95

HOO® Vintage Pin Up Girl Poster Beauty Grilled Sausage Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Girl Poster Beauty Grilled Sausage Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Girl Poster Beauty Grilled Sausage Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Retro Pin Up Girl Poster Sexy Cowgirl Printing Short Sleeve Shirt BestDVibe

HOO® Retro Pin Up Girl Poster Sexy Cowgirl Printing Short Sleeve Shirt BestDVibe

HOO® Retro Pin Up Girl Poster Sexy Cowgirl Printing Short Sleeve Shirt

$31.95

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

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

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

$31.95

HOO® Wheat Retro Pin Up Girl Poster Bunny Costume Beauties Printing Short Sleeve Shirt BestDVibe

HOO® Wheat Retro Pin Up Girl Poster Bunny Costume Beauties Printing Short Sleeve Shirt BestDVibe

HOO® Wheat Retro Pin Up Girl Poster Bunny Costume Beauties Printing Short Sleeve Shirt

$31.95

HOO® Retro Pin Up Girl Picnic Poster Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Retro Pin Up Girl Picnic Poster Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Retro Pin Up Girl Picnic Poster Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Green Vintage Pin Up Girl Poster Sexy Beauty And Vertical Clock Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Green Vintage Pin Up Girl Poster Sexy Beauty And Vertical Clock Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Green Vintage Pin Up Girl Poster Sexy Beauty And Vertical Clock Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Vintage Pin Up Girl Poster Lady Luck Pokers Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Girl Poster Lady Luck Pokers Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Girl Poster Lady Luck Pokers Printing Short Sleeve Shirt

$31.95

HOO® Vintage Pin Up Girl Poster Bakery Beauty Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Girl Poster Bakery Beauty Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Girl Poster Bakery Beauty Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Retro Pin Up Girl Poster Bunny Costume Beauties Printing Short Sleeve Shirt BestDVibe

HOO® Retro Pin Up Girl Poster Bunny Costume Beauties Printing Short Sleeve Shirt BestDVibe

HOO® Retro Pin Up Girl Poster Bunny Costume Beauties Printing Short Sleeve Shirt

$31.95

HOO® Retro Pin Up Girl Poster Beauty Teacher Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Retro Pin Up Girl Poster Beauty Teacher Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Retro Pin Up Girl Poster Beauty Teacher Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Retro Pin Up Girl Poster Hawaii Beach Belle Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Retro Pin Up Girl Poster Hawaii Beach Belle Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Retro Pin Up Girl Poster Hawaii Beach Belle Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Retro Pin Up Girl Poster Rock Beauty Printing Short Sleeve Shirt BestDVibe

HOO® Retro Pin Up Girl Poster Rock Beauty Printing Short Sleeve Shirt BestDVibe

HOO® Retro Pin Up Girl Poster Rock Beauty Printing Short Sleeve Shirt

$31.95

HOO® Retro Pin Up Girl Poster Beauty Playing Poker Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Retro Pin Up Girl Poster Beauty Playing Poker Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Retro Pin Up Girl Poster Beauty Playing Poker Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Retro Pin Up Girl Poster American 66 Route Printing Short Sleeve Shirt BestDVibe

HOO® Retro Pin Up Girl Poster American 66 Route Printing Short Sleeve Shirt BestDVibe

HOO® Retro Pin Up Girl Poster American 66 Route Printing Short Sleeve Shirt

$31.95

HOO® Pin Up Girl Poster White Dress Beauty And Retro Car Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Pin Up Girl Poster White Dress Beauty And Retro Car Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Pin Up Girl Poster White Dress Beauty And Retro Car Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Retro Pin Up Girl Poster Brauty In The Waves Printing Short Sleeve Shirt BestDVibe

HOO® Retro Pin Up Girl Poster Brauty In The Waves Printing Short Sleeve Shirt BestDVibe

HOO® Retro Pin Up Girl Poster Brauty In The Waves Printing Short Sleeve Shirt

$31.95

HOO® Khaki Retro Pin Up Girl Poster Beauty And Cannon Ball Printing Short Sleeve Shirt BestDVibe

HOO® Khaki Retro Pin Up Girl Poster Beauty And Cannon Ball Printing Short Sleeve Shirt BestDVibe

HOO® Khaki Retro Pin Up Girl Poster Beauty And Cannon Ball Printing Short Sleeve Shirt

$31.95

HOO® Wheat Vintage Pin Up Girl Poster Beauty Grilling Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Wheat Vintage Pin Up Girl Poster Beauty Grilling Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Wheat Vintage Pin Up Girl Poster Beauty Grilling Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Dark Red Retro Pin Up Girl Poster Printing Short Sleeve Shirt BestDVibe

HOO® Dark Red Retro Pin Up Girl Poster Printing Short Sleeve Shirt BestDVibe

HOO® Dark Red Retro Pin Up Girl Poster Printing Short Sleeve Shirt

$31.95

HOO® Retro Pin Up Girl Poster Hawaiian Hula Girls and Retro Car Printing Short Sleeve Shirt BestDVibe

HOO® Retro Pin Up Girl Poster Hawaiian Hula Girls and Retro Car Printing Short Sleeve Shirt BestDVibe

HOO® Retro Pin Up Girl Poster Hawaiian Hula Girls and Retro Car Printing Short Sleeve Shirt

$31.95

HOO® Retro Pin Up Girl Poster Fantasy Mythology Female Warriors Printing Short Sleeve Shirt BestDVibe

HOO® Retro Pin Up Girl Poster Fantasy Mythology Female Warriors Printing Short Sleeve Shirt BestDVibe

HOO® Retro Pin Up Girl Poster Fantasy Mythology Female Warriors Printing Short Sleeve Shirt

$31.95

HOO® Retro Pin Up Girl Poster Navy Girl And Submarine Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Retro Pin Up Girl Poster Navy Girl And Submarine Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Retro Pin Up Girl Poster Navy Girl And Submarine Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Khaki Vintage Pin Up Art Beauty Sailor Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Khaki Vintage Pin Up Art Beauty Sailor Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Khaki Vintage Pin Up Art Beauty Sailor Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Vintage Pin Up Art Sexy Beauty Sailor Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Sexy Beauty Sailor Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Sexy Beauty Sailor Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Vintage Pin Up Art Beauty And Fighter Poster Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Beauty And Fighter Poster Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Beauty And Fighter Poster Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Vintage Pin Up Art Sexy On The Beach Printing Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Sexy On The Beach Printing Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Sexy On The Beach Printing Cotton Linen Short Sleeve Shirt

$31.95

HOO® Light Blue Vintage Pin Up Girl Poster Captain Beauty Printing Short Sleeve Shirt BestDVibe

HOO® Light Blue Vintage Pin Up Girl Poster Captain Beauty Printing Short Sleeve Shirt BestDVibe

HOO® Light Blue Vintage Pin Up Girl Poster Captain Beauty Printing Short Sleeve Shirt

$31.95

HOO® Vintage Pin Up Art Learn To Fly Printing Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Learn To Fly Printing Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Learn To Fly Printing Cotton Linen Short Sleeve Shirt

$31.95

HOO® Vintage Pin Up Art Bunny Girl And Bunnies Printing Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Bunny Girl And Bunnies Printing Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Bunny Girl And Bunnies Printing Cotton Linen Short Sleeve Shirt

$31.95

HOO® Vintage Pin Up Art Flamingo Stealing Bikini Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Flamingo Stealing Bikini Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Flamingo Stealing Bikini Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Vintage Pin Up Art Beauty Poster Darts Player Printing Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Beauty Poster Darts Player Printing Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Beauty Poster Darts Player Printing Cotton Linen Short Sleeve Shirt

$31.95

HOO® Vintage Pin Up Art Bunny Costume Beauty Waitress Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Bunny Costume Beauty Waitress Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Bunny Costume Beauty Waitress Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Vintage Pin Up Art Bunny Costume Beauty Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Bunny Costume Beauty Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Bunny Costume Beauty Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Vintage Pin Up Art Bunny Costume Beauty And Black Stones Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Bunny Costume Beauty And Black Stones Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Bunny Costume Beauty And Black Stones Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Vintage Pin Up Art Sci-Fi Astronaut Beauty Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Sci-Fi Astronaut Beauty Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Sci-Fi Astronaut Beauty Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Vintage Pin Up Art Bikini Beauty And Military Aircraft Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Bikini Beauty And Military Aircraft Printing Breast Pocket Cotton Linen Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Bikini Beauty And Military Aircraft Printing Breast Pocket Cotton Linen Short Sleeve Shirt

$31.95

HOO® Retro Abstract Sexy Lights Funny Ass Art Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Retro Abstract Sexy Lights Funny Ass Art Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Retro Abstract Sexy Lights Funny Ass Art Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Vintage Pin Up Art Beauty Flying On The Rainbow Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Beauty Flying On The Rainbow Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Beauty Flying On The Rainbow Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Vintage Pin Up Art Beauty Sitting On The Barrel Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Beauty Sitting On The Barrel Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Beauty Sitting On The Barrel Printing Short Sleeve Shirt

$31.95

HOO® Vintage Pin Up Art Western Style Double Gun Cowgirl Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Western Style Double Gun Cowgirl Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Western Style Double Gun Cowgirl Printing Breast Pocket Short Sleeve Shirt

$31.95

Men's Casual Round Neck Sexy Micro-transparent Mesh Long-sleeved T-shirt BestDVibe

Men's Casual Round Neck Sexy Micro-transparent Mesh Long-sleeved T-shirt BestDVibe

Men's Casual Round Neck Sexy Micro-transparent Mesh Long-sleeved T-shirt

$31.95

Men's Casual Fashion Round Neck Sexy Ripped Knitted Long sleeve T-shirt BestDVibe

Men's Casual Fashion Round Neck Sexy Ripped Knitted Long sleeve T-shirt BestDVibe

Men's Casual Fashion Round Neck Sexy Ripped Knitted Long sleeve T-shirt

$31.95

HOO® Sexy Pin Up Girl Printing Short Sleeve Tee BestDVibe

HOO® Sexy Pin Up Girl Printing Short Sleeve Tee BestDVibe

HOO® Sexy Pin Up Girl Printing Short Sleeve Tee

$31.95

HOO® Sexy Ladies Body Hot Pattern Costume Printing Short Sleeve Shirt BestDVibe

HOO® Sexy Ladies Body Hot Pattern Costume Printing Short Sleeve Shirt BestDVibe

HOO® Sexy Ladies Body Hot Pattern Costume Printing Short Sleeve Shirt

$31.95

HOO® Vintage Newspaper Background And Pin Up Girl Samurai Girl Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Vintage Newspaper Background And Pin Up Girl Samurai Girl Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Vintage Newspaper Background And Pin Up Girl Samurai Girl Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Vintage Pin Up Girl Poster Rocket Blueprint And Missile Girl Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Girl Poster Rocket Blueprint And Missile Girl Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Girl Poster Rocket Blueprint And Missile Girl Printing Short Sleeve Shirt

$31.95

50s Retro Casual Red And Black Stitching Striped Rocket And Pin Up Girl Printing Breast Pocket Short Sleeve Shirt BestDVibe

50s Retro Casual Red And Black Stitching Striped Rocket And Pin Up Girl Printing Breast Pocket Short Sleeve Shirt BestDVibe

50s Retro Casual Red And Black Stitching Striped Rocket And Pin Up Girl Printing Breast Pocket Short Sleeve Shirt

$31.95 $34.00

-0%

Vintage Pin Up Girl Poster Fighter Jet And Red High Heels Girl Printing Short Sleeve Shirt BestDVibe

Vintage Pin Up Girl Poster Fighter Jet And Red High Heels Girl Printing Short Sleeve Shirt BestDVibe

Vintage Pin Up Girl Poster Fighter Jet And Red High Heels Girl Printing Short Sleeve Shirt

$31.95 $34.00

-0%

Vintage Pin Up Art Halloween Night Flying Broomstick And Girl Witch Printing Short Sleeve Shirt BestDVibe

Vintage Pin Up Art Halloween Night Flying Broomstick And Girl Witch Printing Short Sleeve Shirt BestDVibe

Vintage Pin Up Art Halloween Night Flying Broomstick And Girl Witch Printing Short Sleeve Shirt

$31.95

HOO® Vintage Pin Up Girl Poster Travel USA Route 66 Retro Car And Girl Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Girl Poster Travel USA Route 66 Retro Car And Girl Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Girl Poster Travel USA Route 66 Retro Car And Girl Printing Short Sleeve Shirt

$31.95

HOO® Vintage Pin Up Art Flying High Beauty And Shark Fighter Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Flying High Beauty And Shark Fighter Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Flying High Beauty And Shark Fighter Printing Short Sleeve Shirt

$31.95

HOO® Vintage Pin Up Girl Poster Girl Sitting On Sparkling Water Barrel And Airplane Base Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Girl Poster Girl Sitting On Sparkling Water Barrel And Airplane Base Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Girl Poster Girl Sitting On Sparkling Water Barrel And Airplane Base Printing Short Sleeve Shirt

$31.95

HOO® Vintage Pin Up Airplane Art Retro Girl And Jet Aircrafts Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Airplane Art Retro Girl And Jet Aircrafts Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Airplane Art Retro Girl And Jet Aircrafts Printing Short Sleeve Shirt

$31.95

HOO® Vintage Pin Up Art Black Cool Coupe And Beauty Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Black Cool Coupe And Beauty Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Black Cool Coupe And Beauty Printing Short Sleeve Shirt

$31.95

HOO® Vintage Pin Up Art Ford Pop Blonde Beauty And Classic Car Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Ford Pop Blonde Beauty And Classic Car Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Ford Pop Blonde Beauty And Classic Car Printing Short Sleeve Shirt

$31.95

HOO® Vintage Pin Up Art Beautiful Model Sitting On The Wing Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Beautiful Model Sitting On The Wing Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Beautiful Model Sitting On The Wing Printing Short Sleeve Shirt

$31.95

HOO® Vintage Pin Up Art Pinup Girl With Vintage Airplane Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Pinup Girl With Vintage Airplane Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Pinup Girl With Vintage Airplane Printing Short Sleeve Shirt

$31.95

HOO® Vintage Pin Up Girl Poster Beauty In Pink Nightgown Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Girl Poster Beauty In Pink Nightgown Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Girl Poster Beauty In Pink Nightgown Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Vintage Pin Up Art Sexy Blue Windbreaker Girl Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Sexy Blue Windbreaker Girl Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Sexy Blue Windbreaker Girl Printing Short Sleeve Shirt

$31.95

Vintage Pin Up Art Christmas Beauty In Red Dress Decorating Christmas Tree Printing Short Sleeve Shirt BestDVibe

Vintage Pin Up Art Christmas Beauty In Red Dress Decorating Christmas Tree Printing Short Sleeve Shirt BestDVibe

Vintage Pin Up Art Christmas Beauty In Red Dress Decorating Christmas Tree Printing Short Sleeve Shirt

$31.95

Vintage Pin Up Art Merry Christmas Santa Girl And Christmas Special Gift List Printing Short Sleeve Shirt BestDVibe

Vintage Pin Up Art Merry Christmas Santa Girl And Christmas Special Gift List Printing Short Sleeve Shirt BestDVibe

Vintage Pin Up Art Merry Christmas Santa Girl And Christmas Special Gift List Printing Short Sleeve Shirt

$31.95

HOO® Vintage Pin Up Girl Poster Nostalgic Fighter Jet And Beauty At The Airport Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Girl Poster Nostalgic Fighter Jet And Beauty At The Airport Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Girl Poster Nostalgic Fighter Jet And Beauty At The Airport Printing Short Sleeve Shirt

$31.95

HOO® Vintage Pin Up Girl Poster We Can Do It Beauty And Old-Fashioned Military Pickup Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Girl Poster We Can Do It Beauty And Old-Fashioned Military Pickup Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Girl Poster We Can Do It Beauty And Old-Fashioned Military Pickup Printing Short Sleeve Shirt

$31.95

Vintage Pin Up Art Fantasy Blue Christmas Girls And Santa Fixing Car Printing Short Sleeve Shirt BestDVibe

Vintage Pin Up Art Fantasy Blue Christmas Girls And Santa Fixing Car Printing Short Sleeve Shirt BestDVibe

Vintage Pin Up Art Fantasy Blue Christmas Girls And Santa Fixing Car Printing Short Sleeve Shirt

$31.95 $34.00

-0%

Vintage Pin Up Art White And Light Purple Color Contrast Stripes And Champagne Glass Beauty Printing Breast Pocket Short Sleeve Shirt BestDVibe

Vintage Pin Up Art White And Light Purple Color Contrast Stripes And Champagne Glass Beauty Printing Breast Pocket Short Sleeve Shirt BestDVibe

Vintage Pin Up Art White And Light Purple Color Contrast Stripes And Champagne Glass Beauty Printing Breast Pocket Short Sleeve Shirt

$31.95 $34.00

-0%

Vintage Pin Up Art Fantasy Christmas Gift Girl Printing Short Sleeve Shirt BestDVibe

Vintage Pin Up Art Fantasy Christmas Gift Girl Printing Short Sleeve Shirt BestDVibe

Vintage Pin Up Art Fantasy Christmas Gift Girl Printing Short Sleeve Shirt

$31.95 $34.00

-0%

HOO® Vintage Pin Up Art Cannonball Bullets Beauty And Retro Fighter Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Cannonball Bullets Beauty And Retro Fighter Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Cannonball Bullets Beauty And Retro Fighter Printing Short Sleeve Shirt

$31.95

HOO® Vintage Pin Up Art Plaid Skirt Girl Picking Up Express Delivery Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Plaid Skirt Girl Picking Up Express Delivery Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Plaid Skirt Girl Picking Up Express Delivery Printing Breast Pocket Short Sleeve Shirt

$15.95

Vintage Pin Up Art Sexy Crossbow Lady And The Beast Printing Short Sleeve Shirt BestDVibe

Vintage Pin Up Art Sexy Crossbow Lady And The Beast Printing Short Sleeve Shirt BestDVibe

Vintage Pin Up Art Sexy Crossbow Lady And The Beast Printing Short Sleeve Shirt

$31.95 $34.00

-0%

HOO® Vintage Pin Up Art Beauty And Scattered Luggage Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Beauty And Scattered Luggage Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Beauty And Scattered Luggage Printing Short Sleeve Shirt

$31.95

HOO® Vintage Pin Up Art Beauty In Red Skirt Playing On The Slide Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Beauty In Red Skirt Playing On The Slide Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Beauty In Red Skirt Playing On The Slide Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Vintage Pin Up Art Retro Camera And Beauty Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Retro Camera And Beauty Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Retro Camera And Beauty Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Vintage Pin Up Art Military Theme Retro Airplane Pin Girl Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Military Theme Retro Airplane Pin Girl Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Military Theme Retro Airplane Pin Girl Printing Short Sleeve Shirt

$31.95

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

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

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

$31.95 $34.00

-0%

HOO® Vintage Pin Up Art Beauty Guitarist Rockabilly Forever Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Beauty Guitarist Rockabilly Forever Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Art Beauty Guitarist Rockabilly Forever Printing Short Sleeve Shirt

$31.95

HOO® Vintage Pin Up Girl Poster Beauty Sitting On The Windowsill Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Girl Poster Beauty Sitting On The Windowsill Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Girl Poster Beauty Sitting On The Windowsill Printing Short Sleeve Shirt

$31.95

HOO® Vintage Pin Up Girl Poster Uniform Beauty And Red Car Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Girl Poster Uniform Beauty And Red Car Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Girl Poster Uniform Beauty And Red Car Printing Short Sleeve Shirt

$31.95

HOO® Vintage Pin Up Girl Poster Sexy Girls And Vintage American Cars Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Girl Poster Sexy Girls And Vintage American Cars Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Girl Poster Sexy Girls And Vintage American Cars Printing Short Sleeve Shirt

$31.95

HOO® Vintage Pin Up Girl Poster Art Of The Automobile Beautiful Car Repairwoman Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Girl Poster Art Of The Automobile Beautiful Car Repairwoman Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Girl Poster Art Of The Automobile Beautiful Car Repairwoman Printing Short Sleeve Shirt

$31.95

HOO® Vintage Pin Up Girl Poster Stewardess And Plane Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Girl Poster Stewardess And Plane Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Girl Poster Stewardess And Plane Printing Short Sleeve Shirt

$31.95

HOO® Vintage Pin Up Girl Poster Cowgirls Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Girl Poster Cowgirls Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Girl Poster Cowgirls Printing Short Sleeve Shirt

$31.95

HOO® Vintage Pin Up Girl Poster Beauty Oiler And Motorcycle Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Girl Poster Beauty Oiler And Motorcycle Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Girl Poster Beauty Oiler And Motorcycle Printing Short Sleeve Shirt

$31.95

HOO® Vintage Pin Up Girl Poster Hawaiian Beach Cowgirl Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Girl Poster Hawaiian Beach Cowgirl Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Girl Poster Hawaiian Beach Cowgirl Printing Short Sleeve Shirt

$31.95

HOO® Vintage Pin Up Girl Poster Blonde Beauty Fishing Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Girl Poster Blonde Beauty Fishing Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Girl Poster Blonde Beauty Fishing Printing Short Sleeve Shirt

$31.95

HOO® Yellow Vintage Pin Up Girl Poster Sexy Blonde Girl Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Yellow Vintage Pin Up Girl Poster Sexy Blonde Girl Printing Breast Pocket Short Sleeve Shirt BestDVibe

HOO® Yellow Vintage Pin Up Girl Poster Sexy Blonde Girl Printing Breast Pocket Short Sleeve Shirt

$31.95

HOO® Vintage Pin Up Girl Poster White Apron Housewife Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Girl Poster White Apron Housewife Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Girl Poster White Apron Housewife Printing Short Sleeve Shirt

$31.95

HOO® Vintage Pin Up Girl Poster Sexy Beauty And Cannonball Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Girl Poster Sexy Beauty And Cannonball Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Girl Poster Sexy Beauty And Cannonball Printing Short Sleeve Shirt

$31.95

HOO® Vintage Pin Up Girl Poster Cruisers And Navy Girl Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Girl Poster Cruisers And Navy Girl Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Girl Poster Cruisers And Navy Girl Printing Short Sleeve Shirt

$31.95

HOO® Vintage Pin Up Girl Poster Hawaiian Hula Beauty And Bird Of Paradise Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Girl Poster Hawaiian Hula Beauty And Bird Of Paradise Printing Short Sleeve Shirt BestDVibe

HOO® Vintage Pin Up Girl Poster Hawaiian Hula Beauty And Bird Of Paradise Printing Short Sleeve Shirt

$31.95

Sorry, there are no products in this collection.

Customer Services

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

Get in touch

Email us Track your order

Follow us

We accept

© 2025 BestDVibe

Sign up and save

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

Thanks for subscribing

Optional button

Cart