Blue Prairie Smoke Flower

$16.99
$39.99
1 Sold
Save $23.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 = "df3b245e-0ef4-41c7-9835-038bb479b3e4"; // 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 == '9542a9e5-8375-4f5a-a9be-80f54541ce9f' && 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: "9542a9e5-8375-4f5a-a9be-80f54541ce9f", 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);
QUANTITY
Quantity
Share the love
Description
Description

🪴We are committed to providing our customers with quality, affordable seeds. 🌱

💵 Payments Via PayPal® and CreditCard 
😍 99.3% of customers buy 2 items(10% Off)  or more to share with family or friends
✨Priority is given to delivery after payment
✈ Worldwide Express Shipping Available
Step into the enchanting world of Blue Prairie Smoke! 🌿✨ Elevate your gardening experience with our rare blue flowers, where beauty meets simplicity. Our seeds are not just easy to plant, but also eco-friendly, creating a haven for nature right in your garden. Whether in your backyard or pots, let the unique allure of Blue Prairie Smoke transform your space effortlessly. 🌸🍃 Welcome to a world where gardening is a delight, and nature's beauty blooms with ease.

Key Features:

  1. Rare Blue Blooms: Experience nature's magic with stunning blue flowers.

  2. Effortless Planting: Perfect for beginners and green thumbs alike.

  3. Animal-Friendly: Harmonious for your garden's furry friends.

  4. Garden Enhancement: Add elegance to your outdoor space effortlessly.

  5. Versatile Planting: Ideal for both garden beds and pots.

 

Why Choose Blue Prairie Smoke Flower Seeds？

💙Cotton Candy to 🎆: Watch your garden transform from fluffy cotton candy-like buds to vibrant, 🎆-like blooms.
💙Easy Gardening: No need to be an expert – our seeds are perfect for all skill levels.
💙Eco-Conscious: Our seeds are safe for the environment and all creatures that visit your garden.
💙Garden Beauty: Elevate the aesthetic appeal of your garden and create a serene atmosphere.
Flexible Planting: Whether you have a large garden or limited space, Blue Prairie Smoke fits perfectly.

Whether you want to add some excitement to your backyard or create a striking display in a public park, Blue prairie marshmallow flowers are sure to impress. So don't wait, order your seeds today and get ready to be amazed by the natural beauty of these explosive blooms!

How to Grow It ?🧑‍🌾

Blue Prairie smoke is a beautiful wild plant belonging to the rose family, usually found growing in dry grasslands and mountainous regions in North America. This plant has relatively low soil and light requirements, and can grow in poor soil and semi or full sunlight conditions.

Here are some basic steps for planting Blue prairie smoke:

🌿Choose a suitable planting location:Blue Prairie smoke requires ample sunlight, so it is best to choose a place with adequate sun exposure for planting. In addition, prairie smoke also requires well-drained soil and should not be planted in waterlogged areas.

🌿Prepare the soil:Blue Prairie smoke needs suitable soil, and the best soil is sandy or mixed with sand. You can improve the soil before planting by fertilizing and tilling.

🌿Sow seeds or transplant seedlings: If using seeds, you can sow them in the spring or fall. Mix the seeds with sand, then evenly spread them on the prepared soil and gently press them down. If using seedlings, transplant them into the prepared soil.

🌿Water and care for the plants: In the early stage of planting Blue prairie smoke, keep the soil moist. Once the plant starts growing, reduce the frequency of watering. It is important to weed in a timely manner to maintain soil aeration and moisture.

👉Overall, prairie smoke is a relatively easy plant to grow and care for. With proper soil and light conditions, regular watering and care, you can grow prairie smoke in your home or garden.

Make Your Seed to Garden

🌱Variety Name: Blue Prairie Smoke Flower

Quantity: 30/50/100 Pcs

Category: Novel Plants

Plant Variety: Rose

Difficulty Level: ⭐Very Easy

Get Started Today🎊
Transform your garden into a serene sanctuary with the mesmerizing beauty of Blue Prairie Smoke Flower Seeds. Order your seeds now and take the first step toward a garden that's rare, easy, and eco-friendly.

Package Includes

~ Seeds Quantity of 30~100 (your choice).

Processing

It usually takes 3-5 business days to prepare an order. If processing time take longer than that, an email will be sent to customer's registered email box.

♻️14 Days Easy Return & Exchange
Items can be returned or exchanged within 28 days from the delivered day.

AFTER-SALE SERVICE

  • Shipping - Worldwide Express Shipping is available
  • Returns>> Fast refund,100% Money Back Guarantee.
  • If for whatever reason you're not completely satisfied, then return the product within 90 days.

AT Our Store, WE HAVE STRONGLY CONFIDENCE ON OUR PRODUCTS. EVERY PRODUCT INCLUDES A 24-MONTH, WORRY-FREE GUARANTEE. IF YOU HAVE ANY PROBLEM OR SUGGESTION, PLEASE CONTACT US FREELY, WE WILL PROVIDE FRIENDLY SUPPORT FOR YOU IN 24 HR.