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-103'); } getOutsideItemEl() { return this.resolveBlockElement('.app-smart-search-outside-item', 'app-smart-search-outside-item-103'); } // --- 插件位置纠正 --- 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-103'); 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-103' ); 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-103'; 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);
Treehouse DIY Paint By Numbers Kit on Canvas 40x50cm Without Frame Paint by Numbers Kits Drawing Paintwork for Beginners Adults Gift Home Wall Decor
Treehouse DIY Paint By Numbers Kit on Canvas 40x50cm Without Frame Paint by Numbers Kits Drawing Paintwork for Beginners Adults Gift Home Wall Decor
Treehouse DIY Paint By Numbers Kit on Canvas 40x50cm Without Frame Paint by Numbers Kits Drawing Paintwork for Beginners Adults Gift Home Wall Decor
Treehouse DIY Paint By Numbers Kit on Canvas 40x50cm Without Frame Paint by Numbers Kits Drawing Paintwork for Beginners Adults Gift Home Wall Decor
Treehouse DIY Paint By Numbers Kit on Canvas 40x50cm Without Frame Paint by Numbers Kits Drawing Paintwork for Beginners Adults Gift Home Wall Decor
Treehouse DIY Paint By Numbers Kit on Canvas 40x50cm Without Frame Paint by Numbers Kits Drawing Paintwork for Beginners Adults Gift Home Wall Decor
Treehouse DIY Paint By Numbers Kit on Canvas 40x50cm Without Frame Paint by Numbers Kits Drawing Paintwork for Beginners Adults Gift Home Wall Decor
Treehouse DIY Paint By Numbers Kit on Canvas 40x50cm Without Frame Paint by Numbers Kits Drawing Paintwork for Beginners Adults Gift Home Wall Decor
Treehouse DIY Paint By Numbers Kit on Canvas 40x50cm Without Frame Paint by Numbers Kits Drawing Paintwork for Beginners Adults Gift Home Wall Decor
Treehouse DIY Paint By Numbers Kit on Canvas 40x50cm Without Frame Paint by Numbers Kits Drawing Paintwork for Beginners Adults Gift Home Wall Decor
Treehouse DIY Paint By Numbers Kit on Canvas 40x50cm Without Frame Paint by Numbers Kits Drawing Paintwork for Beginners Adults Gift Home Wall Decor
Treehouse DIY Paint By Numbers Kit on Canvas 40x50cm Without Frame Paint by Numbers Kits Drawing Paintwork for Beginners Adults Gift Home Wall Decor
Treehouse DIY Paint By Numbers Kit on Canvas 40x50cm Without Frame Paint by Numbers Kits Drawing Paintwork for Beginners Adults Gift Home Wall Decor
Treehouse DIY Paint By Numbers Kit on Canvas 40x50cm Without Frame Paint by Numbers Kits Drawing Paintwork for Beginners Adults Gift Home Wall Decor
1/14
Treehouse DIY Paint By Numbers Kit on Canvas 40x50cm Without Frame Paint by Numbers Kits Drawing Paintwork for Beginners Adults Gift Home Wall Decor
Treehouse DIY Paint By Numbers Kit on Canvas 40x50cm Without Frame Paint by Numbers Kits Drawing Paintwork for Beginners Adults Gift Home Wall Decor
Treehouse DIY Paint By Numbers Kit on Canvas 40x50cm Without Frame Paint by Numbers Kits Drawing Paintwork for Beginners Adults Gift Home Wall Decor
Treehouse DIY Paint By Numbers Kit on Canvas 40x50cm Without Frame Paint by Numbers Kits Drawing Paintwork for Beginners Adults Gift Home Wall Decor
Treehouse DIY Paint By Numbers Kit on Canvas 40x50cm Without Frame Paint by Numbers Kits Drawing Paintwork for Beginners Adults Gift Home Wall Decor
Treehouse DIY Paint By Numbers Kit on Canvas 40x50cm Without Frame Paint by Numbers Kits Drawing Paintwork for Beginners Adults Gift Home Wall Decor
Treehouse DIY Paint By Numbers Kit on Canvas 40x50cm Without Frame Paint by Numbers Kits Drawing Paintwork for Beginners Adults Gift Home Wall Decor
Treehouse DIY Paint By Numbers Kit on Canvas 40x50cm Without Frame Paint by Numbers Kits Drawing Paintwork for Beginners Adults Gift Home Wall Decor
Treehouse DIY Paint By Numbers Kit on Canvas 40x50cm Without Frame Paint by Numbers Kits Drawing Paintwork for Beginners Adults Gift Home Wall Decor
Treehouse DIY Paint By Numbers Kit on Canvas 40x50cm Without Frame Paint by Numbers Kits Drawing Paintwork for Beginners Adults Gift Home Wall Decor
Treehouse DIY Paint By Numbers Kit on Canvas 40x50cm Without Frame Paint by Numbers Kits Drawing Paintwork for Beginners Adults Gift Home Wall Decor
Treehouse DIY Paint By Numbers Kit on Canvas 40x50cm Without Frame Paint by Numbers Kits Drawing Paintwork for Beginners Adults Gift Home Wall Decor
Treehouse DIY Paint By Numbers Kit on Canvas 40x50cm Without Frame Paint by Numbers Kits Drawing Paintwork for Beginners Adults Gift Home Wall Decor
Treehouse DIY Paint By Numbers Kit on Canvas 40x50cm Without Frame Paint by Numbers Kits Drawing Paintwork for Beginners Adults Gift Home Wall Decor
1/14

Treehouse DIY Paint By Numbers Kit on Canvas 40x50cm Without Frame Paint by Numbers Kits Drawing Paintwork for Beginners Adults Gift Home Wall Decor

￡14.85
￡14.85
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 = "9927827d-e84c-463c-89ed-8a5bdd727dff"; // 促销活动数据 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 == '8ba5585f-ab24-4086-aa97-301078ad9712' && variant.id != this.variantId) { this.variantId = variant.id; this.getData(); } } getData() { const reqBody = { product_id: "8ba5585f-ab24-4086-aa97-301078ad9712", 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:
Origin: Mainland China
Style: Paint by Number (DIY Coloring)
Type: Creative Home Decor Set
Craft: Color by Number
Size: 40x50cm
Material: Hand-painted oil canvas + environmentally friendly acrylic paint
Paint: Environmentally friendly acrylic paint, vibrant colors, quick-drying and
Accessories: Brushes, metal hooks, traceless nails, sample image, color box
Canvas: Hand-painted oil canvas with clear texture and resistant to deformation.
This product is not suitable for people under 18.

Instructions for Use:

1. Unpack the package and check that the canvas, paint, brushes, and other accessories are complete.
2. Refer to the numbers on the back of the canvas and fill in the corresponding areas with the appropriate color paint.
3. After filling in the colors, let them dry completely (approximately 2-4 hours).
4. Install the hooks and hang it on the wall in the living room, bedroom, or other decorative areas.


Note:
Due to different monitor settings and lighting conditions, the actual color of the item may vary slightly from the pictures. Thanks for your understanding!
Please allow a 1-2 cm difference in measurements due to manual measuring.


Package Content:
1 x canvas
1 set x paint (sufficient quantity)
3 x paintbrushes
2 x metal hooks
2 x traceless nails
1 x sample image
1 x color box

Selling point content
Treehouse DIY Paint By Numbers Kit on Canvas 15.75x19.69in Without Frame Paint by Numbers Kits Drawing Paintwork for Beginners Adults Gift Home Wall Decor
Features:
1.Standard 40x50cm Size: The paint by numbers kit offers a classic 40x50cm dimension, greatly complementing living rooms, bedrooms, entryways, and more. No extra framing is required-simply hang it out of the box to refresh any wall with ease.
2.Long-Lasting Vivid Colors: This oil painting kit features highly pigmented acrylics that form a protective layer once dry, resisting water and dirt. Your masterpiece maintains bright, fresh hues for years without fading or yellowing.
3.Elegant Gift Box Packaging: The paint by numbers kits drawing paintwork set arrives in a stylish gift box with all accessories included, ready for thoughtful gifting to craft enthusiasts, housewarming occasions, and anyone who appreciates creativity.
4.Exceptional Color Fidelity: The by numbers selection provides friendly, high-saturation paints for lasting brilliance and clear lines, ensuring your finished work rivals the detail and artistry of an original painting.
5.Decorative Therapeutic Value: Painting by numbers brings dual benefits-display the completed piece in your home or office, and enjoy a relaxing, creative process that adds both beauty and positive energy to your daily life.This product is not suitable for people under 18.

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