Magic Bean Puzzle Toy
2/5

Magic Bean Puzzle Toy

people are viewing this right now
$21.99
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 = "72792b16-a884-4058-8d4a-ffe6dce23a52"; // 促销活动数据 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"); const setting = this.flashsaleData.product_setting; const landingUrl = `/promotions/discount-default/${this.flashsaleData.discount_info.id}`; const finalUrl = appDiscountUtils.resolveDiscountHref(setting, landingUrl); if (finalUrl && appDiscountUtils.inProductBody(this.element) && e.target !== cur) { this.win.open(finalUrl, '_blank', 'noopener'); } } // 绑定 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 == '8eaa400b-be73-434f-b266-dc92c628bc41' && variant.id != this.variantId) { this.variantId = variant.id; this.getData(); } } getData() { const reqBody = { product_id: "8eaa400b-be73-434f-b266-dc92c628bc41", 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);
Color:  Blue
Quantity
/** @private {string} */ class SpzCustomAnchorScroll extends SPZ.BaseElement { static deferredMount() { return false; } constructor(element) { super(element); /** @private {Element} */ this.scrollableContainer_ = null; } isLayoutSupported(layout) { return layout == SPZCore.Layout.LOGIC; } buildCallback() { this.viewport_ = this.getViewport(); this.initActions_(); } setTarget(containerId, targetId) { this.containerId = '#' + containerId; this.targetId = '#' + targetId; } scrollToTarget() { const container = document.querySelector(this.containerId); const target = container.querySelector(this.targetId); const {scrollTop} = container; const eleOffsetTop = this.getOffsetTop_(target, container); this.viewport_ .interpolateScrollIntoView_( container, scrollTop, scrollTop + eleOffsetTop ); } initActions_() { this.registerAction( 'scrollToTarget', (invocation) => this.scrollToTarget(invocation?.caller) ); this.registerAction( 'setTarget', (invocation) => this.setTarget(invocation?.args?.containerId, invocation?.args?.targetId) ); } /** * @param {Element} element * @param {Element} container * @return {number} * @private */ getOffsetTop_(element, container) { if (!element./*OK*/ getClientRects().length) { return 0; } const rect = element./*OK*/ getBoundingClientRect(); if (rect.width || rect.height) { return rect.top - container./*OK*/ getBoundingClientRect().top; } return rect.top; } } SPZ.defineElement('spz-custom-anchor-scroll', SpzCustomAnchorScroll); const STRENGTHEN_TRUST_URL = "/api/strengthen_trust/settings"; class SpzCustomStrengthenTrust extends SPZ.BaseElement { constructor(element) { super(element); this.renderElement_ = null; } isLayoutSupported(layout) { return layout == SPZCore.Layout.CONTAINER; } buildCallback() { this.xhr_ = SPZServices.xhrFor(this.win); const renderId = this.element.getAttribute('render-id'); SPZCore.Dom.waitForChild( document.body, () => !!document.getElementById(renderId), () => { this.renderElement_ = SPZCore.Dom.scopedQuerySelector( document.body, `#${renderId}` ); if (this.renderElement_) { this.render_(); } this.registerAction('track', (invocation) => { this.track_(invocation.args); }); } ); } render_() { this.fetchData_().then((data) => { if (!data) { return; } SPZ.whenApiDefined(this.renderElement_).then((apis) => { apis?.render(data); document.querySelector('#strengthen-trust-render-1539149753700').addEventListener('click',(event)=>{ if(event.target.nodeName == 'A'){ this.track_({type: 'trust_content_click'}); } }) }); }); } track_(data = {}) { const track = window.sa && window.sa.track; if (!track) { return; } track('trust_enhancement_event', data); } parseJSON_(string) { let result = {}; try { result = JSON.parse(string); } catch (e) {} return result; } fetchData_() { return this.xhr_ .fetchJson(STRENGTHEN_TRUST_URL) .then((responseData) => { if (!responseData || !responseData.data) { return null; } const data = responseData.data; const moduleSettings = (data.module_settings || []).reduce((result, moduleSetting) => { return result.concat(Object.assign(moduleSetting, { logos: (moduleSetting.logos || []).map((item) => { return moduleSetting.logos_type == 'custom' ? this.parseJSON_(item) : item; }) })); }, []); return Object.assign(data, { module_settings: moduleSettings, isEditor: window.self !== window.top, }); }); } } SPZ.defineElement('spz-custom-strengthen-trust', SpzCustomStrengthenTrust);
BUY 2 GET 1 FREE SHIPPING
7-15 Days Delivery with Tracking
Easy 30-Days Returns
Secure Checkout & 30-Day Money Back
Shipping

Description

The best choice for thousands of parents

Do you want to surprise someone?
It is suitable for all ages-strong enough for children to play, and complex enough to arouse the interest of adults.

Feature:

  • 🎲 MATERIAL：This little magic bean toy is made of high-quality ABS, environmentally friendly, non-toxic, no odor, and safe for children to play.
  • 🎲 MAGIC BEAN TOY: It is double-sided, adding more fun.You can move the beads freely with both hands and change the beads to different colors. and then let them return to the same color again!When the children have a party, this three-sided jigsaw puzzle game, see who can quickly complete the game.

  • 🎲 INTELLECTUAL DEVELOPMENT：Magic bean rotating iq puzzler toys can promote thinking, help children exercise hand-eye coordination and mastery skills, and train brain space and logical thinking skills.
  • 🎲 3D GAME BEAN TOY： Magic Bean Cube Stress Relief Toys is also suitable for restlessness, autism, depression, anxiety, attention deficit hyperactivity disorder, can help you relieve stress and anxiety。you can be at any time during travel, office, airport, school Play anywhere to help you concentrate and relax.
  • 🎲 NOVELTY GIFT：We believe that our magic bean toys can be Christmas, New Year gifts, birthday gifts or other holiday gifts. This is a great gift idea for kids and adults.

【Simple Operation】: there are many small beads in each notch of the rotating flip fidget; You can move and rotate the beads back and forth by pushing the middle module, You can match the colors of the beads at will according to your preferences

【Educational】This toy can train children's hand-eye coordination, concentration, patience and strategic thinking and problem-solving ability.It is a good parent-child game that will improve your relationship with your child while giving you the kids a good time.

【Relieve Stress】: playing our four piece fidget cubes requires concentration, careful observation and thinking, which helps to exercise the brain, improve the ability to solve problems, help players reduce the time spent watching the screen, improve their thinking ability and relieve the pressure of work and study

【High Quality Material】the rotating magic bean cube is mainly made of ABS material, which is safe, reliable, sturdy, no bad smell, not easy to fade, break or rust, suitable for people of all ages

【Easy Play】could you put the same color beads together ?carefully designed concave holes, each groove has a number of small beads, which can move and rotate by pushing the middle module.More methods waiting for your development.

【Adorable Gifts】 Want to surprise someone? We believe our  toy can be an idea Christmas gift, New year gift , birthday gift or Other festival present.This will be a unique gift for kids!

Specification:

  • Material: plastic
  • Color: blue, orange, pink
  • Size: 10.5x2.6x11cm / 4.1*1.0*4.3in

Package includes:

  • 1×Magic Bean Puzzle Toy

  • DELIVERY WORLDWIDE

    7-15 Days Delivery & Over $59 Get Free Shipping

  • 100% PAYMENT SECURE

    We ensure secure payment with PEV

  • CREDIT PAYMENT

    Multiple credit card payment methods

  • 30 DAYS RETURN

    Simply return it within 30 days for an exchange