Personalized Engraved Name Magnetic Leather Bookmark Clip with Pen Holder Reading Supplies Birthday School Office Gift for Book Lover BookwormPersonalized Graduation Gifts

$15.90 $25.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 = "76ca5b11-1666-4be3-aaa4-f080a1c1e1c0"; // 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 == '42b1d1d8-0709-4987-8b59-8208ada7f287' && 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: "42b1d1d8-0709-4987-8b59-8208ada7f287", 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
Share the love
Description

Keep your reading organized and stylish with this personalized magnetic leather bookmark clip featuring a built-in pen holder. Designed for readers, students, and professionals, this compact accessory keeps your page marked and your pen within reach at all times.

Crafted from durable leather with clean cut edges and detailed stitching, it offers a classic look and long-lasting quality. Add your engraved name, initials, or monogram to make it uniquely yours. The strong magnetic closure secures onto book pages without slipping or damaging the paper.

This thoughtful and practical bookmark is perfect for tracking reading progress at home, in the library, at the office, or on the go. A meaningful and functional gift for birthdays, school events, office gifting, holidays, or any book lover who values style and convenience.

Material: Leather
Size: 1.97 × 1.5 inches (5 × 3.8 cm)
Features: Portable, durable, magnetic, pen holder, monogram design
Customization: Double-sided laser engraving
Care: Wipe clean with a soft cloth

Returns

1. Return Period

We offer a 90-day return or exchange policy after the order is delivered.

2. Return / Exchange Process

  • Contact customer service at support@duckbe.com to request a return or exchange.

  • Once your request is approved, you will receive an email with instructions.

  • Please do not return items without contacting us first. Returns sent without authorization may not be accepted.

  • Pack the item and send it back according to the instructions.

  • After we receive and inspect the product, we will issue a refund or send a replacement.

3. Cases Covered by Free Return / Exchange

We will cover return shipping and replacement if:

  • The customization information is incorrect or produced incorrectly.

  • You received the wrong item.

  • The item arrived damaged or defective.

  • The printing or engraving quality is unclear.

  • The size received is incorrect.

If you receive a damaged or incorrect item, please contact us within 7 days of delivery and provide photos for verification.

4. Cases Not Eligible for Return / Exchange

Returns or exchanges are not accepted in the following situations:

  • The request is made after 90 days from delivery.

  • Issues not related to product quality for personalized items.

  • Product damage caused by misuse, mishandling, or poor maintenance.

  • Items that have been worn, washed, or soiled.

  • Wrong size chosen by the customer.

  • Change of mind or personal preference.

  • Partial returns from a product set.

5. Personalized Product Cancellation & Modification

  • For personalized products, if you need to cancel the order, replace the product, or modify the personalized content, a fee of 30% of the product price may be charged as a customization fee.

Please note that personalized products usually enter production immediately after the order is placed. Even if you contact us shortly after placing the order to cancel or modify it, we may still charge the corresponding production cost to ensure timely production and delivery. Thank you for your understanding.

6. Important Notes

  • Returned items must be unused and in original condition.

  • Please return the product with its original packaging.

  • Coupon codes cannot be restored after a return.

7. Refund Method

  • Refunds will be issued to the original payment method used for the purchase.

  • Once the returned item is received and inspected, the refund will usually be processed within 3–7 business days.

  • Please note that it may take additional time for your bank or payment provider to complete the refund.

8. Return Shipping Responsibility

  • For quality-related issues, we will cover the return shipping cost.

  • For non-quality related returns, the customer is responsible for the return shipping cost.

9. Return Address

Room 2604, No. 11 Jinshuo 1st Road, Tianhe District,
Guangzhou, Guangdong, 510000
China

Shipping Information

Thank you for shopping at Duckbe.

We are proud to offer international shipping services to over 200 countries and islands worldwide. Nothing means more to us than bringing our customers great value and service. We are committed to delivering a service that exceeds expectations.

Shipping Options & Rates:

Order Total Standard Shipping (7–12 Business Days) Express Shipping (5–8 Business Days)
$0–$39 $9.90 $25.00
$39–$79 $13.90 $35.00
$79 and above FREE $35.00

Processing Time: All orders are processed within 3–7 business days.

Estimated Delivery Time: Shipping times may vary by destination. Typical estimated delivery windows:

  • US Shipment: 7–12 Business Days

  • Europe Shipment: 7–12 Business Days

  • All Other Countries: 10–20 Business Days

Shipping Carrier: Packages are shipped from our warehouse via Yun Express, a reliable and trackable logistics provider.

Global Shipping Coverage: Yes, we ship worldwide to over 200 countries and regions.

Contact Us: If you have any questions about shipping and delivery, please contact us: