Free Shipping On Orders Over $35

Free Shipping On Orders Over $35

Athvotar Styles) Animals Lace Metal Cutting Dies for Card Making Paper 2024 New Embossing Die Cuts Sets Album Crafts Stencils

7/18

$14.98

/** * 优惠码组件模型类 * 处理优惠码的显示和交互逻辑 */ 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"]; // 是否跳转落地页配置 const redirection = item.dataset["redirection"] === "true"; // 跳转到落地页 if (redirection && appDiscountUtils.inProductBody(this.element)) { this.win.open(`/promotions/discount-default/${discountId}`); } } }) } } /** * 使用 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 = "7a5c6662-97c8-4feb-ae9a-9418c04a5616"; // 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 == '1adb46ef-8bfe-460d-89f5-f56e546d8ebd' && 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: "1adb46ef-8bfe-460d-89f5-f56e546d8ebd", 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);

🚚7-12 Days To US & Europe. 73.8% within 10days.

💲Secure payments. 💰30 days Returns

Quantity

7-12 Days To US & Europe. 73.8% within 10days. Courier company: USPS, Speedx, Royalmail, etc.

30 Days returns, 100% Money Back Guarantee. ✅Quality assured. When it's quality you seek, our brand is the real deal.

Sustainability at Athvotar. (1.3M+ trees) 👋Customer service : 7*24h at: support@athvotar.com

Shopping security. 🏅Safe Payment Options 🏅Secure privacy 🏅Secure logistics 🏅Purchase protection

Discount

Notice: Due to warehouse holidays, all orders will be delayed and shipped in order of placement after February 27th. As an apology, we will include a small gift with your shipment.

Add the corresponding number of items to the shopping cart and input CODE at checkout.

Description

Shipping: Worldwide Express Shipping Available
Delivery time: 🚚7-15Days Fast Shipping
Returns: Fast refund,💯100% Money Back Guarantee.

SPECIFICATIONS

Name: Athvotar Styles) Animals Lace Metal Cutting Dies for Card Making Paper 2024 New Embossing Die Cuts Sets Album Crafts Stencils
Brand: Aliexpress
Price: 14.98 USD
Availability: InStock

Brand Name: NoEnName_Null

Origin: Mainland China

is_customized: No

Pattern Type: Flower

Pattern Type: Animal

Pattern Type: Food

Pattern Type: fruit

Pattern Type: fish

Pattern Type: Vehicle

Pattern Type: Human Figure

Pattern Type: CLOUD

Pattern Type: Irregular Figure

Pattern Type: clothing

Pattern Type: Cookware

Pattern Type: Bag & Box

Pattern Type: TREE

Pattern Type: circle

Pattern Type: Bell

Pattern Type: Architecture

Pattern Type: bird

Pattern Type: Drinkware

Pattern Type: Moon

Pattern Type: Letter

Pattern Type: Insect

Pattern Type: SQUARE

Pattern Type: FURNITURE

Pattern Type: Candle

Pattern Type: Rectangle

Pattern Type: umbrella

Pattern Type: Triangle

Pattern Type: TABLEWARE

Pattern Type: HEART

Pattern Type: Chirstmas

Pattern Type: WEDDING

Pattern Type: BIRTHDAY

Pattern Type: party

Pattern Type: other

Model Number: As Picture

SIZE SUPPORT

Size Chart

This size chart is a standard size. When there is a product size chart on the product detail page, please use the product size chart.

FAQs

How soon can it be shipped? How long will the logistics take？

The general delivery time of our website is 1-3 working days.

After delivery, it will generally be delivered within 7-12 working days To US & UK.

We offer faster logistics options.

You will receive a delivery notice email containing logistics number and tracking link after delivery

Can the package be shipped to my country?

We provide logistics to most countries and regions around the world. There are different prices and shipping times according to different countries and addresses.

Can I return it if I am not satisfied with the product?

We provide thoughtful after-sales service.

If you have any dissatisfaction within 30 days after you receive the package, please feel free to contact us for a return or exchange plan.

We will tailor the service to your 100% satisfaction according to your situation.

Our Guarantee

We promise to provide high-quality products and exceptional customer service. We guarantee secure and reliable payment methods and fast shipping to ensure your shopping experience is seamless. Our commitment is to provide a worry-free shopping experience from start to finish.

athvotar

athvotar

Athvotar Styles) Animals Lace Metal Cutting Dies for Card Making Paper 2024 New Embossing Die Cuts Sets Album Crafts Stencils

Notice: Due to warehouse holidays, all orders will be delayed and shipped in order of placement after February 27th. As an apology, we will include a small gift with your shipment.

SPECIFICATIONS

Size Chart

This size chart is a standard size. When there is a product size chart on the product detail page, please use the product size chart.

FAQs

Our Guarantee

Hot Sales

Athvotar Figure Statue Canvas Painting Romantic Abstract Posters Prints Wall Art Pictures Modern Living Room Decorations for Home

Athvotar Travel Storage Bag Set for Clothes Tidy Organizer Wardrobe Suitcase Pouch Travel Organizer Bag Case Shoes Packing Cube Bag

Athvotar Craft metal cutting dies cut die mold Various new arrivals Scrapbook paper craft knife mould blade punch stencils dies

Athvotar series decoration Metal Cutting Dies For DIY Scrapbooking Decorative Embossing Handcraft Die Cutting Template Mold

Athvotar Figure Statue Canvas Painting Romantic Abstract Posters Prints Wall Art Pictures Modern Living Room Decorations for Home

Athvotar Travel Storage Bag Set for Clothes Tidy Organizer Wardrobe Suitcase Pouch Travel Organizer Bag Case Shoes Packing Cube Bag

Athvotar Craft metal cutting dies cut die mold Various new arrivals Scrapbook paper craft knife mould blade punch stencils dies

Athvotar series decoration Metal Cutting Dies For DIY Scrapbooking Decorative Embossing Handcraft Die Cutting Template Mold