2/4

Cat Steam Brush with Release Button, 3 in – Stainless, Everyday Comfort, Was $49, Save 39%

$29.99
/** * 优惠码组件模型类 * 处理优惠码的显示和交互逻辑 */ class SpzCustomDiscountCodeModel extends SPZ.BaseElement { constructor(element) { super(element); // 复制按钮和内容的类名 this.copyBtnClass = "discount_code_btn" this.copyClass = "discount_code_value" } isLayoutSupported(layout) { return layout == SPZCore.Layout.LOGIC; } buildCallback() { // 初始化服务 this.action_ = SPZServices.actionServiceForDoc(this.element); this.templates_ = SPZServices.templatesForDoc(this.element); this.xhr_ = SPZServices.xhrFor(this.win); } /** * 渲染优惠码组件 * @param {Object} data - 渲染数据 */ doRender_(data) { return this.templates_ .findAndRenderTemplate(this.element, Object.assign(this.getDefaultData(), data) ) .then((el) => { this.clearDom(); this.element.appendChild(el); // 绑定复制代码功能 this.copyCode(el, data); }); } /** * 获取渲染模板 * @param {Object} data - 渲染数据 */ getRenderTemplate(data) { const renderData = Object.assign(this.getDefaultData(), data); return this.templates_ .findAndRenderTemplate(this.element, renderData) .then((el) => { this.clearDom(); return el; }); } /** * 清除DOM内容 */ clearDom() { const children = this.element.querySelector('*:not(template)'); children && SPZCore.Dom.removeElement(children); } /** * 获取默认数据 * @returns {Object} 默认数据对象 */ getDefaultData() { return { isMobile: appDiscountUtils.judgeMobile(), isRTL: appDiscountUtils.judgeRTL(), image_domain: this.win.SHOPLAZZA.image_domain, copyBtnClass: this.copyBtnClass, copyClass: this.copyClass } } /** * 复制优惠码功能 * @param {Element} el - 当前元素 */ copyCode(el) { const copyBtnList = el.querySelectorAll(`.${this.copyBtnClass}`); if (copyBtnList.length > 0) { copyBtnList.forEach(item => { item.onclick = async () => { // 确保获取正确的元素和内容 const codeElement = item.querySelector(`.${this.copyClass}`); if (!codeElement) return; // 获取纯文本内容 const textToCopy = codeElement.innerText.trim(); // 尝试使用现代API，如果失败则使用备用方案 try { if (navigator.clipboard && navigator.clipboard.writeText) { await navigator.clipboard.writeText(textToCopy); } else { throw new Error('Clipboard API not available'); } // 显示复制成功提示 this.showCopySuccessToast(textToCopy, el); } catch (err) { console.error('Modern clipboard API failed, trying fallback...', err); // 使用备用复制方案 this.fallbackCopy(textToCopy, el); } const discountId = item.dataset["discountId"]; // 跳转决策: is_redirection + link(可选覆盖) const setting = { is_redirection: item.dataset["redirection"] === "true", link: item.dataset["link"], }; const landingUrl = `/promotions/discount-default/${discountId}`; const finalUrl = appDiscountUtils.resolveDiscountHref(setting, landingUrl); if (finalUrl && appDiscountUtils.inProductBody(this.element)) { this.win.open(finalUrl, '_blank', 'noopener'); } } }) } } /** * 使用 execCommand 的复制方案 * @param {string} codeText - 要复制的文本 * @param {Element} el - 当前元素 */ fallbackCopy(codeText, el) { const textarea = this.win.document.createElement('textarea'); textarea.value = codeText; // 设置样式使文本框不可见 textarea.style.position = 'fixed'; textarea.style.left = '-9999px'; textarea.style.top = '0'; // 添加 readonly 属性防止移动端虚拟键盘弹出 textarea.setAttribute('readonly', 'readonly'); this.win.document.body.appendChild(textarea); textarea.focus(); textarea.select(); try { this.win.document.execCommand('copy'); // 显示复制成功提示 this.showCopySuccessToast(codeText, el); } catch (err) { console.error('Copy failed:', err); } this.win.document.body.removeChild(textarea); } /** * 创建 Toast 元素 * @returns {Element} 创建的 Toast 元素 */ createToastEl_() { const toast = document.createElement('ljs-toast'); toast.setAttribute('layout', 'nodisplay'); toast.setAttribute('hidden', ''); toast.setAttribute('id', 'discount-code-toast'); toast.style.zIndex = '1051'; return toast; } /** * 挂载 Toast 元素到 body * @returns {Element} 挂载的 Toast 元素 */ mountToastToBody_() { const existingToast = this.win.document.getElementById('discount-code-toast'); if (existingToast) { return existingToast; } const toast = this.createToastEl_(); this.win.document.body.appendChild(toast); return toast; } /** * 复制成功的提醒 * @param {string} codeText - 要复制的文本 * @param {Element} el - 当前元素 */ showCopySuccessToast(codeText, el) { const $toast = this.mountToastToBody_(); SPZ.whenApiDefined($toast).then(toast => { toast.showToast("Discount code copied !"); this.codeCopyInSessionStorage(codeText); }); } /** * 复制优惠码成功后要存一份到本地存储中，购物车使用 * @param {string} codeText - 要复制的文本 */ codeCopyInSessionStorage(codeText) { try { sessionStorage.setItem('other-copied-coupon', codeText); } catch (error) { console.error(error) } } } // 注册自定义元素 SPZ.defineElement('spz-custom-discount-code-model', SpzCustomDiscountCodeModel);
/** * Custom discount code component that handles displaying and managing discount codes * @extends {SPZ.BaseElement} */ class SpzCustomDiscountCode extends SPZ.BaseElement { constructor(element) { super(element); // API endpoint for fetching discount codes this.getDiscountCodeApi = "\/api\/storefront\/promotion\/code\/list"; // Debounce timer for resize events this.timer = null; // Current variant ID this.variantId = "9d75cd34-130c-455c-9a95-ca3638a41af3"; // Store discount code data this.discountCodeData = {} } /** * Check if layout is supported * @param {string} layout - Layout type * @return {boolean} */ isLayoutSupported(layout) { return layout == SPZCore.Layout.LOGIC; } /** * Initialize component after build */ buildCallback() { this.templates_ = SPZServices.templatesForDoc(); this.viewport_ = this.getViewport(); // Bind methods to maintain context this.render = this.render.bind(this); this.resize = this.resize.bind(this); this.switchVariant = this.switchVariant.bind(this); } /** * Setup component when mounted */ mountCallback() { this.getData(); // Add event listeners this.viewport_.onResize(this.resize); this.win.document.addEventListener('dj.variantChange', this.switchVariant); } /** * Cleanup when component is unmounted */ unmountCallback() { this.viewport_.removeResize(this.resize); this.win.document.removeEventListener('dj.variantChange', this.switchVariant); // 清除定时器 if (this.timer) { clearTimeout(this.timer); this.timer = null; } } /** * Handle resize events with debouncing */ resize() { if (this.timer) { clearTimeout(this.timer) this.timer = null; } this.timer = setTimeout(() => { if (appDiscountUtils.inProductBody(this.element)) { this.render(); } else { this.renderSkeleton(); } }, 200); } /** * Handle variant changes * @param {Event} event - Variant change event */ switchVariant(event) { const variant = event.detail.selected; if (variant.product_id == 'e98e7c8b-83be-4e5c-9002-98658aa8f127' && variant.id != this.variantId) { this.variantId = variant.id; this.getData(); } } /** * Fetch discount code data from API */ getData() { if (appDiscountUtils.inProductBody(this.element)) { const reqBody = { product_id: "e98e7c8b-83be-4e5c-9002-98658aa8f127", variant_id: this.variantId, product_type: "default", } if (!reqBody.product_id || !reqBody.variant_id) return; this.discountCodeData = {}; this.win.fetch(this.getDiscountCodeApi, { method: "POST", body: JSON.stringify(reqBody), headers: { "Content-Type": "application/json" } }).then(async (response) => { if (response.ok) { let data = await response.json(); if (data.list && data.list.length > 0) { data.list[0].product_setting.template_config = JSON.parse(data.list[0].product_setting.template_config); // Format timestamps to local timezone const zone = this.win.SHOPLAZZA.shop.time_zone; data.list = data.list.map(item => { if(+item.ends_at !== -1) { item.ends_at = appDiscountUtils.convertTimestampToFormat(+item.ends_at, zone); } item.starts_at = appDiscountUtils.convertTimestampToFormat(+item.starts_at, zone); return item; }); } this.discountCodeData = data; this.render(); } else { this.clearDom(); } }).catch(err => { console.error("discount_code", err) this.clearDom(); }); } else { this.renderSkeleton(); } } /** * Clear component DOM except template */ clearDom() { const children = this.element.querySelector('*:not(template)'); children && SPZCore.Dom.removeElement(children); } /** * Render discount codes with formatted dates */ render() { // Render using discount code model SPZ.whenApiDefined(document.querySelector('#spz_custom_discount_code_model')).then(renderApi => { renderApi.doRender_({ discountCodeData: this.discountCodeData }) }).catch(err => { this.clearDom(); }) } renderSkeleton() { // Render template for non-product pages this.templates_ .findAndRenderTemplate(this.element, { isMobile: appDiscountUtils.judgeMobile() }) .then((el) => { this.clearDom(); this.element.appendChild(el); }) .catch(err => { this.clearDom(); }); } } // Register custom element SPZ.defineElement('spz-custom-discount-code', SpzCustomDiscountCode);
Color:  White
Quantity
Free worldwide shipping
Free returns
Sustainably made
Secure payments

Description

About This Item

  • 3-in-1 Grooming Experience: The POIIOPY pet grooming brush combines gentle brushing, fine water mist, and a soothing massage experience in one convenient tool. It helps collect loose fur, smooth the coat, and make everyday grooming more comfortable for cats and dogs. Note: The brush produces a cool water mist and does not heat water into hot steam.
  • Fine Mist for Easier Grooming: The ultra-fine water mist lightly moisturizes the coat while brushing, helping loose hair stay closer to the brush and reducing static and flying fur. It makes daily grooming easier and more comfortable for both pets and owners.
  • One-Button Self-Cleaning: After grooming, simply press the release button to lift the collected hair away from the brush. The self-cleaning design makes removing shed fur quick and convenient, so the brush is ready for the next grooming session.
  • Gentle Stainless-Steel Pins: The curved stainless-steel pins feature rounded tips designed to glide smoothly through your pet's coat while providing a comfortable grooming experience. They help loosen minor tangles, remove loose fur, and gently massage during brushing.
  • Perfect for Everyday Pet Care: The compact design is easy to hold and maneuver, making it suitable for cats and dogs with different coat types. For pets that are cautious around water, begin brushing without the mist and gradually introduce the spray function.

Product Description

POIIOPY Water Mist Pet Grooming Brush

A more comfortable way to care for your pet's coat.

POIIOPY combines gentle brushing and fine water mist to create a simple grooming experience for cats and dogs. The brush helps collect loose fur, smooth the coat, reduce static, and make everyday grooming easier.

The fine water mist lightly dampens the coat while brushing, helping loose hair stay together and making the grooming process more manageable.

The curved stainless-steel pins are designed to glide smoothly through the coat, while rounded tips provide a more comfortable brushing experience.

When grooming is finished, simply press the release button to remove collected hair from the brush.

Cool Water Mist
This product produces a fine water mist. It does not heat water and does not produce hot steam.

Easy Grooming for Everyday Life
Use it while spending time with your pet at home, during regular coat care, or whenever loose fur needs attention.

Directions

Fill the water reservoir with clean water. Turn on the mist function if desired and gently brush your pet's coat in the direction of hair growth. For pets that are sensitive to new sounds or sensations, begin brushing without the mist. Once your pet becomes comfortable with the brush, gradually introduce the mist function. After grooming, press the release button to remove collected hair from the brush.

Safety & Care

Use only as directed for pet grooming. Do not immerse the brush or rinse the electronic components directly with water. Clean the brush with a soft, slightly damp cloth and keep the electronic components dry. Do not use hot water. This product produces a cool water mist and does not heat water into steam. Always supervise your pet during grooming and stop use if your pet shows signs of discomfort.

POIIOPY PET CARE

A Better Way to Groom

Gentle brushing meets a fine water mist for a smoother, more comfortable grooming experience.

Designed for everyday care, POIIOPY helps collect loose fur, smooth the coat, and turn grooming time into a relaxing bonding moment between you and your pet.

Brush. Mist. Relax.

LESS MESS · MORE COMFORT

Keep Loose Fur Under Control

Regular brushing helps collect loose and shedding hair before it ends up on furniture, clothing, and floors.

The curved stainless-steel pins glide smoothly through the coat, helping loosen and collect unwanted fur while providing a comfortable grooming experience.

Less flying fur.
Less mess around the home.
More enjoyable grooming.

SMART · SIMPLE · CLEAN

One Button. Less Cleanup.

When grooming is finished, simply press the release button to lift collected hair away from the brush.

No need to pull out shed fur one strand at a time. The self-cleaning design makes the brush quick and easy to prepare for the next grooming session.

Press. Release. Clean.

FINE WATER MIST

A Softer Way to Groom

The fine water mist lightly moisturizes the coat while you brush, helping loose fur stay together and making everyday grooming smoother.

For cautious pets, simply begin brushing without the mist. Once your pet becomes comfortable, gradually introduce the spray function.

Cool water mist.
No heating.
No hot steam.

GENTLE BY DESIGN

Designed for a Comfortable Touch

Curved stainless-steel pins are designed to move smoothly through the coat while helping remove loose fur and gently massage during brushing.

Rounded pin tips provide a smoother brushing experience and help make everyday grooming comfortable for your pet.

Smooth through the coat.
Gentle on the grooming routine.

MORE THAN GROOMING

Turn Grooming Into Bonding Time

Grooming is not just about removing loose hair. It is also a quiet moment to slow down, care for your pet, and enjoy time together.

POIIOPY combines gentle brushing and fine water mist to make everyday coat care simple, comfortable, and enjoyable for both pets and their owners.

Brush. Mist. Relax.
Enjoy more moments together.