const templateName = SHOPLAZZA?.meta?.page?.template_name || ''; const SEARCH_URL = '/search'; const TAG = 'spz-custom-smart-search-location'; const SEARCH_CONTAINER_CLASS = 'app-smart-product-search-container'; const THEME_NAME = window.SHOPLAZZA.theme.merchant_theme_name.replace(/ /g, ''); const BREAKPOINT = 960; const DELAY = 300; // --- 工具函数 --- function matchTheme(target) { return THEME_NAME.toLocaleLowerCase().includes(target.toLocaleLowerCase()); } function resolveThemeValue(themeMap, defaultValue) { let result = defaultValue; for (const key of Object.keys(themeMap)) { if (matchTheme(key)) result = themeMap[key]; } return result; } function joinSelectors(selectorList) { return [...new Set(selectorList)].join(','); } function isDesktop() { return window.matchMedia(`(min-width: ${BREAKPOINT}px)`).matches; } // --- 主题配置 --- const HEADER_SELECTOR = resolveThemeValue({ eva: 'header .header_grid_layout', geek: '.header-mobile-inner-container', onePage: 'header .header', wind: 'header #header-nav', nova: 'header .header', hero: 'header .header__nav', flash: '#shoplaza-section-header>div>div', lifestyle: '#shoplaza-section-header .header__wrapper', reformia: 'header#header', }, 'header'); const SEARCH_ICON_CLASS = resolveThemeValue({ flash: 'app-smart-icon-search-large-flash', hero: 'app-smart-icon-search-large-hero', geek: 'app-smart-icon-search-large-geek', nova: 'app-smart-icon-search-large-nova', }, 'app-smart-icon-search-large-default'); // 插件位置纠正配置：当商家将插件插入到不可见的区域时，自动迁移到正确的 DOM 位置 // pc / mobile 分别指定 PC 端和移动端的目标父容器选择器，未配置则不做迁移 const PLUGIN_RELOCATION_CONFIG = resolveThemeValue({ reformia: { pc: '.header-layout .header__actions', mobile: '.header-layout .header__actions', }, }, null); // --- 组件 --- class SpzCustomSmartSearchLocation extends SPZ.BaseElement { constructor(element) { super(element); this.outsideCarouselIndex = 0; this.insideCarouselIndex = 0; this.searchItemType = 'icon'; this._originalSearchWrapParent = null; this._skipMobileInit = false; } static deferredMount() { return false; } isLayoutSupported(layout) { return layout == SPZCore.Layout.LOGIC; } buildCallback() { this.bindResizeListener(); this.registerActions(); } mountCallback(){ this.init(); } unmountCallback(){ this.unbindResizeListener(); this.unregisterActions(); } // --- 元素查找（支持 DocumentFragment 上下文）--- getBlockWrap() { return this.element.closest('.app-smart-product-search-wrap') || document.querySelector('.app-smart-product-search-wrap'); } getBlockContainer() { return this.element.closest('.' + SEARCH_CONTAINER_CLASS) || document.querySelector('.' + SEARCH_CONTAINER_CLASS); } resolveBlockElement(selector, fallbackId) { const wrap = this.getBlockWrap(); const el = wrap?.querySelector(selector) || document.getElementById(fallbackId); return el ? SPZ.whenApiDefined(el) : Promise.resolve(null); } getSmartSearchEl() { return this.resolveBlockElement('ljs-search', 'app-smart-search-2'); } getOutsideItemEl() { return this.resolveBlockElement('.app-smart-search-outside-item', 'app-smart-search-outside-item-2'); } // --- 插件位置纠正 --- relocatePlugin() { if (!PLUGIN_RELOCATION_CONFIG) return; const targetSelector = isDesktop() ? PLUGIN_RELOCATION_CONFIG.pc : PLUGIN_RELOCATION_CONFIG.mobile; if (!targetSelector) return; if (this._relocateTimer) { clearInterval(this._relocateTimer); } const attemptRelocate = () => { const container = this.element.closest('.' + SEARCH_CONTAINER_CLASS) || document.querySelector('#app-smart-product-search-container-2'); if (!container || !document.body.contains(container)) return false; const target = document.querySelector(targetSelector); if (!target) return false; if (target.contains(container)) return true; target.insertBefore(container, target.firstChild); return true; }; if (attemptRelocate()) return; let attempts = 0; this._relocateTimer = setInterval(() => { attempts++; if (attemptRelocate() || attempts >= 20) { clearInterval(this._relocateTimer); this._relocateTimer = null; } }, 500); } // --- 初始化 --- init() { this.relocatePlugin(); this.applySearchIconClass(); this.adjustLifestyleIcon(); if (this.searchItemType === 'input') { this.initInputMode(); return; } // icon 模式 this.initIconMode(); if (isDesktop()) return; if (this._skipMobileInit) return; // icon 模式下的移动端额外处理（处理主题特定的 header 布局） if (!window.__isLoadAppSmartSearch__) { this.initMobileSmartSearch(); if (window.self === window.top) { window.__isLoadAppSmartSearch__ = true; } } } applySearchIconClass() { document.querySelectorAll('.app-smart-icon-search-large').forEach(el => { el.classList.add(SEARCH_ICON_CLASS); }); } adjustLifestyleIcon() { if (!matchTheme('lifestyle') || this.searchItemType === 'input' || isDesktop()) return; const container = this.getBlockContainer(); if (!container) return; const alreadyMoved = !!document.querySelector( '.header__wrapper .container .row.header>div>#app-smart-product-search-container-2' ); if (alreadyMoved) return; const headerDivs = document.querySelectorAll('.header__wrapper .container .row.header>div'); const lastDiv = headerDivs[headerDivs.length - 1]; lastDiv.appendChild(container); } initInputMode() { document.querySelectorAll('.app-smart-icon-search-large').forEach(el => { el.style.display = 'none'; }); const searchWrap = this.getBlockWrap(); const pcContainer = this.getBlockContainer(); const mobileContainer = document.querySelector('.smart-search-mobile-container'); // 记录原始父节点（仅首次） if (!this._originalSearchWrapParent && searchWrap && searchWrap.parentElement) { this._originalSearchWrapParent = searchWrap.parentElement; } if (isDesktop()) { // PC 端：确保 searchWrap 在原始位置并显示 if (mobileContainer) mobileContainer.style.display = 'none'; if (searchWrap && this._originalSearchWrapParent) { // 如果 searchWrap 被移到了移动端容器，移回原始位置 if (mobileContainer && mobileContainer.contains(searchWrap)) { this._originalSearchWrapParent.appendChild(searchWrap); } } if (pcContainer) pcContainer.style.display = 'block'; return; } if (templateName === 'search') { this._skipMobileInit = true; return; } // 移动端：隐藏当前实例的 PC 容器 if (pcContainer) pcContainer.style.display = 'none'; this.ensureMobileSearchContainer(); const mobileContainerAfterEnsure = document.querySelector('.smart-search-mobile-container'); if (!mobileContainerAfterEnsure) return; // 检查移动端容器是否已经有其他实例的内容 const existingWrap = mobileContainerAfterEnsure.querySelector('.app-smart-product-search-wrap'); if (existingWrap && existingWrap !== searchWrap) { // 已有其他实例，当前实例不需要移动，保持隐藏即可 return; } // 将当前实例的 searchWrap 移到移动端容器 if (searchWrap && !mobileContainerAfterEnsure.contains(searchWrap)) { mobileContainerAfterEnsure.appendChild(searchWrap); } mobileContainerAfterEnsure.style.display = ''; } ensureMobileSearchContainer() { if (document.querySelector('.smart-search-mobile-container')) return; const container = document.createElement('div'); container.classList.add('smart-search-mobile-container'); container.classList.add('smart-search-mobile-container-' + THEME_NAME.toLocaleLowerCase()); document.querySelector(HEADER_SELECTOR).appendChild(container); } initIconMode() { document.querySelectorAll('.app-smart-icon-search-large').forEach(el => { el.style.display = 'flex'; }); } initMobileSmartSearch() { if (this.hasMobilePluginParent()) { this.showMobileSmartSearch(); } else { this.addMobileSmartSearch(); } } // --- Action 注册 --- registerActions() { this.registerAction('onSearchInputChange', (invocation) => { this.onSearchInputChange(invocation.args.keyword); }); this.registerAction('onSearchFormSubmit', (invocation) => { this.onSearchFormSubmit(invocation.args.event); }); this.registerAction('onOutsideCarouselIndexChange', (invocation) => { this.outsideCarouselIndex = invocation.args.index || 0; }); this.registerAction('onInsideCarouselIndexChange', (invocation) => { this.insideCarouselIndex = invocation.args.index || 0; }); this.registerAction('getSearchItemType', () => { this.fetchAndApplySearchItemType(); }); this.registerAction('generateHotKeywordList', (invocation) => { this.generateHotKeywordList(invocation.args?.data?.data); }); this.registerAction('onTapHotWord', (invocation) => { this.onTapHotWord(invocation.args.type); }); } // --- 搜索输入 & 提交 --- onSearchInputChange(keyword) { const display = (!keyword || !keyword.length) ? 'block' : 'none'; document.querySelectorAll('.hot-words-carousel-inner-container').forEach(el => { el.style.display = display; }); } onSearchFormSubmit(event) { const keywordArray = event.q || []; const keyword = keywordArray[0]; if (keyword !== null && keyword.length) { this.executeSearch(keywordArray, 1); } else { this.onTapHotWord('inside'); } } executeSearch(value, retryCount) { this.getSmartSearchEl().then((ljsSearch) => { if (!ljsSearch) return; try { ljsSearch.handleSearchSubmit_({ value }); } catch (e) { if (retryCount < 3) { this.executeSearch(value, retryCount + 1); return; } const searchStr = value[0] || ''; const searchResult = ljsSearch.setThinkSearchData_(searchStr); ljsSearch.afterSearching({ query: searchResult.query, url: `${SEARCH_URL}?q=${searchStr}`, queryType: searchResult.queryType, }); } }); } // --- 搜索项类型 --- fetchAndApplySearchItemType() { this.getOutsideItemEl().then((outsideItem) => { if (!outsideItem) return; const type = outsideItem.getData()?.search_item_type; this.searchItemType = type || this.searchItemType; this.init(); }); } // --- 热词 --- generateHotKeywordList(data) { const searchKeywords = data?.hotKeywordList || []; const isShowHotKeyword = data?.isShowHotKeyword || false; this.getOutsideItemEl().then((outsideItem) => { if (!outsideItem) return; const hotwords = outsideItem.getData()?.search_keywords || []; const enrichedKeywords = this.enrichKeywords(searchKeywords, hotwords); this.renderHotKeywords(enrichedKeywords, isShowHotKeyword); }); } enrichKeywords(keywords, hotwords) { return keywords.map((item) => { item.url_obj = item.url_obj || {}; const hotwordItem = hotwords.find(h => h.word === item.word); if (hotwordItem) { item.icon = hotwordItem.icon || ''; } if (!item.urlObj || !item.urlObj.url) { item.urlObj = { ...item.url_obj, url: item.url_obj.type === 'search' ? `${SEARCH_URL}?q=${item.word}` : item.url_obj.url, }; } return item; }); } renderHotKeywords(keywords, isShowHotKeyword) { document.querySelectorAll('.app-hot-keyword-render-child').forEach((el) => { SPZ.whenApiDefined(el).then((hotWordsChild) => { hotWordsChild.render({ list: keywords, isShowHotKeyword }); }); }); } // --- 底纹词工具方法 --- // 将 find_keywords（字符串数组）转换为统一的关键词对象格式 // 优先使用 find_keywords，兜底使用 search_keywords normalizeOutsideKeywords(findKeywords, searchKeywords) { if (findKeywords && findKeywords.length > 0) { return findKeywords.map(keyword => ({ word: keyword, icon: '', pic: '', type: 'find_keyword', url_obj: { type: 'search', url: `${SEARCH_URL}?q=${keyword}`, }, })); } return searchKeywords || []; } // 规范化关键词项的 URL normalizeKeywordUrl(item) { if (!item) return null; if (item.url_obj) { item.url_obj.url = item.url_obj.type === 'search' ? `${SEARCH_URL}?q=${item.word}` : item.url_obj.url; } return item; } onTapHotWord(type) { const index = type === 'inside' ? this.insideCarouselIndex : this.outsideCarouselIndex; this.getOutsideItemEl().then((outsideItem) => { if (!outsideItem) return; const apiData = outsideItem.getData(); const findKeywords = apiData?.find_keywords || []; const searchKeywords = apiData?.search_keywords || []; // 外部和内部 carousel 都使用相同逻辑：优先 find_keywords，兜底 search_keywords const keywords = this.normalizeOutsideKeywords(findKeywords, searchKeywords); const currentItem = this.normalizeKeywordUrl(keywords[index] || null); this.getSmartSearchEl().then((ljsSearch) => { if (!ljsSearch) return; if (currentItem) { ljsSearch.handleHotKeyword_({ word: currentItem.word, query_type: currentItem.type, url: currentItem.url_obj?.url, }); } else { this.executeSearch([''], 1); } }); }); } // --- 底纹词配置 --- getOutsideCarouselConfig() { return this.getOutsideItemEl().then((outsideItem) => { if (!outsideItem) return { outsideCarouselIndex: this.outsideCarouselIndex }; const apiData = outsideItem.getData(); const findKeywords = apiData?.find_keywords || []; const searchKeywords = apiData?.search_keywords || []; const carouselKeywords = this.normalizeOutsideKeywords(findKeywords, searchKeywords); return { ...apiData, search_keywords: carouselKeywords, outsideCarouselIndex: this.outsideCarouselIndex, }; }); } // --- 窗口监听 --- bindResizeListener() { window.removeEventListener('resize', window.smartSearchResizeCallback); window.smartSearchResizeCallback = SPZCore.Types.debounce( this.win, () => { this.fetchAndApplySearchItemType(); }, DELAY ); window.addEventListener('resize', window.smartSearchResizeCallback); } unbindResizeListener() { if (window.smartSearchResizeCallback) { window.removeEventListener('resize', window.smartSearchResizeCallback); window.smartSearchResizeCallback = null; } if (this._relocateTimer) { clearInterval(this._relocateTimer); this._relocateTimer = null; } } unregisterActions() { const actionNames = [ 'onSearchInputChange', 'onSearchFormSubmit', 'onOutsideCarouselIndexChange', 'onInsideCarouselIndexChange', 'getSearchItemType', 'generateHotKeywordList', 'onTapHotWord', ]; actionNames.forEach((name) => { this.registerAction(name, () => {}); }); } // --- 移动端布局：插件父容器模式 --- hasMobilePluginParent() { // reformia 使用 relocatePlugin 统一处理，不走 showMobileSmartSearch return !['geek', 'flash', 'boost', 'reformia'].includes(THEME_NAME.toLocaleLowerCase()); } showMobileSmartSearch() { const PLUGIN_PARENT_SELECTORS = { nova: '.header__mobile #header__plugin-container', hero: '.header__icons .tw-flex.tw-justify-end.tw-items-center.tw-space-x-7', onePage: '.header__mobile #header__plugin-container', wind: '#header-icons .flex.justify-end.items-center', eva: '#header__icons .plugin_content', }; const parentEl = document.querySelector( joinSelectors(Object.values(PLUGIN_PARENT_SELECTORS)) ); if (!parentEl) return; const hasHiddenClass = parentEl.classList.contains('md:hidden') || parentEl.classList.contains('md:tw-hidden'); if (hasHiddenClass) { Array.from(parentEl.children).forEach((child) => { if (!this.isSmartSearchElement(child)) { child.style.display = 'none'; } }); parentEl.classList.remove('md:hidden', 'md:tw-hidden'); } else { const smartSearchEl = Array.from(parentEl.children).find( (child) => this.isSmartSearchElement(child) ); if (smartSearchEl) { smartSearchEl.style.display = 'block'; } } } isSmartSearchElement(el) { return ( el.classList.contains(SEARCH_CONTAINER_CLASS) || el.querySelectorAll(`.${SEARCH_CONTAINER_CLASS}`).length > 0 ); } // --- 移动端布局：图标插入模式 --- addMobileSmartSearch() { const HEADER_ICONS_SELECTORS = { geek: '#header-mobile-container .flex.items-center.justify-end.flex-shrink-0', flash: '#header-layout .header__icons', boost: '.header__mobile-bottom .tw-flex.tw-items-center.tw-justify-end.tw-flex-1', reformia: '.header-layout .header__actions', }; const SMART_SEARCH_ANCESTORS = [ '#header-menu-mobile #menu-drawer', '#menu-drawer .plugin__header-content', '.header__drawer', '.header-content .logo-wrap', '.header_hamburger_sidebar-container', ]; const iconsEl = document.querySelector( joinSelectors(Object.values(HEADER_ICONS_SELECTORS)) ); const searchWrapSelector = joinSelectors( SMART_SEARCH_ANCESTORS.map(a => `${a} .${SEARCH_CONTAINER_CLASS}`) ); const searchWrapEl = document.querySelector(searchWrapSelector); if (!iconsEl || !searchWrapEl) return; iconsEl.insertAdjacentElement('afterbegin', searchWrapEl); } } SPZ.defineElement(TAG, SpzCustomSmartSearchLocation); class SpzCustomSmartSearchToast extends SPZ.BaseElement { constructor(element) { super(element); this.toastDom = null; this.toastTimeout = null; } isLayoutSupported(layout) { return layout == SPZCore.Layout.LOGIC; } buildCallback(){ this.init(); } init(){ const toast = document.createElement('div'); toast.id = 'spz-custom-smart-search-toast-2'; toast.className = 'spz-custom-smart-search-toast'; document.body.appendChild(toast); this.toastDom = toast; this.registerAction('showToast',(invocation)=>{ this.showToast(invocation.args); }); this.registerAction('hideToast',(invocation)=>{ this.hideToast(invocation.args); }); } showToast({ message, duration = 2000 }){ if( !this.toastDom ) return; this.toastDom.innerHTML = message; this.toastDom.classList.add('smart-search-toast-show'); clearTimeout(this.toastTimeout); this.toastTimeout = setTimeout(() => { this.hideToast(); }, duration); } hideToast(){ if( !this.toastDom ) return; this.toastDom.classList.remove('smart-search-toast-show'); } } SPZ.defineElement('spz-custom-smart-search-toast', SpzCustomSmartSearchToast); class SpzCustomSmartSearchCookie extends SPZ.BaseElement { constructor(element) { super(element); } buildCallback() { this.registerAction('getCookie',(invocation)=>{ this.getCookie(invocation.args); }); } isLayoutSupported(layout) { return layout == SPZCore.Layout.LOGIC; } getCookie(key) { let cookieMap = {} document.cookie.split(';').map(item=>{ let [key, value] = item.trim().split('=') cookieMap[key] = value }) return cookieMap[key] || ''; } } SPZ.defineElement('spz-custom-smart-search-cookie', SpzCustomSmartSearchCookie); const default_function_name = 'smart_search'; const default_plugin_name = 'smart_search'; const default_module_type = 'smart_search'; const default_module = 'apps'; const default_business_type = 'product_plugin'; const default_event_developer = 'ray'; class SpzCustomSmartSearchTrack extends SPZ.BaseElement { constructor(element) { super(element); } isLayoutSupported(layout) { return layout == SPZCore.Layout.LOGIC; } buildCallback() { this.registerAction('track', (invocation) => { const { trackType, trackData } = invocation.args; this.track({trackType, trackData}); }); } track({trackType, trackData}) { const { function_name, plugin_name, module_type, module, business_type, event_developer, event_type, event_desc, trackEventInfo, ...otherTrackData } = trackData; window.sa.track(trackType, { function_name: function_name || default_function_name, plugin_name: plugin_name || default_plugin_name, module_type: module_type || default_module_type, module: module || default_module, business_type: business_type || default_business_type, event_developer: event_developer || default_event_developer, event_type: event_type, event_desc: event_desc, ...otherTrackData, event_info: JSON.stringify({ ...(trackEventInfo || {}), }), }); } } SPZ.defineElement('spz-custom-smart-search-track', SpzCustomSmartSearchTrack);
Diamond Painting - Partial Special Shaped Drill - Beauty in Floral Dress(Canvas|30x30cm)
Diamond Painting - Partial Special Shaped Drill - Beauty in Floral Dress(Canvas|30x30cm)
Diamond Painting - Partial Special Shaped Drill - Beauty in Floral Dress(Canvas|30x30cm)
Diamond Painting - Partial Special Shaped Drill - Beauty in Floral Dress(Canvas|30x30cm)
Diamond Painting - Partial Special Shaped Drill - Beauty in Floral Dress(Canvas|30x30cm)
Diamond Painting - Partial Special Shaped Drill - Beauty in Floral Dress(Canvas|30x30cm)
Diamond Painting - Partial Special Shaped Drill - Beauty in Floral Dress(Canvas|30x30cm)
Diamond Painting - Partial Special Shaped Drill - Beauty in Floral Dress(Canvas|30x30cm)
Diamond Painting - Partial Special Shaped Drill - Beauty in Floral Dress(Canvas|30x30cm)
Diamond Painting - Partial Special Shaped Drill - Beauty in Floral Dress(Canvas|30x30cm)
Diamond Painting - Partial Special Shaped Drill - Beauty in Floral Dress(Canvas|30x30cm)
Diamond Painting - Partial Special Shaped Drill - Beauty in Floral Dress(Canvas|30x30cm)
Diamond Painting - Partial Special Shaped Drill - Beauty in Floral Dress(Canvas|30x30cm)
Diamond Painting - Partial Special Shaped Drill - Beauty in Floral Dress(Canvas|30x30cm)
Diamond Painting - Partial Special Shaped Drill - Beauty in Floral Dress(Canvas|30x30cm)
Diamond Painting - Partial Special Shaped Drill - Beauty in Floral Dress(Canvas|30x30cm)
Diamond Painting - Partial Special Shaped Drill - Beauty in Floral Dress(Canvas|30x30cm)
1/17
Diamond Painting - Partial Special Shaped Drill - Beauty in Floral Dress(Canvas|30x30cm)
Diamond Painting - Partial Special Shaped Drill - Beauty in Floral Dress(Canvas|30x30cm)
Diamond Painting - Partial Special Shaped Drill - Beauty in Floral Dress(Canvas|30x30cm)
Diamond Painting - Partial Special Shaped Drill - Beauty in Floral Dress(Canvas|30x30cm)
Diamond Painting - Partial Special Shaped Drill - Beauty in Floral Dress(Canvas|30x30cm)
Diamond Painting - Partial Special Shaped Drill - Beauty in Floral Dress(Canvas|30x30cm)
Diamond Painting - Partial Special Shaped Drill - Beauty in Floral Dress(Canvas|30x30cm)
Diamond Painting - Partial Special Shaped Drill - Beauty in Floral Dress(Canvas|30x30cm)
Diamond Painting - Partial Special Shaped Drill - Beauty in Floral Dress(Canvas|30x30cm)
Diamond Painting - Partial Special Shaped Drill - Beauty in Floral Dress(Canvas|30x30cm)
Diamond Painting - Partial Special Shaped Drill - Beauty in Floral Dress(Canvas|30x30cm)
Diamond Painting - Partial Special Shaped Drill - Beauty in Floral Dress(Canvas|30x30cm)
Diamond Painting - Partial Special Shaped Drill - Beauty in Floral Dress(Canvas|30x30cm)
Diamond Painting - Partial Special Shaped Drill - Beauty in Floral Dress(Canvas|30x30cm)
Diamond Painting - Partial Special Shaped Drill - Beauty in Floral Dress(Canvas|30x30cm)
Diamond Painting - Partial Special Shaped Drill - Beauty in Floral Dress(Canvas|30x30cm)
Diamond Painting - Partial Special Shaped Drill - Beauty in Floral Dress(Canvas|30x30cm)
1/17

Diamond Painting - Partial Special Shaped Drill - Beauty in Floral Dress(Canvas|30x30cm)

￡6.99
￡6.99
Save 0%
class SpzCustomDiscountFlashsale extends SPZ.BaseElement { constructor(element) { super(element); this.xhr_ = SPZServices.xhrFor(this.win); this.getFlashSaleApi = "\/api\/storefront\/promotion\/flashsale\/display_setting\/product_setting"; this.timer = null; this.variantId = "688f67c7-e7e8-4e29-8710-f461cd839811"; // 促销活动数据 this.flashsaleData = {} } isLayoutSupported(layout) { return layout == SPZCore.Layout.CONTAINER; } buildCallback() { this.templates_ = SPZServices.templatesForDoc(); this.viewport_ = this.getViewport(); // 挂载bind函数 解决this指向问题 this.render = this.render.bind(this); this.resize = this.resize.bind(this); this.switchVariant = this.switchVariant.bind(this); } mountCallback() { // 获取数据 this.getData(); this.element.onclick = (e) => { const cur = this.win.document.querySelector(".app_discount_flashsale_desc"); if (this.flashsaleData.product_setting.is_redirection && appDiscountUtils.inProductBody(this.element) && e.target !== cur) { this.win.open(`/promotions/discount-default/${this.flashsaleData.discount_info.id}`); } } // 绑定 this.viewport_.onResize(this.resize); // 监听子款式切换，重新渲染 this.win.document.addEventListener('dj.variantChange', this.switchVariant); } unmountCallback() { // 解绑 this.viewport_.removeResize(this.resize); this.win.document.removeEventListener('dj.variantChange', this.switchVariant); // 清除定时器 if (this.timer) { clearTimeout(this.timer); this.timer = null; } } resize() { if (this.timer) { clearTimeout(this.timer) this.timer = null; } this.timer = setTimeout(() => { this.render(); }, 200) } switchVariant(event) { const variant = event.detail.selected; if (variant.product_id == '492fdb73-c6c2-429e-971d-c08769b20b04' && variant.id != this.variantId) { this.variantId = variant.id; this.getData(); } } getData() { const reqBody = { product_id: "492fdb73-c6c2-429e-971d-c08769b20b04", product_type: "default", variant_id: this.variantId } this.flashsaleData = {}; this.win.fetch(this.getFlashSaleApi, { method: "POST", body: JSON.stringify(reqBody), headers: { "Content-Type": "application/json" } }).then(async (response) => { if (response.ok) { this.flashsaleData = await response.json(); this.render(); } else { this.clearDom(); } }).catch(err => { this.clearDom(); }); } clearDom() { const children = this.element.querySelector('*:not(template)'); children && SPZCore.Dom.removeElement(children); } render() { this.templates_ .findAndRenderTemplate(this.element, { isMobile: appDiscountUtils.judgeMobile(), isRTL: appDiscountUtils.judgeRTL(), inProductDetail: appDiscountUtils.inProductBody(this.element), flashsaleData: this.flashsaleData, image_domain: this.win.SHOPLAZZA.image_domain, }) .then((el) => { this.clearDom(); this.element.appendChild(el); }) } } SPZ.defineElement('spz-custom-discount-flashsale', SpzCustomDiscountFlashsale);
Quantity
Free Shipping Over £50【Uk (After Discount )】
£5.99 Shipping Fee【Uk】
Secure payments
Specification:
Materials: Rhinestone + Canvas
Project Type: 5D Diamond Painting (Partial Diamonds)
Color: As shown in the picture

Canvas Size: Approx. 30*30 cm/11.81 x 11.81 x 0.39 (inch) (1 cm = 0.39 inches)

Space: Living Room/Bedroom/Classroom/Entrance

This product is not suitable for people under 18


DIY Diamond Painting Production Steps:
1. Open the package and check if all the diamond painting tools are included;
2. According to the resin diamond color code, select one color on the plate. Pasting the same color in one go can increase speed;
3. Find the corresponding color code on the canvas and begin pasting until finished;
4. After finishing, to make the diamond painting stable, you can place some books on the canvas for a while;
5. Finally finished! You can frame your creation and decorate your home to add vitality.

DIY Diamond Painting Precautions:
1. Refer to the previous operating steps.
2. If you are unsure which color to use, please refer to the color chart.
Dear customer, please note! We sell semi-finished diamond paintings without frames! Diamond painting, you only need to DIY and paste the diamonds on.

Note:
1. This is a DIY diamond painting, not finished; you need to complete it yourself.
2. Due to different monitor settings and lighting conditions, the actual color of the item may vary slightly from the pictures. Thanks for your understanding!
3. Please allow a 1-2 cm difference in measurements due to manual measuring.



Package Content:
1 X diamond Painting (diamonds need to be pasted)
1set X diamond Painting Tools (not including painting frame)
1set X diamond Bags
Selling point content
Beauty in Floral Dress 5D DIY Partial Drill Diamonds Dots Gem Art Kits 11.81 X11.81inch Diamonds Paintings Gem Art for Adults Beginners Home Decor
Features:
1. Home Wall Decoration: Elevate the look of your living room, dining room, study, office and more with diamond painting kits. This versatile DIY decor instantly adds charm to any environment, making your space feel personalized and vibrant. This product is not suitable for people under 18
2. Reduce Tension Skill Building: The diamond art kit is ideal for adults and seniors, helping you improve manual skills, relieve stress, boost confidence, and cultivate patience. Enjoy a rewarding experience that enhances emotional well-being.
3. Extra Shiny Diamonds: Featuring dazzling round and specialty shapes, diamonds dots gem art kits bring your artcraft to life with exceptional brilliance. Excellent for enthusiasts who love challenging projects and want vivid, eye-catching results.
4. Clear Easy Canvas Design: The diamond dots paintings feature clear numbers and symbols on the canvas for hassle-free application. Diamonds adhere firmly, ensuring your finished art remains beautiful and intact without falling off.
5. Thoughtful Gift Choice: Diamonds paintings gem art makes a heartfelt gift for friends and family. Share the joy of creativity, offering a unique way to celebrate special occasions with those you care about.

Standard shipping fee is £4.99(UK)

Shipment takes 7 to 20 business days(UK)

Shipping and Delivery time

At uk.diamondpaintinggifts.com, we care about the speed of delivery. We understand that the delivery of goods to your hand nimbly is important.

About Shipping
Receiving time = Processing time +Shipping time 
Processing time: 1-2 business days.This typically takes 1 to 2 days; however, it may take longer time due to order surge.
Free Shipping:7-20 business days

NOTES:

1.Order Processing: The amount of time it takes for us to prepare your order for shipping. This typically takes 1 to 2 days; however, it may take longer time due to order surge.
2. Delivery time: The amount of time it takes to receive your order after your order has been shipped. Delivery times can vary depending on your location and shipping methods. Please check details below.
3. We offer free shipping world without checking number. Direct Line delivery and Express delivery if your order reach certain amount, check details below.
4. Direct Line delivery and Express delivery have specific tracking information and can be tracked through “My Order” section in your account or “Order Status” on the top of uk.diamondpaintinggifts.com website.

Track Your Order

It may take up to 5 business days after your order has shipped for your tracking information to become available online (it might take longer depending on how fast the postal services are processing shipments).

We accept the following payment method:

-PayPal

PayPal: the most convenient payment method in the world

We primarily uses PayPal to process secure payments. Through PayPal, we accept MasterCard, VISA, American Express, Discover, and bank transfer (debit card).You can connect your PayPal, credit card, debit card or bank account to PayPal for purchasing some of our products. After submitting an order, you will be redirected to PayPal to complete the transaction.
1.Log in to your PayPal account or use Credit Card Express;
2.Enter your card details and the order will be shipped to your PayPal address. Then click “Submit”;
3.Your payment will be processed and an invoice will be sent to your e-mail address;
NOTE: Your order will be shipped to your PayPal address. Please ensure that it is correct and complete.

About Diamond Painting:


What is Diamond Painting?
Similar to both cross-stitch and paint-by-numbers, diamond painting is a new creative hobby that has taken the world by storm, especially fans of DIY crafts. Crafters all around the world have fallen in love with this activity because it is easy to learn and incredibly rewarding. Even novices and people who struggle with other crafts find diamond painting relaxing and enjoyable. Mastering the basics is a breeze, and people of all ages and skill levels can create breathtaking artworks.

What’s Included in a Diamond Painting Kit?
Our Diamond Painting kits include a canvas and a set of painting tools (Pen, Tray, Wax , Rhinestones)【Without Frame】

How do I get started?
Really, any of our diamond painting kits are a great way to get started, because they come with everything you need!
What we recommend to start with is a smaller sized diamond painting, so you can make sure it's something you enjoy and that you don't bite off more than you can chew. Some diamond paintings take weeks!

How to Use Discount Code?
The discount can be applied on the payment page. Just copy and paste your code and select "Apply" to redeem.

What is the best size for diamond painting?

There are different sizes of diamond painting Kits. The bigger the size of a canvas, the better the effect you will get at the end. Smaller canvas can give a “Lego brick” effect, while bigger canvas give a more realistic piece of art.

Note:The size indicated in our title are canvas dimensions and not picture size.

About Delivery:

How much will delivery cost?（To UK）

Delivery fees costs vary based on the delivery window.
For Standard Shipping(7-25 days), Order Value below ￡50, shipping fee is ￡5.99;Order Value over ￡50, free shipping.
IMPORTANT：Shipping fee is calculated at the discounted price

For Fast Shipping (7-10days),Shipping fee on all orders is £46.99.(If you choose Fast Shipping, in order to deliver faster, please leave a message to note "Fast Shipping")

How can I qualify for free delivery?

Free delivery on purchases over £50 (after discount)*

How do I place a Standard Delivery order?

To place a standard shipping order, simply add the product to your cart, select your shipping address and fill in the information. Follow the checkout process to complete your order.

How do I place a Fast Delivery order?

To place a Fast Shipping order, simply add the product to your cart, select your shipping address and fill in the information. Follow the checkout process to complete your order.（in order to deliver faster, please leave a message to note "Fast Shipping"）

Hot Sale Collection List