3/9

🐦 Red Cardinal Garden Stake Decoration

$35.99  - $119.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 = "2a40be93-ea01-46d3-8eb6-7616a96a5492"; // 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 == 'caa3aa7f-d31d-479c-b6a6-69b764baef2b' && 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: "caa3aa7f-d31d-479c-b6a6-69b764baef2b", 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);
Style:  Heartbloom Cardinal
Quantity
Free worldwide shipping
Free returns
Sustainably made
Secure payments

Description

🐦 Red Cardinal Garden Stake Decoration – Bring Vibrant Color & Timeless Charm to Your Garden

Invite the beauty of a bright red cardinal into your garden – a warm, eye-catching accent for flower beds, lawns, pathways, patios, and planters 🌸✨

This is not just a garden stake. It's a small piece of outdoor art – featuring a vivid red cardinal nestled among flowers and foliage, bringing warm color and elegant charm to your outdoor space.

Place it along a pathway, beside a porch, near a flower bed, or inside a patio planter – and let this beautifully detailed cardinal add lasting color and personality to your garden. 🐦❤️

✨ Why This Garden Stake Stands Out

  • 🐦 Eye-Catching Red Cardinal Design – The red cardinal is loved for its brilliant color and graceful appearance. This design places a vivid cardinal among flowers and foliage, creating a naturally beautiful focal point.
  • 🌸 Floral and Nature-Inspired Artwork – Each style combines a cardinal with flowers, branches, and decorative leaves. The detailed composition looks like a small piece of outdoor art placed directly inside the garden.
  • 🔩 Laser-Cut Metal Construction – The decoration is made from laser-cut metal. The cutting process creates clear outlines around the bird, flowers, and leaves while maintaining a lightweight profile. The metal structure provides a more stable and lasting decorative shape than ordinary paper or thin plastic garden accents.
  • 🎨 Bright Color-Printed Finish – The surface features a colorful printed design that highlights the cardinal, flowers, and natural details. The rich colors make the stake easy to notice among outdoor plants. A rust-resistant surface treatment helps protect the decoration during normal outdoor display and care.
  • 🌱 Easy Ground-Insertion Design – The pointed stake can be placed directly into soft soil, lawns, flower beds, or large planters. No screws, complicated tools, or permanent installation are required. The decoration can be moved easily whenever you want to refresh your garden arrangement.
  • 🌿 Made for Gardens of Every Size – This garden accent works well in both large yards and smaller outdoor spaces. Place it along a pathway, beside a porch, near a flower bed, or inside a patio planter.

📌 Perfect For

  • Flower Beds and Garden Borders
  • Lawns and Garden Pathways
  • Patios and Planters
  • Seasonal Outdoor Displays
  • Memorial Gardens

🌺 Add a Touch of Nature's Beauty

Bright, elegant, and full of personality, this Red Cardinal Garden Stake brings lasting color and charm to any outdoor space. Whether nestled among flowers or lining a garden path, it's the perfect decorative accent to celebrate the beauty of nature all year round.

⭐ Bring Lasting Color and Charm to Your Garden

Whether nestled among flowers or lining a garden path, this Red Cardinal Garden Stake is the perfect decorative accent to celebrate the beauty of nature all year round.

📏 Product Dimensions

  • Material: Laser-cut metal with rust-resistant color-printed finish
  • Four Beautiful Styles – Choose the cardinal pose that perfectly complements your garden
    • Heartbloom Cardinal: Height 30 cm (11.8″) / Width 11.9 cm (4.7″)
    • Twig Cardinal: Height 25.5 cm (10.0″) / Width 11.9 cm (4.7″)
    • Flight Cardinal: Height 27.5 cm (10.8″) / Width 11.9 cm (4.7″)
    • Hookbloom Cardinal: Height 27.5 cm (10.8″) / Width 11.9 cm (4.7″)
  • Design: Red cardinal with floral and nature-inspired artwork
  • Installation: Pointed stake – easy ground insertion
  • Use: Outdoor garden decoration, flower bed accent, pathway decor

🧽 Care Instructions

  • Remove light dust with a clean, soft cloth
  • Avoid abrasive brushes, sharp tools, and harsh chemical cleaners
  • Extended exposure to extreme sunlight, standing water, severe storms, or ice may gradually affect the finish

🛠 How to Install

  1. Choose a stable location with soft soil
  2. Hold the lower part of the stake and press it slowly into the soil
  3. For hard or compact soil, create a small pilot hole with a gardening tool before inserting the stake
  4. Make sure the stake is inserted deeply enough to remain stable

⚠️ Friendly Reminder

  • Minor measurement differences may occur because the product is measured manually
  • Colors may appear slightly different under various outdoor lighting conditions and screen settings
  • This product is intended for decorative use and is not a toy