{"product_id":"pen-for-brows1","title":"🌸✨4-Tip Microblade Pen for Brows \u0026 Beards – Waterproof, Smudge-Proof \u0026 Natural Look","description":"\u003c!-- 🔴 第一张图：请插入 Image 3 (笔头特写) --\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0625\/7754\/1301\/files\/24948ea77c704683a8a5ad1d079af39f.png?v=1767594657\"\u003e\u003c\/p\u003e\n\u003c!-- 🔴 第二张图：请插入 Image 2 (前后对比) --\u003e\n\u003cdiv style=\"text-align: start;\"\u003e\u003cimg height=\"1367\" width=\"770\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0625\/7754\/1301\/files\/1_5.gif?v=1767595185\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #333; line-height: 1.6; max-width: 900px; margin: 0 auto;\"\u003e\n\u003c!-- 1. HERO TITLE SECTION --\u003e\n\u003cdiv style=\"text-align: center; padding: 40px 20px; background: linear-gradient(to bottom, #fff, #f9f9f9);\"\u003e\n\u003ch1 style=\"color: #222; font-size: 32px; font-weight: bold; margin-bottom: 10px; letter-spacing: -0.5px;\"\u003eFlawless Brows \u0026amp; Beards in Seconds\u003c\/h1\u003e\n\u003cp style=\"font-size: 18px; color: #666; max-width: 600px; margin: 0 auto;\"\u003eThe revolutionary 4-tip pen that mimics natural hair strokes for a \u003cstrong\u003emicrobladed look\u003c\/strong\u003e without the pain or price tag.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 2. THE TECHNOLOGY (Image 3) --\u003e\n\u003cdiv style=\"display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin: 40px 0; gap: 30px;\"\u003e\n\u003cdiv style=\"flex: 1; min-width: 300px; text-align: center;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0625\/7754\/1301\/files\/3_ed0576a3-6016-4637-b9f1-7123add2320b.jpg?v=1767585566\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 1; min-width: 300px; padding: 0 20px;\"\u003e\n\u003ch2 style=\"color: #333; border-bottom: 3px solid #b8860b; display: inline-block; padding-bottom: 5px;\"\u003eMicro-Fork Technology\u003c\/h2\u003e\n\u003cp\u003eWhy does it look so natural? Our unique \u003cstrong\u003e4-pronged applicator\u003c\/strong\u003e draws four parallel lines simultaneously.\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 20px;\"\u003e\n\u003cp\u003e✨ \u003cstrong\u003eMimics Real Hair:\u003c\/strong\u003e Creates hair-like strokes that blend with your own.\u003c\/p\u003e\n\u003cp\u003e✨ \u003cstrong\u003ePrecision Control:\u003c\/strong\u003e Defines outlines and fills gaps effortlessly.\u003c\/p\u003e\n\u003cp\u003e✨ \u003cstrong\u003eSmooth Ink Flow:\u003c\/strong\u003e Rich pigmentation that won't dry out or clump.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. TRANSFORMATION RESULTS (Image 2) --\u003e\n\u003cdiv style=\"background-color: #fafafa; padding: 40px 20px; border-radius: 12px; margin: 40px 0;\"\u003e\n\u003ch2 style=\"text-align: center; margin-bottom: 30px;\"\u003eReal Results: Define Your Look\u003c\/h2\u003e\n\u003cdiv style=\"display: flex; flex-wrap: wrap; align-items: center; gap: 20px;\"\u003e\n\u003cdiv style=\"flex: 1; min-width: 300px;\"\u003e\n\u003cp style=\"font-size: 16px;\"\u003eWhether you have sparse brows, over-plucked arches, or just want a bolder look, this pen transforms your face instantly.\u003c\/p\u003e\n\u003cul style=\"list-style: none; padding: 0; color: #555;\"\u003e\n\u003cli style=\"margin-bottom: 10px;\"\u003e✅ \u003cstrong\u003eNatural, Fuller Look\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 10px;\"\u003e✅ \u003cstrong\u003eSymmetrical Shape\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 10px;\"\u003e✅ \u003cstrong\u003eYouthful Appearance\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"flex: 1; min-width: 300px; text-align: center;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0625\/7754\/1301\/files\/1_e7cff9d0-1105-436a-99b4-10f87c40b00a.jpg?v=1767688022\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4. WATERPROOF CHALLENGE (Image 7) --\u003e\n\u003cdiv style=\"margin: 40px 0; text-align: center;\"\u003e\n\u003ch2 style=\"margin-bottom: 20px;\"\u003e💧 24-Hour Waterproof \u0026amp; Sweatproof\u003c\/h2\u003e\n\u003cp style=\"max-width: 700px; margin: 0 auto 30px auto;\"\u003eDesigned for the unpredictable British weather and active lifestyles. Rain, gym sweat, or oily skin? No problem. Your look stays locked in until you decide to remove it.\u003c\/p\u003e\n\u003c!-- 🔴 请在这里插入图片 7 (防水测试) --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0625\/7754\/1301\/files\/4_8caa6add-c9f6-4717-b468-244856af73d7.jpg?v=1767585753\" alt=\"\"\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c!-- 5. VERSATILITY FOR MEN (Image 6) --\u003e\n\u003cdiv style=\"background-color: #2c2c2c; color: white; padding: 40px 20px; border-radius: 12px; margin: 40px 0;\"\u003e\n\u003cdiv style=\"display: flex; flex-wrap: wrap-reverse; align-items: center; gap: 30px;\"\u003e\n\u003cdiv style=\"flex: 1; min-width: 300px; text-align: center;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0625\/7754\/1301\/files\/17.webp?v=1767585676\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 1; min-width: 300px;\"\u003e\n\u003ch2 style=\"color: #fff;\"\u003e🧔 Not Just for Women\u003c\/h2\u003e\n\u003cp style=\"color: #ddd;\"\u003eIdeally suited for men's grooming needs too. Instantly fix:\u003c\/p\u003e\n\u003cul style=\"color: #ddd; padding-left: 20px;\"\u003e\n\u003cli style=\"margin-bottom: 10px;\"\u003ePatchy Beards \u0026amp; Moustaches\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 10px;\"\u003eReceding Hairlines\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 10px;\"\u003eSideburn Gaps\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp style=\"color: #b8860b; font-weight: bold;\"\u003eLook sharper and more defined in seconds.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ============================================ --\u003e \u003c!-- 6. COLOUR SELECTION (带点击功能版) --\u003e \u003c!-- ============================================ --\u003e\n\u003cdiv style=\"text-align: center; margin: 50px 0;\"\u003e\n\u003ch2 style=\"margin-bottom: 10px;\"\u003e🎨 Choose Your Perfect Shade\u003c\/h2\u003e\n\u003cp style=\"color: #666; margin-bottom: 20px;\"\u003eMatches all natural hair colours seamlessly.\u003c\/p\u003e\n\u003c!-- 🔴 颜色展示图 --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0625\/7754\/1301\/files\/5_b1f4ebe5-ed1b-4263-883b-ca4f6390f4d1.jpg?v=1767585988\" alt=\"\"\u003e\u003cbr\u003e\u003c!-- 🔴 可点击的颜色按钮 --\u003e\n\u003cdiv style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); gap: 10px; margin-top: 20px; max-width: 600px; margin-left: auto; margin-right: auto;\" class=\"color-grid\"\u003e\n\u003c!-- 按钮 1 --\u003e\n\u003cdiv style=\"padding: 10px; background: #f4f4f4; border-radius: 5px; font-size: 14px; cursor: pointer; border: 1px solid #ddd; transition: all 0.2s;\" class=\"color-btn\"\u003e\n\u003cstrong\u003e01\u003c\/strong\u003e Light Brown\u003c\/div\u003e\n\u003c!-- 按钮 2 --\u003e\n\u003cdiv style=\"padding: 10px; background: #f4f4f4; border-radius: 5px; font-size: 14px; cursor: pointer; border: 1px solid #ddd; transition: all 0.2s;\" class=\"color-btn\"\u003e\n\u003cstrong\u003e02\u003c\/strong\u003e Dark Brown\u003c\/div\u003e\n\u003c!-- 按钮 3 --\u003e\n\u003cdiv style=\"padding: 10px; background: #f4f4f4; border-radius: 5px; font-size: 14px; cursor: pointer; border: 1px solid #ddd; transition: all 0.2s;\" class=\"color-btn\"\u003e\n\u003cstrong\u003e03\u003c\/strong\u003e Reddish Brown\u003c\/div\u003e\n\u003c!-- 按钮 4 --\u003e\n\u003cdiv style=\"padding: 10px; background: #f4f4f4; border-radius: 5px; font-size: 14px; cursor: pointer; border: 1px solid #ddd; transition: all 0.2s;\" class=\"color-btn\"\u003e\n\u003cstrong\u003e04\u003c\/strong\u003e Grey\u003c\/div\u003e\n\u003c!-- 按钮 5 --\u003e\n\u003cdiv style=\"padding: 10px; background: #f4f4f4; border-radius: 5px; font-size: 14px; cursor: pointer; border: 1px solid #ddd; transition: all 0.2s;\" class=\"color-btn\"\u003e\n\u003cstrong\u003e05\u003c\/strong\u003e Black\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ============================================ --\u003e \u003c!-- 交互脚本 (JavaScript) --\u003e \u003c!-- ============================================ --\u003e \u003cscript\u003e\n    function selectVariant(colorName) {\n      \/\/ 1. 滚动到页面顶部 (产品区域)\n      const productSection = document.querySelector('.product-form') || document.querySelector('form[action*=\"\/cart\/add\"]');\n      if (productSection) {\n        productSection.scrollIntoView({ behavior: 'smooth', block: 'center' });\n      }\n\n      \/\/ 2. 查找并点击对应的变体按钮\n      \/\/ 尝试匹配 Shopify 常见的几种变体选择器结构\n      \n      \/\/ 方法 A: 查找 value 属性 (适用于 Dawn 等 2.0 主题)\n      let inputs = document.querySelectorAll('input[type=\"radio\"], option');\n      let found = false;\n\n      inputs.forEach(input =\u003e {\n        \/\/ 检查 value 是否包含颜色名 (忽略大小写)\n        if (input.value \u0026\u0026 input.value.toLowerCase().includes(colorName.toLowerCase())) {\n          input.click(); \/\/ 点击单选框\n          input.checked = true; \/\/ 强制选中\n          \n          \/\/ 如果是 dropdown (select 标签)，需要触发 change 事件\n          if (input.tagName === 'OPTION') {\n             const select = input.parentElement;\n             select.value = input.value;\n             select.dispatchEvent(new Event('change'));\n          }\n          found = true;\n        }\n      });\n\n      \/\/ 方法 B: 如果上面没找到，尝试查找 Label 标签 (适用于部分第三方主题)\n      if (!found) {\n        let labels = document.querySelectorAll('label, .variant-option');\n        labels.forEach(label =\u003e {\n          if (label.innerText.toLowerCase().includes(colorName.toLowerCase())) {\n            label.click();\n          }\n        });\n      }\n    }\n  \u003c\/script\u003e \u003c!-- 简单的鼠标悬停样式 --\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n    .color-btn:hover {\n      background-color: #e0e0e0 !important;\n      border-color: #999 !important;\n      transform: translateY(-2px);\n    }\n  \u003c\/style\u003e\n\u003cdiv style=\"font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #333; line-height: 1.6; max-width: 900px; margin: 0 auto;\"\u003e\n\u003c!-- 7. HOW TO USE (Image 4) --\u003e\n\u003cdiv style=\"margin: 40px 0; border: 2px dashed #ddd; padding: 30px; border-radius: 15px;\"\u003e\n\u003ch3 style=\"text-align: center; color: #333; margin-top: 0;\"\u003e📝 3 Steps to Perfection\u003c\/h3\u003e\n\u003cdiv style=\"display: flex; flex-wrap: wrap; align-items: center; gap: 30px;\"\u003e\n\u003cdiv style=\"flex: 1; min-width: 300px;\"\u003e\n\u003cdiv style=\"margin-bottom: 15px;\"\u003e\n\u003cstrong\u003eStep 1:\u003c\/strong\u003e Raise the pen tip 45 degrees and draw along the growth direction of the eyebrows.\u003c\/div\u003e\n\u003cdiv style=\"margin-bottom: 15px;\"\u003e\n\u003cstrong\u003eStep 2:\u003c\/strong\u003e Fill in any gaps using short, gentle strokes to create texture.\u003c\/div\u003e\n\u003cdiv style=\"margin-bottom: 15px;\"\u003e\n\u003cstrong\u003eStep 3:\u003c\/strong\u003e Draw the tail of the eyebrow for a refined finish.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"flex: 1; min-width: 250px; text-align: center;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0625\/7754\/1301\/files\/3_b09ddf0e-5e5f-4896-8336-5f52317f879a.jpg?v=1767585797\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 8. WHAT'S IN THE BOX (Image 1) --\u003e\n\u003cdiv style=\"text-align: center; margin: 40px 0; padding: 20px; background: #f9f9f9; border-radius: 12px;\"\u003e\n\u003ch3 style=\"margin-bottom: 15px;\"\u003e📦 What You Get\u003c\/h3\u003e\n\u003cp\u003ePremium packaging, ideal for gifting.\u003c\/p\u003e\n\u003c!-- 🔴 请在这里插入图片 1 (产品包装\/全家福) --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0625\/7754\/1301\/files\/1_91dabf30-2821-4d4c-9c36-50e8adca5cb2.jpg?v=1767585905\" alt=\"\"\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c!-- 9. WHY BUY FROM US (Trust Badges) --\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 20px; margin-top: 40px; flex-wrap: wrap;\"\u003e\n\u003cdiv style=\"text-align: center; width: 100px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🚚\u003c\/span\u003e\n\u003cp style=\"font-size: 12px; font-weight: bold;\"\u003eFast UK Delivery\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; width: 100px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e🔒\u003c\/span\u003e\n\u003cp style=\"font-size: 12px; font-weight: bold;\"\u003eSecure Payment\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; width: 100px;\"\u003e\n\u003cspan style=\"font-size: 24px;\"\u003e✅\u003c\/span\u003e\n\u003cp style=\"font-size: 12px; font-weight: bold;\"\u003eQuality Guarantee\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"voltrayo","offers":[{"title":"Light Brown","offer_id":50573955334377,"sku":"RM-MB-RM-BrowPen-01*1","price":16.99,"currency_code":"GBP","in_stock":true},{"title":"Dark Brown","offer_id":50573955367145,"sku":"RM-MB-RM-BrowPen-02*1","price":16.99,"currency_code":"GBP","in_stock":true},{"title":"Reddish Brown","offer_id":50573955399913,"sku":"RM-MB-RM-BrowPen-03*1","price":16.99,"currency_code":"GBP","in_stock":true},{"title":"Grey Brown","offer_id":50573955432681,"sku":"RM-MB-RM-BrowPen-04*1","price":16.99,"currency_code":"GBP","in_stock":true},{"title":"Black","offer_id":50573955465449,"sku":"RM-MB-RM-BrowPen-05*1","price":16.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0767\/7185\/2521\/files\/1_8ad03e38-acf2-4168-8249-866e50bf7aae.jpg?v=1772707660","url":"https:\/\/dresmy.com\/products\/pen-for-brows1","provider":"dresmy","version":"1.0","type":"link"}