Mozfigure

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

BIG SALE EVENT

Highly cost-effective figures for clearance and sale

See Caliber

LASTEST UPDATED

Lastest Update

Save $33.44

ACE PLAYER Studio - NBA - Curry Bust 1/1 Statue(GK)

From $2,255.99 $2,289.43 Save $33.44

Save $27.33

ACE PLAYER Studio - NBA - Curry Action Figure PVC

From $105.99 $133.32 Save $27.33

Save $26.55

ACE PLAYER Studio - NBA - Curry 1/1 Statue(GK)

$4,928.99 $4,955.54 Save $26.55

Save $20.33

Cast Design Studio - Frieren: Beyond Journey's End Original Art Design Series No.3 Frieren 1/4 Statue(GK)

From $178.99 $199.32 Save $20.33

Save $17.44

BiuBiu Studio - Crayon Shin-chan Scene Series #3 Hiroshi & Shinnosuke Statue(GK)

From $59.99 $77.43 Save $17.44

Save $39.32

TGZW Studio - Latex Series Part 2: Secret Investigator (Licensed) 1/4 Statue(GK)

From $193.99 $233.31 Save $39.32

Save $20.55

ENTERBAY Studio x TOYQUBE - ASTRO BOY GOLDEN ERA 90s - NEW YORK & INDIANA EDITION (Licensed)

From $45.99 $66.54 Save $20.55

Save $19.44

SSF & eStream - My Teen Romantic Comedy SNAFU. Completion Iroha Isshiki -Starry Dress Ver.- 1/7 Complete Figure (Licensed)

From $55.99 $75.43 Save $19.44

Save $17.24

LD Studio - Digimon 04 unlimited land number ten players joint series The last Ranamon Statue(GK)

From $59.99 $77.23 Save $17.24

Save $17.66

C2 Studio - One Piece - Roronoa Zoro Statue(GK)

From $59.99 $77.65 Save $17.66

Save $28.44

AZ Studio Eren Skeleton Attack On Titan with LED Statue(GK)

From $255.99 $284.43 Save $28.44

Save $35.33

Shan Hai Studio - HUNTER×HUNTER - Killua & Gon 1/6 Statue(GK)

From $163.99 $199.32 Save $35.33

STATUE COLLECTIONS

Statues（GK）

Save $17.44

BiuBiu Studio - Crayon Shin-chan Scene Series #3 Hiroshi & Shinnosuke Statue(GK)

From $59.99 $77.43 Save $17.44

Save $39.32

TGZW Studio - Latex Series Part 2: Secret Investigator (Licensed) 1/4 Statue(GK)

From $193.99 $233.31 Save $39.32

Save $20.55

ENTERBAY Studio x TOYQUBE - ASTRO BOY GOLDEN ERA 90s - NEW YORK & INDIANA EDITION (Licensed)

From $45.99 $66.54 Save $20.55

Save $17.24

LD Studio - Digimon 04 unlimited land number ten players joint series The last Ranamon Statue(GK)

From $59.99 $77.23 Save $17.24

Save $17.66

C2 Studio - One Piece - Roronoa Zoro Statue(GK)

From $59.99 $77.65 Save $17.66

Save $28.44

AZ Studio Eren Skeleton Attack On Titan with LED Statue(GK)

From $255.99 $284.43 Save $28.44

Save $35.33

Shan Hai Studio - HUNTER×HUNTER - Killua & Gon 1/6 Statue(GK)

From $163.99 $199.32 Save $35.33

Save $36.44

Lupacol Studio - Pokémon Sylveon 1/6 Statue(GK)

From $207.99 $244.43 Save $36.44

Save $33.33

Toys Evolution Studio - World of Warcraft Tauren 1/6 Statue(GK)

From $99.99 $133.32 Save $33.33

Save $33.94

YunQi Studio & EGG Studio - One Piece Hancock & Luffy 1/6 Statue(GK)

From $225.99 $259.93 Save $33.94

Save $25.33

Zero Point Studio - Street Fighter - Ryu Statue(GK)

From $85.99 $111.32 Save $25.33

Save $27.33

DREAM Studio - One Piece Zoro 1/4 Statue(GK)

From $105.99 $133.32 Save $27.33

18+ ADULT

Adult 18+

Save $32.95

APEX studio - Genshin Impact -Dance of Ice and Fire HuTao&Kamisato Ayaka 1/6 Statue(GK) (Adult 18+)

From $125.99 $158.94 Save $32.95

Save $29.33

PRE-ORDER Dragon Stone Studio - NieR Automata NIKKE & NieR Collab 2B & A2 1/7 Statue(GK）(Adult 18+)

From $69.99 $99.32 Save $29.33

Save $261.00

IN-STOCK FigureRich Studio Devil Killer Miaomiao Qian statues

From $269.00 $530.00 Save $261.00

Sold out

MOSS Studio - Azur Lane Shinano 1/4 Statue(GK) (Adult 18+)

From $193.99 $244.35 Save $50.36

Sold out

GodPan Studio - Jinhsi & Changli 1/6 Statue(GK) (Adult 18+)

From $145.99 $163.14 Save $17.15

Sold out

KOD Studio - Honkai: Star Rail Football Series March 7th 1/6 & 1/4 Statue(GK) (Adult 18+)

From $85.99 $122.25 Save $36.26

Sold out

YaoMengMeng Studio - Genshin Impact Varesa 1/6 Statue(GK) (Adult 18+)

From $59.99 $77.65 Save $17.66

Save $10.33

PP Studio - Ryu 1/6 Statue(GK)

From $188.99 $199.32 Save $10.33

Save $20.55

B&W Studio - Pokémon No-Girl Series #4 Hilda 3D Decorative Painting KKPG-004/KKPGSlim-004 Scene

From $45.99 $66.54 Save $20.55

Sold out

YaoMengMeng Studio - HMS Implacable 1/6 Statue(GK)

From $59.99 $88.43 Save $28.44

Save $21.55

B&W Studio - King of Fighters Shermie 3D Decorative Painting KKRD-022/KKRDSlim-022 Scene

From $44.99 $66.54 Save $21.55

Save $20.55

B&W Studio - Frieren Beyond Journey's End Frieren & Fern 3D Decorative Painting KKMP-014/KKMPSlim-014 Scene

From $45.99 $66.54 Save $20.55

FIGURE COLLECTIONS

PVC Figures

Save $19.44

SSF & eStream - My Teen Romantic Comedy SNAFU. Completion Iroha Isshiki -Starry Dress Ver.- 1/7 Complete Figure (Licensed)

From $55.99 $75.43 Save $19.44

Save $22.44

SSF Studio - Fate/Grand Order - Mash Kyrielight 1/7 Scale PVC

From $65.99 $88.43 Save $22.44

Save $14.55

Hobby Chaton - Mukuchikei Gal Succubus Yuki Shinomiya Illustrated by sune 1/6 Complete Figure (Licensed) PVC

From $31.99 $46.54 Save $14.55

Save $20.55

Kotobukiya - Rage of Bahamut Official - 1/8 Scale PV369 Dark Angel Olivia PVC

From $45.99 $66.54 Save $20.55

Save $17.66

BearPanda - The Hungry Lamb: Traveling in the Late Ming Dynasty Mansui 1/6 Hongzhuang Sui Sui (Licensed) PVC

From $59.99 $77.65 Save $17.66

Save $17.33

Otaku Toys - Youko no Sister (Licensed) 1/6 PVC

From $59.99 $77.32 Save $17.33

Save $27.33

ACE PLAYER Studio - NBA - Curry Action Figure PVC

From $105.99 $133.32 Save $27.33

Save $20.55

APEX - Chinese Paladin: Sword and Fairy Official - 1/7 Scale Thunder Fairy Ver. Ring Chaw PVC

From $45.99 $66.54 Save $20.55

Save $20.55

SSR FIGURE - Original SSR Figure Caffeine-chan & Dark Elf Dancer Summer Ver. (Licensed) PVC

From $45.99 $66.54 Save $20.55

Save $19.55

HobbySakura Studio - Other series - 1/8 Scale Bunny Girl PVC

From $55.99 $75.54 Save $19.55

Save $20.55

Kotobukiya - Illustrator Original Rukawachan by Rukawa Negi 1/6 Complete Figure (Licensed) PVC

From $45.99 $66.54 Save $20.55

Save $17.55

HOBBY STOCK - My Teen Romantic Comedy SNAFU 2 Yukino Yukinoshita Swimsuit ver. 1/6 Complete Figure (Licensed) PVC

From $59.99 $77.54 Save $17.55

INSTOCK PRODUCTS

IN-STOCK

Save $20.55

B&W Studio - Pokémon No-Girl Series #4 Hilda 3D Decorative Painting KKPG-004/KKPGSlim-004 Scene

From $45.99 $66.54 Save $20.55

Save $21.55

B&W Studio - King of Fighters Shermie 3D Decorative Painting KKRD-022/KKRDSlim-022 Scene

From $44.99 $66.54 Save $21.55

Save $20.55

B&W Studio - Frieren Beyond Journey's End Frieren & Fern 3D Decorative Painting KKMP-014/KKMPSlim-014 Scene

From $45.99 $66.54 Save $20.55

Save $22.69

Qianqiu Studio - Otaku Girl Series - Stretching Girl, Bishoujo 1/7 Scale Figure

$112.87 $135.56 Save $22.69

Save $29.59

HOBBY STOCK Studio - "Strike the Blood FINAL" Himejima Yukina White Lingerie Version 1/4 Scale Figure (PVC Figure)

$181.64 $211.23 Save $29.59

Save $20.55

B&W Studio - Slam Dunk Haruko Akagi 3D Decorative Painting DSMG-125/DSMGSlim-125 Scene

From $45.99 $66.54 Save $20.55

Save $20.55

B&W Studio - Demon Slayer Mitsuri & Shinobu 3D Decorative Painting KKMP-013/KKMPSlim-013 Scene

From $45.99 $66.54 Save $20.55

Save $20.55

Black and White Studio - Naruto - KKMP-012/KKMPSlim-012 Decorative Painting of Yamanaka Ino and Temari Scene

From $45.99 $66.54 Save $20.55

Save $20.55

B&W Studio - King of Fighters Chun-Li 3D Decorative Painting KKRD-021/KKRDSlim-021 Scene

From $45.99 $66.54 Save $20.55

Save $19.66

B&W Studio - ONE PIECE - DSMG-124 & DSMGSlim-124 Yamato 3D Decorative Painting Scene

From $46.99 $66.65 Save $19.66

Save $19.44

B&W Studio - Demon Slayer Kanae Kocho & Kocho Shinobu Decorative Painting KKMP-011/KKMPSlim-011 Scene

From $46.99 $66.43 Save $19.44

Save $3.33

INST FIGURERICH Studion - "Day Dreams“ series stuffed toys No.1 BANA's pilot dream

$19.99 $23.32 Save $3.33

Shipment & After Service

Strive to provide the best shipping solutions and after-sales service.

Pre-sale Products Policy

Book now and lock in your favorite products.

Worldwide Shiping

Specializing in retail and wholesale of Statues and Collection Figures all ove the world.

const TAG = "spz-custom-announcement"; const DISPLAY_TYPE = { ANNOUNCEMENT: "PTT_BANNER" // 公告栏 }; const API = { LIST: `/api/storefront/promotion/placement/list`, // 获取公告栏列表 REPORT: `/api/storefront/promotion/placement/data/report` // 上报数据 }; const DISPLAY_DEVICE = { PC_AND_MOBILE: "PD_PC_MOBILE", // PC和移动端 PC: "PD_PC", // PC MOBILE: "PD_MOBILE" // 移动端 }; const REPORT_EVENT = { CLICK: "PE_CLICK", // 点击事件 IMPRESSION: "PE_IMPRESSION" // 曝光事件 }; const POSITION = { TOP: "PP_TOP", // 顶部 BOTTOM: "PP_BOTTOM" // 底部 } const MODE = { FIXED: "PM_FIXED", // 固定 NORMAL: "PM_SCROLLING" // 滚动 } const THEME_NAME = window.SHOPLAZZA.theme.merchant_theme_name; class SpzCustomAnnouncement extends SPZ.BaseElement { constructor(element) { super(element); this.announcementList_ = []; // 公告栏数据 } static deferredMount() { return false; } buildCallback() { this.action_ = SPZServices.actionServiceForDoc(this.element); this.templates_ = SPZServices.templatesForDoc(this.element); this.xhr_ = SPZServices.xhrFor(this.win); this.setupAction_(); this.viewport_ = this.getViewport(); } mountCallback() { this.fetchData_(); this.createAnnouncementDom_(); this.listenCartChange_(); } fetchData_(type = '') { const id = window.SHOPLAZZA.meta.page.template_type === 51 ? window.SHOPLAZZA.meta.page.resource_id : 0; return this.xhr_.fetchJson(API.LIST, { method: 'POST', body: { page_id: window.SHOPLAZZA.meta.page.template_type, placement_type: DISPLAY_TYPE.ANNOUNCEMENT, discount_id: id } }).then((res) => { this.announcementList_ = res.list || []; if (this.announcementList_.length > 0) { this.announcementList_.forEach((item) => { item.config = JSON.parse(item.config); }); } if(type === 'cartChange') { this.announcementList_.forEach((item) => { this.updateText_(item); }); } else { this.doRender_(this.announcementList_); } }).catch((error) => { console.error(error); }) } doRender_(data) { return this.templates_ .findAndRenderTemplate(this.element, { list: this.announcementList_ }) .then((el) => { const children = this.element.querySelector('*:not(template)'); children && SPZCore.Dom.removeElement(children); this.element.appendChild(el); }) .then(() => { this.announcementList_.forEach((item) => { this.showAnnouncement_(item); }); }).then(() => { this.handleThemeCompatibility_(); }); } // 更新文案 updateText_(item) { const announcement = document.querySelector(`#announcement-${item.id}`); const announcementText = announcement.querySelectorAll('.announcement_text'); const textArr = item.config.text_discount.replace_texts; const textDom = textArr.map((text) => { return `${text}`; }).join(','); announcementText.forEach((text) => { text.innerHTML = textDom; }); } // 创建公告栏dom createAnnouncementDom_() { const isHero = /Hero/.test(THEME_NAME); const isEva = /Eva/.test(THEME_NAME); const headerEl = document.querySelector('[data-section-type="header"]'); const headerSticky = headerEl && SPZCore.Dom.computedStyle(this.win, headerEl).position === 'sticky'; // 创建滚动的底部公告栏 const announcementBottomContainer = document.createElement('div'); announcementBottomContainer.className = 'announcement__container_bottom bootstrap'; document.body.appendChild(announcementBottomContainer); // 创建固定的底部公告栏 const announcementBottomSticky = document.createElement('ljs-sticky'); announcementBottomSticky.className = 'announcement__container_bottom-sticky'; announcementBottomSticky.setAttribute('layout', 'container'); announcementBottomSticky.setAttribute('position', 'bottom'); announcementBottomSticky.style.position = 'fixed'; announcementBottomSticky.style.bottom = '0'; announcementBottomSticky.style.left = '0'; announcementBottomSticky.style.right = '0'; announcementBottomSticky.style.zIndex = '1030'; document.body.appendChild(announcementBottomSticky); const announcementTopContainer = document.createElement('div'); announcementTopContainer.classList.add('announcement__container_top'); if (isHero) { announcementTopContainer.classList.add('announcement__container_top_zIndex_1030'); } announcementTopContainer.classList.add('bootstrap'); document.body.insertBefore(announcementTopContainer, document.body.children[0]); const announcementTopFixedContainer = document.createElement('div'); announcementTopFixedContainer.classList.add('announcement__container_top-fixed'); if (isHero) { announcementTopFixedContainer.classList.add('announcement__container_top_zIndex_1030'); } announcementTopFixedContainer.classList.add('bootstrap'); const insertBeforeElement = headerSticky ? headerEl : document.body; insertBeforeElement.insertBefore(announcementTopFixedContainer, insertBeforeElement.children[0]); if (isEva) { const evaHeader = document.querySelector('header.header'); const isEvaMaskHeader = evaHeader && SPZCore.Dom.computedStyle(this.win, evaHeader).position === 'absolute'; let fixedBannerTopContainer = document.querySelector('.announcement__container_top-fixed'); if (isEvaMaskHeader) { if (fixedBannerTopContainer) { fixedBannerTopContainer.remove(); } const newBanner = document.createElement('div'); newBanner.className = 'announcement__container_top-fixed bootstrap'; document.body.insertBefore(newBanner, document.body.firstChild); fixedBannerTopContainer = newBanner; } else { if (!headerEl) return; const observer = new MutationObserver(() => { const isSticky = SPZCore.Dom.computedStyle(this.win, headerEl).position === 'sticky'; if (!isSticky) return; const isTopFixedAnnouncementInHeader = headerEl.querySelector('.announcement__container_top-fixed'); if (isTopFixedAnnouncementInHeader) return; const announcementTopFixedContainer = document.querySelector('.announcement__container_top-fixed'); if (announcementTopFixedContainer) { announcementTopFixedContainer.remove(); headerEl.insertBefore(announcementTopFixedContainer, headerEl.children[0]); observer.disconnect(); } }); observer.observe(headerEl, { attributes: true, attributeFilter: ['style', 'class'] }); } if (headerSticky && !isEvaMaskHeader && fixedBannerTopContainer) { fixedBannerTopContainer.style.position = 'relative'; fixedBannerTopContainer.style.zIndex = '29'; } } } // 展示公告栏 showAnnouncement_(item) { const announcement = document.querySelector(`#announcement-${item.id}`); const announcementBottomContainer = document.querySelector('.announcement__container_bottom'); const announcementBottomSticky = document.querySelector('.announcement__container_bottom-sticky'); const announcementTopContainer = document.querySelector('.announcement__container_top'); const announcementTopFixedContainer = document.querySelector('.announcement__container_top-fixed'); const isPC = this.viewport_.getWidth() >= 960; const isMobile = this.viewport_.getWidth() < 960; const isMatchPCDevice = item.device === DISPLAY_DEVICE.PC_AND_MOBILE || item.device === DISPLAY_DEVICE.PC; const isMatchMobileDevice = item.device == DISPLAY_DEVICE.PC_AND_MOBILE || item.device === DISPLAY_DEVICE.MOBILE; if((isPC && isMatchPCDevice) || (isMobile && isMatchMobileDevice)) { if (item.position === POSITION.BOTTOM) { if(item.mode === MODE.FIXED) { announcementBottomSticky && announcementBottomSticky.appendChild(announcement); } else { announcementBottomContainer && announcementBottomContainer.appendChild(announcement); } } else { if (item.mode === MODE.FIXED) { announcementTopFixedContainer && announcementTopFixedContainer.appendChild(announcement); } else { announcementTopContainer && announcementTopContainer.appendChild(announcement); } } this.reportData({ placement_id: item.id, event: REPORT_EVENT.IMPRESSION }); } } // 处理主题兼容 handleThemeCompatibility_() { try { const isBoost = /Boost/.test(THEME_NAME); const isHyde = /Hyde/.test(THEME_NAME); const isEva = /Eva/.test(THEME_NAME); const boostHeader = document.querySelector('.boost-header'); const fixedBannerTopContainer = document.querySelector('.announcement__container_top-fixed'); const notFixedBannerTopContainer = document.querySelector('.announcement__container_top'); const headerEl = document.querySelector('[data-section-type="header"]'); const headerSticky = headerEl && SPZCore.Dom.computedStyle(this.win, headerEl).position === 'sticky'; const header = document.querySelector('.header__fixed') || document.querySelector('.header__wrapper'); const headerFixed = header && SPZCore.Dom.computedStyle(this.win, header).position === 'fixed'; const handleScroll = SPZCore.Types.throttle(this.win, () => { if (isHyde) { if (header && headerSticky) { header.style.marginTop = `${fixedBannerTopContainer.offsetHeight}px`; } else { notFixedBannerTopContainer.style.marginTop = `${fixedBannerTopContainer.offsetHeight}px`; } } if (isEva) { const evaHeader = document.querySelector('header.header'); const isEvaMaskHeader = evaHeader && SPZCore.Dom.computedStyle(this.win, evaHeader).position === 'absolute'; if (!isEvaMaskHeader) return; if (evaHeader.classList.contains('header__fixed')) { evaHeader.style.marginTop = `${fixedBannerTopContainer.offsetHeight}px`; } else { notFixedBannerTopContainer.style.marginTop = `${fixedBannerTopContainer.offsetHeight}px`; } if(document.documentElement.scrollTop === 0) { evaHeader.style.marginTop = '0'; } } if (headerSticky) return; if (headerFixed) { header.style.marginTop = `${fixedBannerTopContainer.offsetHeight}px`; } else { const observer = new MutationObserver((mutationsList, observer) => { for (const mutation of mutationsList) { if (mutation.type === 'childList' && fixedBannerTopContainer.childElementCount > 0) { notFixedBannerTopContainer.style.marginTop = `${fixedBannerTopContainer.offsetHeight}px`; observer.disconnect(); // 停止观察 break; } } }); // 开始观察 fixedBannerTopContainer 的子节点变化 observer.observe(fixedBannerTopContainer, { childList: true, subtree: true }); // 初始检查 if (fixedBannerTopContainer.childElementCount > 0) { notFixedBannerTopContainer.style.marginTop = `${fixedBannerTopContainer.offsetHeight}px`; } if(header) { header.style.marginTop = '0'; } } if (isBoost) { fixedBannerTopContainer.style.zIndex = '1031'; if (boostHeader && boostHeader.classList.contains('header__fixed')) { boostHeader.style.marginTop = `${fixedBannerTopContainer.offsetHeight}px`; } else { notFixedBannerTopContainer.style.marginTop = `${fixedBannerTopContainer.offsetHeight}px`; } } }, 16); window.addEventListener('scroll', handleScroll); window.dispatchEvent(new Event('scroll')); } catch (error) { console.error('error', error); } } // 上报数据 async reportData(data) { // 如果是主题编辑器则不用处理 if(window.top !== window.self) { return; } this.xhr_.fetchJson(API.REPORT, { method: "POST", body: { placement_id: data.placement_id, event: data.event } }); } // 监听购物车变化事件dj.cartChange listenCartChange_() { SPZUtils.Event.listen(document, 'dj.cartChange', (event) => { this.fetchData_('cartChange'); }); } setupAction_() { this.registerAction('handleClose', (invocation) => { const data = invocation.args; const id = data.id; const announcement = document.querySelector(`#announcement-${id}`); announcement && SPZCore.Dom.removeElement(announcement); window.dispatchEvent(new Event('scroll')); }); this.registerAction('handleJumpLink', (invocation) => { const data = invocation.args; if(!data.show_url) return; data.url && window.open(data.url, data.open_new_window ? '_blank' : '_self'); this.reportData({ placement_id: data.id, event: REPORT_EVENT.CLICK }); }); } triggerEvent_(name, data) { const event = SPZUtils.Event.create(this.win, `${ TAG }.${ name }`, data || {}); this.action_.trigger(this.element, name, event); } isLayoutSupported(layout) { return layout == SPZCore.Layout.CONTAINER; } } SPZ.defineElement(TAG, SpzCustomAnnouncement);

const TAG = "spz-custom-popup"; const DISPLAY_TYPE = { POPUP: "PTT_POPUP" // 弹窗 }; const API = { LIST: `/api/storefront/promotion/placement/list`, // 获取弹窗列表 REPORT: `/api/storefront/promotion/placement/data/report` // 上报数据 }; const DISPLAY_DEVICE = { PC_AND_MOBILE: "PD_PC_MOBILE", // PC和移动端 PC: "PD_PC", // PC MOBILE: "PD_MOBILE" // 移动端 }; const REPORT_EVENT = { CLICK: "PE_CLICK", // 点击事件 IMPRESSION: "PE_IMPRESSION" // 曝光事件 }; class SpzCustomPopup extends SPZ.BaseElement { constructor(element) { super(element); this.popupList_ = []; // 弹窗数据 this.popupZIndex = 1050; // 弹窗层级 // 节流处理每5s内多次点击算一次点击上报 this.throttleReport = this.win.SPZCore.Types.throttle( this.win, (data) => { this.reportData(data) }, 5000 ) } static deferredMount() { return false; } buildCallback() { this.action_ = SPZServices.actionServiceForDoc(this.element); this.templates_ = SPZServices.templatesForDoc(this.element); this.xhr_ = SPZServices.xhrFor(this.win); this.setupAction_(); this.viewport_ = this.getViewport(); } mountCallback() { this.fetchData_(); } // 接口请求，获取数据 fetchData_() { const id = window.SHOPLAZZA.meta.page.template_type === 51 ? window.SHOPLAZZA.meta.page.resource_id : 0; return this.xhr_.fetchJson(API.LIST, { method: 'POST', body: { page_id: window.SHOPLAZZA.meta.page.template_type, placement_type: DISPLAY_TYPE.POPUP, discount_id: id } }).then((res) => { // 请求成功执行render this.doRender_(res.list); }).catch((err) => { console.error(err); }); } // 渲染dom doRender_(data) { this.popupList_ = data || []; if (this.popupList_.length > 0) { this.popupList_.forEach((item) => { item.config = JSON.parse(item.config); }) } return this.templates_ .findAndRenderTemplate(this.element, { list: this.popupList_ }) .then((el) => { const children = this.element.querySelector('*:not(template)'); children && SPZCore.Dom.removeElement(children); this.element.appendChild(el); }) .then(() => { // 遍历显示弹窗 this.popupList_.forEach((item) => { this.showPopup_(item); }); }) } showPopup_(popup) { // 展示弹窗符合展示条件的弹窗 const $popup = document.querySelector(`#popup-${popup.id}`); $popup && SPZ.whenApiDefined($popup).then((api)=> { const isPC = this.viewport_.getWidth() >= 960; const isMobile = this.viewport_.getWidth() < 960; const isMatchPCDevice = popup.device === DISPLAY_DEVICE.PC_AND_MOBILE || popup.device === DISPLAY_DEVICE.PC; const isMatchMobileDevice = popup.device == DISPLAY_DEVICE.PC_AND_MOBILE || popup.device === DISPLAY_DEVICE.MOBILE; if((isPC && isMatchPCDevice) || (isMobile && isMatchMobileDevice)) { // 根据推送时间延迟展示弹窗 setTimeout(() => { api.open(); }, popup.delay_seconds * 1000); } }) } // 上报数据 async reportData(data) { this.xhr_.fetchJson(API.REPORT, { method: "POST", body: { placement_id: data.placement_id, event: data.event } }); } setupAction_() { this.registerAction('handleTrack', async(invocation) => { // 如果是主题编辑器则不用处理 if(window.top !== window.self) { return; } const data = invocation.args; const event = data.event; // 点击上报节流处理 if(event === REPORT_EVENT.CLICK) { await this.throttleReport(data); } else { this.reportData(data); } }); } triggerEvent_(name, data) { const event = SPZUtils.Event.create(this.win, `${ TAG }.${ name }`, data || {}); this.action_.trigger(this.element, name, event); } isLayoutSupported(layout) { return layout == SPZCore.Layout.CONTAINER; } } SPZ.defineElement(TAG, SpzCustomPopup);