const prefixSection = "shoplaza-section" ; const headerRoot = document.getElementById(`${prefixSection}-header`); const collectionFeaturedSticky = document.getElementById('collection-func-sticky'); const collectionFilter = document.getElementById('collection-filter'); const mdStickyOn = true; const resizeObserver = new ResizeObserver(entries => { for (let entry of entries) { const { height } = entry.contentRect; collectionFeaturedSticky && (collectionFeaturedSticky.style.top = (mdStickyOn ? height : '0') + 'px'); collectionFilter && (collectionFilter.style.top = height + 'px'); } }); resizeObserver.observe(headerRoot);

const updateHeaderMetrics = () => { const header = document.getElementById('header'); const rect = header.getBoundingClientRect(); const headerHeight = rect.bottom; document.documentElement.style.setProperty('--header-height', `${headerHeight}px`); }; window.addEventListener('DOMContentLoaded', updateHeaderMetrics); window.addEventListener('resize', updateHeaderMetrics); const header = document.getElementById('header'); const resizeObserver = new ResizeObserver(entries => { for (let entry of entries) { const rect = entry.target.getBoundingClientRect(); const headerHeight = rect.bottom; document.documentElement.style.setProperty('--header-height', `${headerHeight}px`); } }); resizeObserver.observe(header);

Factory Price Jewelry

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_(auto=false) { const dropdown = self.document.createElement('ljs-dropdown'); dropdown.setAttribute('layout', 'nodisplay'); if (auto) { dropdown.setAttribute('auto-orientation', 'true'); } if (this.blockSectionPosition_ === 'header') { dropdown.setAttribute('overlay-style', 'top: 4px;'); dropdown.setAttribute('placement', auto ? 'bottom' : '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, autoOrientation = false, }) { const dropdown = this.createDropdown_(autoOrientation); 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_(true); 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), autoOrientation: true, }); } 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), autoOrientation: true, }); } 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);

function setSearchUrl(searchValue) { return Promise.resolve({ url: '/search?q=' + searchValue }); } exportFunction('setSearchUrl', setSearchUrl);

function setSearchUrl(searchValue) { return Promise.resolve({ url: '/search?q=' + searchValue }); } exportFunction('setSearchUrl', setSearchUrl);

Categories HOT
Categories
- Jewelry
  Jewelry
  - Earrings
    
    Earrings
    
    Stainless Steel Earrings
    
    Copper Earrings
    
    Pearl Earrings
    
    Gemstone Earrings
    
    Crystal Earrings
    
    Natural Stone Earrings
    
    Alloy Earrings
    
    Stud Earrings
    
    Drop Earrings
    
    Hoop Earrings
    
    Clip On Earrings
    
    Earring Sets
    
    Other Earrings
  - Necklaces
    
    Necklaces
    
    Stainless Steel Necklaces
    
    Copper Necklaces
    
    Pearl Necklaces
    
    Alloy Necklaces
    
    Natural Stone Necklaces
    
    Crystal Necklaces
    
    Gemstone Necklaces
    
    Pendant Necklaces
    
    Layered Necklaces
    
    Beaded Necklaces
    
    Chokers
  - Rings
    
    Rings
    
    Stainless Steel Rings
    
    Copper Rings
    
    Gemstone Rings
    
    Crystal Rings
    
    Natural Stone Rings
    
    Pearl Rings
    
    Alloy Rings
    
    Open Rings
    
    Single Rings
    
    Ring Sets
  - Bracelets
    
    Bracelets
    
    Stainless Steel Bracelets
    
    Copper Bracelets
    
    Natural Stone Bracelets
    
    Alloy Bracelets
    
    Gemstone Bracelets
    
    Pearl Bracelets
    
    Crystal Bracelets
    
    Bangles
    
    Chain Bracelets
    
    Beaded Bracelets
    
    Layered Bracelets
    
    String Bracelets
  - Body Jewelry
    
    Body Jewelry
    
    Ear Cartilage Rings & Studs
    
    Anklets
    
    Nose Rings & Studs
    
    Lip Rings & Studs
    
    Belly Rings
    
    Nipple Rings & Studs
    
    Eyebrow Studs
    
    Tongue Rings
  - By Metal
    
    By Metal
    
    925 Sterling Silver Jewelry
    
    Stainless Steel Jewelry
    
    Copper Jewelry
  - By Stone
    
    By Stone
    
    Gemstone Jewelry
    
    Pearl Jewelry
    
    Crystal Jewelry
    
    Rhinestone Jewelry
    
    Natural Stone Jewelry
  - By Plating
    
    By Plating
    
    18K Gold Plated Jewelry
    
    Gold Plated Jewelry
    
    Rose Gold Plated Jewelry
    
    White Gold Plated Jewelry
- Accessories
  Accessories
  - Sunglasses & Eyewear
    
    Sunglasses & Eyewear
    
    Women's Sunglasses
    
    Men's Sunglasses
    
    Kids Sunglasses
    
    Optical Glasses
    
    Sports Sunglasses
    
    Glasses Cases
    
    Glasses Chains
    
    Glasses Accessories
  - Brooches
    
    Brooches
    
    Alloy Brooches
    
    Rhinestone Brooches
    
    Metal Brooches
    
    Gemstone Brooches
    
    Pearl Brooches
    
    Stainless Steel Brooches
    
    Acrylic Brooches
    
    Crystal Brooches
    
    Mixed Materials Brooches
    
    Copper Brooches
    
    Other Brooches
  - Keychains
    
    Keychains
    
    Metal Keychains
    
    Resin & Plastic Keychains
    
    Plush & Cloth Keychains
    
    Leather Keychains
    
    Natural Stone Keychains
  - Scarves & Wraps
    
    Scarves & Wraps
    
    Winter Scarves
    
    Satin Scarves
    
    Silk Scarves
    
    Cotton Linen Scarves
    
    Shawls
    
    Bandanas
    
    Scarf Accessories
  - Watches
    
    Watches
    
    Women's Watches
    
    Men's Watches
    
    Kids Watches
    
    Watch Bands & Straps
    
    Ring Watches
  - Belts
    
    Belts
    
    Leather Belts
    
    Chain Belts
    
    Corset Belts
    
    Woven Belts
    
    Other Belts
  - Socks
    
    Socks
    
    Crew Socks
    
    Ankle Socks
    
    Over The Knee Socks
    
    Kids Socks
    
    Sleep Socks
  - Gloves
    
    Gloves
    
    Warm Gloves
    
    Kids Scarves & Gloves
    
    Arm Sleeves
    
    Other Gloves
  - Tech Accessories
    
    Tech Accessories
    
    Phone Chains
    
    Phone Cases
    
    Phone Holders
    
    Earphone Cases
    
    Earphones
    
    Other Tech Accessories
  - Eye Masks
- Bags
  Bags
  - Women's Bags
    
    Women's Bags
    
    Shoulder Bags
    
    Handbags
    
    Canvas Bags
    
    Evening Bags
    
    Underarm Shoulder Bags
    
    Straw Bags
    
    Tote Bags
    
    Waist Bags
    
    Clutches
    
    Plush Bags
    
    Shopping Bags
    
    Travel Bags
    
    Mobile Phone Bags
    
    Mini Knit Handbags
  - Wallets & Cardholders
    
    Wallets & Cardholders
    
    Women's Wallets
    
    Coin Purses
    
    Card Holders
    
    Men's Wallets
    
    Passport Holders
  - Backpacks
    
    Backpacks
    
    Fashion Backpacks
    
    School Backpacks
    
    Sport Backpacks
    
    Diaper Backpacks
  - Kids Bags
    
    Kids Bags
    
    Kids Fashion Bags
    
    Kids Backpacks
    
    Kids Wallets
  - Men's Bags
    
    Men's Bags
    
    Men's ShoulderBags
    
    Men's WaistBags
    
    Men's Backpacks
    
    Men's Clutches
  - Bag Accessories
    
    Bag Accessories
    
    Bag Straps
    
    Bag Charms
    
    Bag Chains
    
    Luggage Tags
    
    Bag Buckles
    
    Bag Hardwares
    
    Other Bag Accessories
  - Bag Sets
  - Briefcases
- Fine Jewelry
  Fine Jewelry
  - 925 Sterling Silver Jewelry
    
    925 Sterling Silver Jewelry
    
    925 Sterling Silver Earrings
    
    925 Sterling Silver Necklaces
    
    925 Sterling Silver Rings
    
    925 Sterling Silver Bracelets
    
    925 Sterling Silver Jewelry Sets
  - Brass Jewelry
    
    Brass Jewelry
    
    Brass Earrings
    
    Brass Necklaces
    
    Brass Rings
    
    Brass Bracelets
  - Freshwater Pearl Jewelry
    
    Freshwater Pearl Jewelry
    
    Freshwater Pearl Earrings
    
    Freshwater Pearl Necklaces
    
    Freshwater Pearl Rings
    
    Freshwater Pearl Bracelets
    
    Freshwater Pearl Jewelry Sets
  - Moissanite Jewelry
    
    Moissanite Jewelry
    
    Moissanite Earrings
    
    Moissanite Necklaces
    
    Moissanite Rings
    
    Moissanite Bracelets
  - Other Fine Jewelry
- Jewelry Making
  Jewelry Making
  - Pendants
    
    Pendants
    
    Stainless Steel Pendants
    
    Copper Pendants
    
    Alloy Pendants
    
    Natural Stone Pendants
    
    Pearl Pendants
    
    Crystal Pendants
    
    925 Sterling Silver Pendants
    
    Gemstone Pendants
    
    Shell Pendants
    
    Other Pendants
  - Beads
    
    Beads
    
    Glass Beads
    
    Acrylic Beads
    
    Stainless Steel Beads
    
    Copper Beads
    
    Silicone & Clay Beads
    
    Crystal Beads
    
    Alloy Beads
    
    Natural Stone Beads
    
    Gemstone Beads
    
    Shell Beads
    
    Pearl Beads
    
    Freshwater Pearl Beads
    
    925 Sterling Silver Beads
    
    Other Beads
  - Charms
    
    Charms
    
    925 Sterling Silver Charms
    
    Copper Charms
    
    Alloy Charms
    
    Rhinestone Charms
    
    Stainless Steel Charms
    
    Gemstone Charms
    
    Pearl Charms
    
    Other Charms
  - Chains
    
    Chains
    
    Stainless Steel Chains
    
    Alloy Chains
    
    Copper Chains
    
    Other Chains
  - Jewelry Packaging & Display
    
    Jewelry Packaging & Display
    
    Jewelry Packaging Bags
    
    Jewelry Cards
    
    Jewelry Boxes
    
    Jewelry Display
  - Jewelry Findings
    
    Jewelry Findings
    
    Links & Connectors
    
    Earrings Findings
    
    Bead Cap & Spacer Beads
    
    Jewelry Making Kits
    
    Other Findings
  - Other Jewelry Making
- Hair Accessories
  Hair Accessories
  - Hair Accessories
    
    Hair Accessories
    
    Hair Claws
    
    Hair Clips
    
    Hair Bands & Headbands
    
    Hair Ties
    
    Kids Hair Accessories
    
    Scrunchies
    
    Hair Combs & Hair Brushes
    
    Bridal Headwears
    
    Hair Crowns
    
    Hair Sticks
- Men's Jewelry
  Men's Jewelry
- Home & Kitchen
  Home & Kitchen
  - Home Decor
    
    Home Decor
    
    Wall Art
    
    Artificial Flowers
    
    Natural Stone & Crystal Decorations
    
    Home Fragrance
    
    Window Accessories
    
    Lighting Accessories
    
    Artificial Decorations
    
    Resin & Plastic Decorations
    
    Wooden Decorations
    
    Tapestries
    
    Desk Ornaments
    
    Arm Clocks
    
    Home Decor Accents & Accessories
    
    Home Stickers
    
    Seasonal Decor
    
    Wedding Supplies
    
    Candles & Holders
  - Kitchen & Dining
    
    Kitchen & Dining
    
    Drinkware
    
    Tableware
    
    Kitchen Tools
    
    Bakeware
    
    Straws
    
    Tablecloth
    
    Placemats
    
    Kitchen Molds
    
    Teaware
    
    Wine Glasses & Tools
    
    Cookware
    
    Refrigerator Magnets
    
    Napkins & Napkin Rings
    
    Aprons
    
    Egg Tools
    
    Ice Cream Tools
    
    Kitchen Cleaning Tools
    
    Water Cup Belts
    
    Coffeeware
    
    Table Decorations & Kitchen Fabrics
  - Bedding & Bathroom
    
    Bedding & Bathroom
    
    Sofa Pillows
    
    Towels
    
    Bathing Accessories
    
    Blankets
    
    Bath Mats
    
    Couch & Sofa Decor
    
    Pillow Cases
    
    Floor Mats
    
    Shower Curtains
    
    Floor Drains
  - Storage & Organization
    
    Storage & Organization
    
    Kitchen Storage
    
    Clothing Storage
    
    Bathroom Storage
    
    Storage Boxes & Bottles
  - Pet Supplies
    
    Pet Supplies
    
    Pet Clothing
    
    Pet Accessories
    
    Pet Toys
    
    Pet Collars & Leashes
    
    Pet Hats & Scarves
    
    Pet Tableware
    
    Pet Beds & Pads
    
    Pet Shoes & Socks
  - Appliances
    
    Appliances
    
    Cleaning Supplies
    
    Rain Gear
    
    Fans & Heating
  - Arts,Crafts & Sewing
    
    Arts,Crafts & Sewing
    
    Apparel Sewing & Fabric
  - Home Essentials
    
    Home Essentials
    
    Daily Home Essentials
- Party Supplies
  Party Supplies
  - Party Decorations
    
    Party Decorations
    
    Decorative Props
    
    Hanging Ornaments
    
    Balloons
    
    Party Ornaments
    
    Led Lights
    
    Cake Decorating Supplies
  - Party Favors & Gifts
    
    Party Favors & Gifts
    
    Gift Wrapping Supplies
    
    Party Gift Bags
    
    Invitations
    
    Party Favors
  - Party Accessories
    
    Party Accessories
    
    Costume Props
    
    Costume Hats
    
    Party Masks
  - Party Tableware & Tablecloth
    
    Party Tableware & Tablecloth
    
    Party Tableware
    
    Party Tablecloth
  - Other Party Supplies
- Hats
  Hats
  - Hats
    
    Hats
    
    Baseball Caps
    
    Beanies
    
    Bucket Hats
    
    Kids Hats
    
    Men's Hats
    
    Straw Hats
    
    Berets
    
    Fedora Hats
    
    Sun Hats
    
    Hat & Scarf Sets
    
    Turbans
    
    Nightcaps
    
    Balaclavas
    
    Warm Basin Hats
    
    Other Hats
- Beauty
  Beauty
  - Hand & Foot Beauty
    
    Hand & Foot Beauty
    
    Press On Nails
    
    Nail Decorations
  - Beauty Tools
    
    Beauty Tools
    
    Makeup Brushes & Tools
    
    Makeup Mirrors
    
    Tattoos & Body Art
    
    Hair Curlers
    
    Hair Dryers
  - Makeup Bags&Storage
    
    Makeup Bags&Storage
    
    Makeup Bags
    
    Makeup Organizers
- Office & School Supplies
  Office & School Supplies
  - Writing & Correction Supplies
    
    Writing & Correction Supplies
    
    Pens
    
    Pencils & Pencil Sharpeners
    
    Erasers & Correction Tapes
    
    Paint Supplies
    
    Calculators & Rulers
    
    Other Writing & Correction Supplies
  - Labels & Indexes
    
    Labels & Indexes
    
    Stickers
    
    Tapes
    
    Bookmarks
  - Notebooks & Writing Pads
    
    Notebooks & Writing Pads
    
    Notebooks
    
    Sticky Notes
  - Storage Supplies
    
    Storage Supplies
    
    Pencil Cases
    
    Stationery Boxes & Bags
    
    Pen Holders
    
    Paper Clips
    
    Folders
    
    Other Storage Supplies
  - Other Office & School Supplies
- Baby & Kids
  Baby & Kids
  - Toys
    
    Toys
    
    Learning & Education Toys
    
    Stuffed Animals & Plush Toys
    
    Baby & Toddler Toys
    
    Dress Up & Pretend Play
    
    Other Toys
  - Mother & Baby Items
    
    Mother & Baby Items
    
    Baby Accessories
New Arrivals
New Arrivals
- 2025-12-05
- 2025-12-04
- 2025-12-03
- 2025-12-02
- 2025-12-01
- 2025-11-30
- 2025-11-29
- 2025-11-28
- 2025-11-27
- 2025-11-26
- 2025-11-25
- 2025-11-24
- 2025-11-22
- 2025-11-21
Best Sellers
Best Sellers
Christmas HOT
Christmas

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_(auto=false) { const dropdown = self.document.createElement('ljs-dropdown'); dropdown.setAttribute('layout', 'nodisplay'); if (auto) { dropdown.setAttribute('auto-orientation', 'true'); } if (this.blockSectionPosition_ === 'header') { dropdown.setAttribute('overlay-style', 'top: 4px;'); dropdown.setAttribute('placement', auto ? 'bottom' : '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, autoOrientation = false, }) { const dropdown = this.createDropdown_(autoOrientation); 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_(true); 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), autoOrientation: true, }); } 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), autoOrientation: true, }); } 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);

Pearl Earrings

1376 Products

Filter

1376 Products

2 Pieces Retro Square Flower Twist Inlay Copper Artificial Pearls Opal Zircon Copper Earrings

$1.65 - $2.63

1 Pair Fashion Flower Butterfly Bow Knot Inlay Alloy Artificial Pearls Rhinestones Shell Earrings

$0.40 - $1.04

1 Pair 925 Sterling Silver Natural Stone Pearl Leaf Square Oval Earrings

$3.90 - $6.25

Ig Style Large Pearl Earrings Personality Fashion Hoop Earrings 18k Gold Stainless Steel Ear Jewelry

$1.80 - $3.43

1 Pair Lady C Shape Beaded Inlay 304 Stainless Steel Artificial Pearls Earrings

$1.42 - $2.37

10 Pieces Minimalist Heart Shape Flower Bow Knot Imitation Pearl Alloy Rhinestone Irregular Women'S Earrings 1 Pair

$2.25 - $13.54

French Style Stainless Steel Drip Glaze Resin Inlaid Pearl Stud Earrings Simple Vintage Earrings

$1.94 - $3.19

3 Pieces Sweet Heart Shape Rose Flower Inlay Imitation Pearl Alloy Rhinestones Earrings

$0.72 - $14.47

1 Pair Fashion Geometric Inlay 925 Sterling Silver Pearl Zircon Drop Earrings

$3.91 - $5.25

2 Pieces Fashion Heart Shape Flower Copper Beaded Plating Inlay Pearl Zircon Earrings Ear Studs 1 Pair

$0.68 - $5.08

1 Pair Fashion Flower Alloy Plating Artificial Pearls Women's Drop Earrings

$0.41 - $1.33

Fashion Santa Claus Christmas Socks Bell Alloy Pearl Inlay Rhinestones Women's Drop Earrings 1 Pair

$0.61 - $0.91

Ig Style 18k Gold Earrings Fashion Retro Pearl Earrings Hoop Earrings For Women

$1.94 - $5.83

1 Pair Elegant Irregular Plating Freshwater Pearl Brass 18k Gold Plated Ear Studs

$1.49

1 Pair IG Style Minimalist U Shape Geometric Flower Inlay Imitation Pearl Artificial Pearls Rhinestones Drop Earrings Ear Studs

$0.43 - $2.07

1 Pair IG Style Minimalist Heart Shape Flower Bow Knot Inlay Alloy Artificial Pearls Rhinestones Drop Earrings Earrings Ear Studs

$0.46 - $1.18

1 Pair Minimalist Heart Shape Plating Inlay Stainless Steel Artificial Pearls 18k Gold Plated Drop Earrings

$2.15 - $2.40

1 Pair Elegant Sweet Square Heart Shape Bow Knot Inlay Imitation Pearl Alloy Rhinestones Earrings

$0.26 - $0.80

Vintage Second-hand Inlaid Diamond Flower Pearl Tassel Earrings Retro Exquisite Versatile Stud Earrings Exaggerated Ear Jewelry

$5.18

1 Pair Minimalist Round Inlay Alloy Zircon Ear Studs

$0.51 - $1.41

1 Pair Minimalist Classic Style Irregular Water Droplets Inlay Alloy Copper Pearl Ear Studs

$3.34 - $6.54

2 Pieces Casual Colorful Pearl Stud Earrings 36 Pairs Set Korean Fashion Round Bead Earrings

$1.66 - $2.83

Elegant Geometric Inlay 304 Stainless Steel Artificial Pearls Zircon 18k Gold Plated Stainless Steel Earrings

$0.41 - $0.64

1 Pair Minimalist Irregular Copper Pearl Plating 18k Gold Plated Drop Earrings

$2.65

Vintage Oil Drop Pearl Earrings Artistic Retro Oil Painting Style Fashion Earrings

$1.21 - $5.83

2 Pieces Elegant Star Tassel Heart Shape Inlay Alloy Artificial Pearls Rhinestones Glass Earrings

$0.83 - $4.51

Luxurious Quadrilateral Round Ellipse Leaf Rhombus Animal Bowknot Text Letter Geometric Number Droplet Flower Chinese Zodiac Artificial Pearl Oil Dripping Earrings

$0.80 - $2.21

1 Pair Sweet Artistic Leaf Flower Plating Inlay Stainless Steel Artificial Pearls Zircon Ear Studs

$1.04

Fashion High-end Pearl Pendant Earrings French Fashion Stud Earrings Women's Jewelry

$1.52 - $1.80

1 Pair Elegant Lady Streetwear Flower Ginkgo Leaf Plating Inlay Alloy Imitation Pearl Drop Earrings Ear Studs

$1.33 - $2.45

1 Pair Minimalist Classic Style Geometric Water Droplets Plating Inlay Metal Copper Brass Pearl Gold Plated Dangling Earrings

$2.97 - $6.54

Ig Style Versatile Earrings For Women 18k Gold With Pearl Pendant Studs

$3.47

1 Pair Retro French Style IG Style Geometric Inlay Alloy Titanium Steel Artificial Pearls Zircon Drop Earrings Earrings Ear Studs

$2.70 - $6.03

1 Pair Elegant Geometric Plating Inlay Freshwater Pearl Copper Zircon Drop Earrings

$0.77 - $1.32

1 Pair Casual Elegant Vintage Style C Shape Plating Inlay Copper Artificial Pearls 18k Gold Plated Ear Studs

$2.34 - $3.08

1 Pair Sweet Flower Enamel Plating Inlay Alloy Artificial Pearls Glass Earrings

$0.22 - $1.80

1 Pair Sterling Silver Freshwater Pearl Solid Color Ear Studs

$1.63 - $2.64

Geometric Plating Alloy Pearl Hoop Earrings

$0.30 - $1.53

925 Sterling Silver Minimalist Droplet Silver Pearl Inlay Stud Earrings

$14.58

1 Pair Fashion C Shape Inlay 304 Stainless Steel Pearl Zircon Ear Studs

$1.62

Blue Series Silver Needle Inlaid Diamond Flower Stud Earrings For Women Palace Style Exquisite Earrings Niche Exaggerated Ear Jewelry

$1.16 - $4.55

1 Pair Elegant Geometric Plating Sterling Silver Pearl Earrings

$1.65 - $2.04

1 Pair IG Style Basic Streetwear Solid Color Plating Inlay 304 Stainless Steel Artificial Pearls Zircon 18K Gold Plated Stainless Steel Earrings

$2.85 - $4.75

Fashion Star Butterfly Bow Knot Imitation Pearl Copper Tassel Rhinestones Drop Earrings 1 Pair

$0.87 - $1.75

2 Sets Hot-selling Pearl Point Drill 20 Pairs Earrings Set Simple Mixed Size Earrings Rhinestone For Women

$1.15

1 Pair Elegant Minimalist Streetwear Flower Bow Knot Plating Inlay Alloy Artificial Pearls Zircon Ear Studs

$0.20 - $1.51

Vintage Exaggerated Earrings For Women With Silver Needle Inlaid With Diamonds Oil Drop Geometric Pearl Earrings Retro Ear Jewelry

$0.81 - $3.63

Fashion Pearl Geometric Stainless Steel 18k Gold Plated Earrings

$2.53

Medieval Flower Animal Leaf Geometric Droplet Flower Chinese Zodiac Artificial Pearl Oil Dripping Earrings

$0.69 - $3.60

1 Pair Elegant Geometric Plating Inlay Copper Artificial Pearls Earrings

$0.73

We accept

Get in touch

We accept