Wiieey Elasticity Care Essence Gentle Moisturizing Body Skin Care Essence for Improving Skin Texture

const TAG = "spz-custom-product-automatic"; class SpzCustomProductAutomatic extends SPZ.BaseElement { constructor(element) { super(element); this.variant_id = '95f67068-9fe6-43b1-befc-1f24217e0c88'; this.isRTL = SPZ.win.document.dir === 'rtl'; this.isAddingToCart_ = false; // 加购中状态 } 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.init(); // 监听事件 this.bindEvent_(); } async init() { this.handleFitTheme(); const data = await this.getDiscountList(); this.renderApiData_(data); } async getDiscountList() { const productId = 'd594f6de-69ff-4687-ad1c-3eb658a9db1e'; const variantId = this.variant_id; const productType = 'default'; const reqBody = { product_id: productId, variant_id: variantId, discount_method: "DM_AUTOMATIC", customer: { customer_id: window.C_SETTINGS.customer.customer_id, email: window.C_SETTINGS.customer.customer_email }, product_type: productType } const url = `/api/storefront/promotion/display_setting/text/list`; const data = await this.xhr_.fetchJson(url, { method: "post", body: reqBody }).then(res => { return res; }).catch(err => { this.setContainerDisabled(false); }) return data; } async renderDiscountList() { this.setContainerDisabled(true); const data = await this.getDiscountList(); this.setContainerDisabled(false); // 重新渲染 抖动问题处理 this.renderApiData_(data); } clearDom() { const children = this.element.querySelector('*:not(template)'); children && SPZCore.Dom.removeElement(children); } async renderApiData_(data) { const parentDiv = document.querySelector('.automatic_discount_container'); const newTplDom = await this.getRenderTemplate(data); if (parentDiv) { parentDiv.innerHTML = ''; parentDiv.appendChild(newTplDom); } else { console.log('automatic_discount_container is null'); } } doRender_(data) { const renderData = data || {}; return this.templates_ .findAndRenderTemplate(this.element, renderData) .then((el) => { this.clearDom(); this.element.appendChild(el); }); } async getRenderTemplate(data) { const renderData = data || {}; return this.templates_ .findAndRenderTemplate(this.element, { ...renderData, isRTL: this.isRTL }) .then((el) => { this.clearDom(); return el; }); } setContainerDisabled(isDisable) { const automaticDiscountEl = document.querySelector('.automatic_discount_container_outer'); if(isDisable) { automaticDiscountEl.setAttribute('disabled', ''); } else { automaticDiscountEl.removeAttribute('disabled'); } } // 绑定事件 bindEvent_() { window.addEventListener('click', (e) => { let containerNodes = document.querySelectorAll(".automatic-container .panel"); let bool; Array.from(containerNodes).forEach((node) => { if(node.contains(e.target)){ bool = true; } }) // 是否popover面板点击范围 if (bool) { return; } if(e.target.classList.contains('drowdown-icon') || e.target.parentNode.classList.contains('drowdown-icon')){ return; } const nodes = document.querySelectorAll('.automatic-container'); Array.from(nodes).forEach((node) => { node.classList.remove('open-dropdown'); }) // 兼容主题 this.toggleProductSticky(true); }) // 监听变体变化 document.addEventListener('dj.variantChange', async(event) => { // 重新渲染 const variant = event.detail.selected; if (variant.product_id == 'd594f6de-69ff-4687-ad1c-3eb658a9db1e' && variant.id != this.variant_id) { this.variant_id = variant.id; this.renderDiscountList(); } }); } // 兼容主题 handleFitTheme() { // top 属性影响抖动 let productInfoEl = null; if (window.SHOPLAZZA.theme.merchant_theme_name === 'Wind' || window.SHOPLAZZA.theme.merchant_theme_name === 'Flash') { productInfoEl = document.querySelector('.product-info-body .product-sticky-container'); } else if (window.SHOPLAZZA.theme.merchant_theme_name === 'Hero') { productInfoEl = document.querySelector('.product__info-wrapper .properties-content'); } if(productInfoEl){ productInfoEl.classList.add('force-top-auto'); } } // 兼容 wind/flash /hero 主题 (sticky属性影响 popover 层级展示, 会被其他元素覆盖) toggleProductSticky(isSticky) { let productInfoEl = null; if (window.SHOPLAZZA.theme.merchant_theme_name === 'Wind' || window.SHOPLAZZA.theme.merchant_theme_name === 'Flash') { productInfoEl = document.querySelector('.product-info-body .product-sticky-container'); } else if (window.SHOPLAZZA.theme.merchant_theme_name === 'Hero') { productInfoEl = document.querySelector('.product__info-wrapper .properties-content'); } if(productInfoEl){ if(isSticky) { // 还原该主题原有的sticky属性值 productInfoEl.classList.remove('force-position-static'); return; } productInfoEl.classList.toggle('force-position-static'); } } setupAction_() { this.registerAction('handleDropdown', (invocation) => { const discount_id = invocation.args.discount_id; const nodes = document.querySelectorAll('.automatic-container'); Array.from(nodes).forEach((node) => { if(node.getAttribute('id') != `automatic-${discount_id}`) { node.classList.remove('open-dropdown'); } }) const $discount_item = document.querySelector(`#automatic-${discount_id}`); $discount_item && $discount_item.classList.toggle('open-dropdown'); // 兼容主题 this.toggleProductSticky(); }); // 加购事件 this.registerAction('handleAddToCart', (invocation) => { // 阻止事件冒泡 const event = invocation.event; if (event) { event.stopPropagation(); event.preventDefault(); } // 如果正在加购中，直接返回 if (this.isAddingToCart_) { return; } const quantity = invocation.args.quantity || 1; this.addToCart(quantity); }); } // 加购方法 async addToCart(quantity) { // 设置加购中状态 this.isAddingToCart_ = true; const productId = 'd594f6de-69ff-4687-ad1c-3eb658a9db1e'; const variantId = this.variant_id; const url = '/api/cart'; const reqBody = { product_id: productId, variant_id: variantId, quantity: quantity }; try { const data = await this.xhr_.fetchJson(url, { method: 'POST', body: reqBody }); // 触发加购成功提示 this.triggerAddToCartToast_(); return data; } catch (error) { error.then(err=>{ this.showToast_(err?.message || err?.errors?.[0] || 'Unknown error'); }) } finally { // 无论成功失败，都重置加购状态 this.isAddingToCart_ = false; } } showToast_(message) { const toastEl = document.querySelector("#apps-match-drawer-add_to_cart_toast"); if (toastEl) { SPZ.whenApiDefined(toastEl).then((apis) => { apis.showToast(message); }); } } // 触发加购成功提示 triggerAddToCartToast_() { // 如果主题有自己的加购提示，则不显示 const themeAddToCartToastEl = document.querySelector('#add-cart-event-proxy'); if (themeAddToCartToastEl) return; // 显示应用的加购成功提示 this.showToast_("Added successfully"); } 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, SpzCustomProductAutomatic);
class SpzCustomDiscountBundle extends SPZ.BaseElement { constructor(element) { super(element); } isLayoutSupported(layout) { return layout == SPZCore.Layout.LOGIC; } mountCallback() {} unmountCallback() {} setupAction_() { this.registerAction('showAddToCartToast', () => { const themeAddToCartToastEl = document.querySelector('#add-cart-event-proxy') if(themeAddToCartToastEl) return const toastEl = document.querySelector('#apps-match-drawer-add_to_cart_toast') SPZ.whenApiDefined(toastEl).then((apis) => { apis.showToast("Added successfully"); }); }); } buildCallback() { this.setupAction_(); }; } SPZ.defineElement('spz-custom-discount-toast', SpzCustomDiscountBundle);
Price
$18.99
Quantity
Description

💧 Wiieey Men’s Facial Skin Care

Hydrating · Lightweight · Daily Face Care · Refreshed Look

A men’s facial skin care product designed for daily hydration, comfort, and a refreshed-looking complexion. It fits into simple morning or evening routines without adding unnecessary steps.

🌟 Highlights

✅ Supports daily facial hydration and comfort

✅ Helps skin feel softer, smoother, and refreshed

✅ Lightweight care step for morning or evening use

✅ Suitable for men’s daily grooming and skin care routines

✅ Easy to apply after cleansing

🖼️ Product Gallery

Clean image display for easier viewing and a better shopping experience.

✨ Simple Care For Everyday Routines

This product is organized around a clear, repeatable routine so shoppers can understand how it fits into daily grooming or personal care.

The layout highlights practical use, product format, image details, care tips, and shopping support in one clean product page.

💧 Daily Hydration Support

Helps facial skin feel moisturized and comfortable.

✨ Refreshed-Looking Skin

Supports a clean, well-groomed appearance.

🧴 Simple Routine Fit

Use after cleansing as part of a practical daily skin care routine.

⭐ Why You’ll Love It

✅ Clear and simple application steps

✅ Convenient format for targeted care or grooming

✅ Easy to store at home or carry when needed

✅ Designed for external use as part of a regular routine

✅ Suitable for shoppers who prefer straightforward care products

✨ How To Use

1. Cleanse Face

Cleanse and dry the face before use.

2. Apply Evenly

Apply a suitable amount to the face or target area.

3. Massage Until Absorbed

Massage gently until absorbed.

📦 Product Details

Product Name Wiieey Elasticity Care Essence Gentle Moisturizing Body Skin Care Essence for Improving Skin Texture
Product Type Men’s Facial Skin Care
Use Area External facial skin
Routine Hydrating, moisturizing, and daily care

💡 Important Tips

✅ Use externally only and follow the product directions

✅ Apply to clean, dry skin or hair unless the product format requires water

✅ Do not use on broken, irritated, inflamed, or damaged skin

✅ For first-time use, test on a small area before wider application

✅ Stop use if redness, itching, discomfort, or irritation occurs

✅ Keep out of reach of children and store away from direct sunlight

⭐ Customer Reviews

Customers like the simple routine, practical format, and clean daily-care experience.

★★★★★

“Easy to use and simple to add to my grooming routine.”

Emily

★★★★★

“The men’s facial skin care format is convenient and easy to store.”

Sarah

★★★★★

“Good for daily use when I want something straightforward and polished.”

Megan

❓ FAQ

Q1: How should I use it?

Follow the product format and use it externally as part of your daily or targeted care routine.

Q2: Is it suitable for daily routines?

Yes. It is designed for practical grooming or personal care routines. Adjust frequency based on your skin and product directions.

Q3: Should I test it first?

For topical products, test on a small area first and stop use if discomfort occurs.

Q4: How should I store it?

Keep sealed when not in use and store in a cool, dry place away from direct sunlight.

⚠️ Notes

✅ For external use only

✅ This product is not intended to diagnose, treat, cure, or prevent any disease

✅ Do not use if you are allergic to any listed ingredient

✅ If pregnant, nursing, under medical care, or sensitive to topical products, consult a qualified professional before use

✅ Individual experience may vary depending on skin type, hair type, and usage habits

✅ Keep sealed when not in use and store in a cool, dry place

💧 Upgrade Your Daily Care Routine

A practical product format for clean, targeted, and easy personal care.

👇 Add to cart today and keep your routine simple.

Why Shop With Us

📦 Shipping & Tracking: Tracking information will be provided once your order ships.

💰 After-Sales Support: If your item arrives damaged or defective, please contact us for assistance.

✉️ Customer Support: Our support team will help answer your order questions.

🔒 Secure Checkout: Your personal and payment information is protected during checkout.