🔥LAST DAY 49% OFF🍃 Rare Hosta Bulbs – Perennial Shade/Outdoor Ornamental Foliage🌿

$19.99
$49.99
Save $30.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 = "0e1e7bdd-f40c-4a2d-90de-5f0725a4c2ce"; // 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 == '0f40abc2-394c-4999-860a-f53ad87e4cbf' && 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: "0f40abc2-394c-4999-860a-f53ad87e4cbf", 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
Quantity
Share the love
Description
Description

✅ Guaranteed! GoogleTrusted Store!

✅💁‍♀️Perfect After-sales>>service@shoplitees.com

✅Paypal and Credit Card secure payment.🏪PalPay certified reputable merchant.💵Has paid 100k USD in PayPal as store guarante

✨Free Shipping On Orders Over $50

🌱 ‌Every plant deserves gentle treatment‌.🌾From now on, the first 5,000 customers who shop in our store will receive a free gift pack of high-quality fertilizer worth $25.00 (containing a complete formula of nitrogen, phosphorus and potassium)🎁.💐Help your crop yield increase by 30%!

🎉Free shipping on orders over $49.99✈Buy more, get more free

🌿 Rare Hosta Bulbs – Grow Stunning, Lush Foliage for Your Garden! 🌱

Coleus are beloved for their luxurious foliage, shade tolerance, and low maintenance, making them a perfect choice for gardens, borders, and landscaping. These Rare Hosta Bulbs offer unique varieties with vibrant colors, striking patterns, and elegant textures, adding a touch of beauty and sophistication to any outdoor space.

Known for their hardiness and adaptability, Coleus thrive in partial to full shade, making them an ideal plant for shaded gardens, patios, and walkways. Whether you’re looking for lush green, variegated, or even

blue-tinted foliage, these premium-quality Bulbs will bring a touch of elegance to your landscape.

🌟 Product Features

✔ Rare & Unique Varieties – Grow exquisite Coleus plants with diverse colors and patterns.
✔ Shade-Loving & Low Maintenance – Perfect for shaded areas, patios, and walkways.
✔ Perennial Beauty – Returns year after year with minimal care.
✔ Lush & Dense Growth – Creates a full, vibrant ground cover for any garden.
✔ Ideal for Landscaping – Enhances flower beds, borders, and woodland gardens.
✔ Cold Hardy & Resilient – Thrives in various climates with strong disease resistance.

🌱 How to Grow Rare Hosta from Bulbs

1️⃣ Bulb Preparation: Select plump, undamaged bulbs. Soak them in warm water (104-122°F) for 1-2 hours to activate germination; if bulbs have minor mold, wipe gently with a 5% hydrogen peroxide solution.​
2️⃣ Planting: Bury bulbs 2-3 inches deep in moist, well-draining soil (mix peat moss, perlite, and garden soil at 2:1:1 ratio), spacing 4-6 inches apart. Use trays or pots with drainage holes to prevent waterlogging.​
3️⃣ Light & Temperature: Place in a warm environment (65-75°F) with indirect sunlight (3-4 hours of soft morning light daily). Avoid direct midday sun, which may scorch new shoots.​
4️⃣ Watering: Keep soil consistently moist (stick a finger 1 inch deep—soil should feel damp but not soggy). Water thoroughly when the top ½ inch of soil dries out; avoid splashing water directly on bulb bodies to prevent rot.​
5️⃣ Transplanting: Once new shoots grow to 3-4 inches tall and develop 2-3 true leaves, transplant to a shaded garden spot (with 50% shade) or a larger container. Gently loosen the root ball during transplanting to avoid damaging new roots.

🌿 Care & Maintenance

  • Watering: Keep soil evenly moist, especially during dry spells.
  • Fertilization: Use a balanced fertilizer in spring and mid-summer for lush growth.
  • Mulching: Apply mulch to retain moisture and prevent weeds.
  • Pest Control: Watch for slugs and snails; use natural deterrents if necessary.
  • Winter Care: Coleus go dormant in winter—cut back leaves in late fall for a tidy appearance.

📦 What’s Included?

  • 🌰 Premium Rare Hosta Bulbs(Available in 2, 3, 5 Bulbs)
  • 📖 Complete Growing & Care Guide

🌿 Perfect for home gardeners, landscaping enthusiasts, and shade garden lovers!

🔥 Order Now & Transform Your Garden with Stunning Coleus! 🔥

♻14 Days Easy Return and Exchange
Items can be returned or exchanged within 14 days from the delivery date.

Why Shop With Us

Quality products, fair prices, and support that actually cares.

🚚 Shipping & Tracking
  • Worldwide shipping with insured parcels.
  • Tracking number is emailed as soon as your order ships.
  • You may receive your items earlier depending on the route and carrier.

Heads-up: holidays, customs, or weather may impact delivery timelines.

🔒 100% Risk-Free Purchase

If your item arrives damaged or not as described, just contact us for a replacement or refund—simple and hassle-free.

🏢 Our Warehouse & Processing

Please allow for processing time and consider holidays or unforeseen events that may affect shipping.