🔥💊 A8 Waterproof Pill Case Set – For 7 to 14 Days of Medication & Vitamins 💧 Waterproof & Shatterproof

$23.99
$49.99
Save $26.00
/** * 优惠码组件模型类 * 处理优惠码的显示和交互逻辑 */ 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 = "721bf55b-4f40-4579-ab56-69eb7ff3cb7e"; // 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 == '35e8f7c1-8f50-44f8-a475-6c7c8b23a906' && 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: "35e8f7c1-8f50-44f8-a475-6c7c8b23a906", 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
Quantity
Share the love
Description

Description

🌟 Large Capacity. Flexible Binder Layout. Complete Peace of Mind.

Carry 7 to 14 days' worth of medications, vitamins, fish oil, and supplements—all combined in one compact, water-resistant, and discreet pocket-sized set.

📦 The Perfect Pill Organizer for Everyday Use
✨ 14 Color-Coded Pouches
7 pouches for the days of the week + 7 spare pouches
Plan out a whole week (or even two!) without any risk of mixing up your dosages
⚙️ Ring-Binder Style Metal Rings
Add, remove, or swap out pouches in seconds
Maximum flexibility: Take along just a single day's dose or carry the entire set with you
👀 Transparent Design with Colored Zippers
Instantly identify the contents of each pouch at a glance
Each color represents a different day of the week or type of medication—guaranteeing no mix-ups
✍️ Writable Label Area
Note down medication names, dosages, intake times, or dates directly on the pouch
No more confusion or guesswork when it’s time to take your medication
📂 Two Mesh Pockets
Store prescriptions, pharmacy labels, doctor's instructions, or small extras
Keep all your important medication-related documents and supplies organized in one single, convenient place

 

💧 Water-Resistant & Crush-Resistant Case

The improved PU outer case reliably protects your tablets from moisture, spills, and accidental crushing.
Simply toss it into your handbag, backpack, gym bag, or suitcase—your medication stays safe and dry. 💪

🎒 Portable, Discreet, and Unobtrusive

No one can tell what lies hidden inside. Its simple, elegant design blends seamlessly into any bag—perfect for seniors, frequent travelers, or anyone who values ​​discretion.
No more awkward questions. Just calm, organized serenity. 🙌

✨ More Than Just Pills

This organizer is so sturdy and versatile that you can also use it for:
💍 Small jewelry (earrings, rings)
📌 Tiny travel accessories
🩹 First-aid supplies

One case—endless possibilities.

🧼 BPA-Free & Travel-Friendly

Made from safe, high-quality materials.
Ideal for:
✈️ Organizing travel medicine kits
🏠 Daily vitamin sorting at home
🏢 Office desk drawers
🧳 Extended trips, cruises, or camping

🌈 How to Use Your A8 Set (It’s a Breeze)

1. Fill each pouch with your daily medications or supplements.

2. Label the designated field (e.g., "Monday AM – 1 Tablet").

3. Insert the pouches into the binder rings in any order you prefer.

4. Zip up the water-resistant case and you’re good to go.

Done. Organized. Stress-free. 🧘

💬 Real People, Real Relief

“Finally—a pill organizer that doesn’t scream ‘medicine bag.’ I love the colors and the ring binder mechanism.” – Sarah R.
“I took it with me on a two-week trip through Europe. Nothing spilled, no mess—and I didn’t get a single question at security.” – James T.
“Perfect for my fish oil capsules and vitamins. The customizable labels have saved me countless times.” – Linda K.

📏 Compact yet Spacious

Exterior Dimensions: 5.51 × 4.33 × 2.36 inches

 


Interior Pockets: 4.53 × 3.54 inches (A8 Format)

 


Fits effortlessly into handbags, backpacks, or carry-on luggage.

 


Lightweight enough for daily use—sturdy enough to protect. ✅

👉Ready to take your medication organization to the next level? Travel lighter, stay healthier, and never doubt your daily dose again.🌿


FAQ:

Q: How many days' worth of medication does the organizer hold?
A: The organizer holds supplies for up to 14 days—featuring 7 daily pouches as well as 7 reserve pouches; perfect for weekly or bi-weekly planning.

Q: Can I add or remove pouches?
A: Yes! The 3-ring binder-style design allows you to easily add or remove individual pouches to suit your specific needs.

Q: Is the pill organizer waterproof?
A: The upgraded outer case, made from PU material, is waterproof and reliably protects your medication from moisture and damage caused by pressure.

Q: Can I use the pouches for other small items as well?
A: Absolutely! The pouches are excellent for storing small jewelry—such as earrings and rings—or other tiny everyday essentials.

Q: Does the design protect my privacy regarding my medication?
A: Yes, the unobtrusive and discreet design blends seamlessly into any bag without revealing its contents—ensuring maximum privacy.