{"product_id":"new-gen-2-0-vivlyjoy-sport-footwear-clip","title":"NEW Gen 2.0 VivlyJoy Sport Footwear Clip","description":"\u003cstyle\u003e\n  \/* ==========================================\n     VivlyJoy 产品落地页专属样式 (隔离ID，不影响主题)\n     ========================================== *\/\n  #vivlyjoy-landing-page {\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: #333;\n    line-height: 1.6;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 20px;\n    background-color: #ffffff;\n    box-sizing: border-box;\n  }\n  #vivlyjoy-landing-page * { box-sizing: border-box; }\n\n  \/* 头部 *\/\n  #vivlyjoy-landing-page .vj-hero {\n    background: linear-gradient(135deg, #1d1d1d 0%, #333333 100%);\n    color: #fff;\n    text-align: center;\n    padding: 60px 20px;\n    border-radius: 12px;\n    margin-bottom: 40px;\n  }\n  #vivlyjoy-landing-page .vj-hero h1 {\n    font-size: 3em; color: #fff; margin: 0 0 10px 0;\n    text-transform: uppercase; letter-spacing: 2px; font-weight: 800;\n  }\n  #vivlyjoy-landing-page .vj-hero h2 {\n    font-size: 1.5em; color: #E63946; margin: 0 0 20px 0; font-weight: 400;\n  }\n  #vivlyjoy-landing-page .vj-hero p {\n    color: #ccc; font-size: 1.1em; max-width: 700px; margin: 0 auto 30px auto;\n  }\n  #vivlyjoy-landing-page .vj-btn {\n    display: inline-block; background-color: #E63946; color: #fff !important;\n    padding: 16px 40px; text-decoration: none; font-size: 1.2em;\n    font-weight: bold; border-radius: 50px; transition: 0.3s;\n    border: none; box-shadow: 0 4px 10px rgba(230, 57, 70, 0.4);\n    cursor: pointer;\n  }\n  #vivlyjoy-landing-page .vj-btn:hover {\n    background-color: #c1121f; transform: translateY(-3px); color: #fff !important;\n  }\n\n  \/* 卖点卡片 *\/\n  #vivlyjoy-landing-page .vj-features {\n    display: flex; justify-content: space-between; gap: 20px;\n    flex-wrap: wrap; margin-bottom: 50px;\n  }\n  #vivlyjoy-landing-page .vj-feature-box {\n    flex: 1; min-width: 280px; background: #f8f9fa; padding: 30px 20px;\n    border-radius: 12px; text-align: center; border-bottom: 5px solid #E63946;\n    box-shadow: 0 4px 6px rgba(0,0,0,0.05);\n  }\n  #vivlyjoy-landing-page .vj-feature-box h4 { font-size: 1.3em; margin-bottom: 10px; color: #1d1d1d; }\n  #vivlyjoy-landing-page .vj-feature-box p { font-size: 0.95rem; color: #555; margin: 0; }\n\n  \/* 产品展示区 *\/\n  #vivlyjoy-landing-page .vj-showcase {\n    display: flex; align-items: center; flex-wrap: wrap; \n    padding: 40px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee;\n    margin-bottom: 50px; gap: 40px;\n  }\n  #vivlyjoy-landing-page .vj-showcase-img {\n    flex: 1; min-width: 300px; text-align: center; \n    background: #ffffff; padding: 20px; border-radius: 12px;\n  }\n  #vivlyjoy-landing-page .vj-showcase-img img {\n    max-width: 100%; height: auto; object-fit: contain; \n    transition: transform 0.3s ease;\n  }\n  #vivlyjoy-landing-page .vj-showcase-content {\n    flex: 1; min-width: 300px; padding: 0 20px;\n  }\n  #vivlyjoy-landing-page .vj-showcase-content h3 {\n    font-size: 2em; color: #1d1d1d; margin: 0 0 20px 0;\n  }\n  #vivlyjoy-landing-page .vj-benefit-list { list-style: none; padding: 0; margin: 0 0 30px 0; }\n  #vivlyjoy-landing-page .vj-benefit-list li {\n    margin-bottom: 12px; font-size: 1.05em; display: flex; align-items: flex-start;\n  }\n  #vivlyjoy-landing-page .vj-benefit-list li::before {\n    content: '✔'; color: #E63946; font-weight: bold; margin-right: 10px; font-size: 1.2em;\n  }\n\n  \/* 底部信任背书 *\/\n  #vivlyjoy-landing-page .vj-footer-cta {\n    background: #1d1d1d; color: #fff; text-align: center; padding: 40px; border-radius: 12px;\n  }\n  #vivlyjoy-landing-page .vj-footer-cta h3 { color: #E63946; margin-top: 0; font-size: 1.8em; }\n\n  \/* 手机端响应式 *\/\n  @media (max-width: 768px) {\n    #vivlyjoy-landing-page .vj-hero h1 { font-size: 2em; }\n    #vivlyjoy-landing-page .vj-showcase-content { padding: 0; }\n    #vivlyjoy-landing-page .vj-feature-box { min-width: 100%; }\n  }\n\u003c\/style\u003e\n\n\u003cdiv id=\"vivlyjoy-landing-page\"\u003e\n  \n  \u003c!-- 1. 首屏头部 --\u003e\n  \u003cdiv class=\"vj-hero\"\u003e\n    \u003ch1\u003eVivlyJoy Sport Clip\u003c\/h1\u003e\n    \u003ch2\u003eNEW AND IMPROVED GEN 2.0\u003c\/h2\u003e\n    \u003cp\u003eSecurely hang your extra footwear on the outside of your bag. Engineered for athletes, hikers, and outdoor enthusiasts!\u003c\/p\u003e\n    \u003cbutton type=\"button\" class=\"vj-btn vj-scroll-top\"\u003eSHOP NOW\u003c\/button\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 2. 核心卖点 --\u003e\n  \u003cdiv class=\"vj-features\"\u003e\n    \u003cdiv class=\"vj-feature-box\"\u003e\n      \u003ch4\u003e🔒 BIGGER \u0026amp; STRONGER CLIP\u003c\/h4\u003e\n      \u003cp\u003eHeavy Duty Sports Carrying Clip. Hang even more places!\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"vj-feature-box\"\u003e\n      \u003ch4\u003e💪 QUAD-STITCHED STRAP\u003c\/h4\u003e\n      \u003cp\u003eShorter, sturdier length reduces movements while you run or hike!\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"vj-feature-box\"\u003e\n      \u003ch4\u003e🇺🇸 PATENTED DESIGN\u003c\/h4\u003e\n      \u003cp\u003eDesigned in the USA! Same 1 Year Warranty protection.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 3. 产品展示区 --\u003e\n  \u003cdiv class=\"vj-showcase\"\u003e\n    \u003cdiv class=\"vj-showcase-img\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0713\/6277\/3107\/files\/Untitled-2-02_1_2048x2048_36bea567-56df-4e2d-a5a8-0f8c92ee2840.webp?v=1788252786\" alt=\"VivlyJoy Black Product\"\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"vj-showcase-content\"\u003e\n      \u003ch3\u003eGear That Keeps Up With Your Game\u003c\/h3\u003e\n      \u003cp style=\"color: #666; margin-bottom: 20px;\"\u003eStop stuffing your bag. Our Patented VivlyJoy Footwear Clip securely hangs any extra pair of cleats, running shoes, or boots. Perfect for the field, the trail, or home organization.\u003c\/p\u003e\n      \u003cul class=\"vj-benefit-list\"\u003e\n        \u003cli\u003e\n\u003cstrong\u003eHeavy Duty:\u003c\/strong\u003e Built with a Stronger Quad Stitched Strap.\u003c\/li\u003e\n        \u003cli\u003e\n\u003cstrong\u003eStability:\u003c\/strong\u003e Shorter length reduces bouncing and swaying.\u003c\/li\u003e\n        \u003cli\u003e\n\u003cstrong\u003eConvenience:\u003c\/strong\u003e Hang it anywhere with the bigger, stronger clip.\u003c\/li\u003e\n      \u003c\/ul\u003e\n      \u003cbutton type=\"button\" class=\"vj-btn vj-scroll-top\"\u003eSELECT YOUR COLOR\u003c\/button\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 4. 场景与信任背书 --\u003e\n  \u003cdiv style=\"text-align: center; margin-bottom: 50px; background: #f4f4f4; border-radius: 12px; padding: 40px;\"\u003e\n    \u003ch2 style=\"color: #1d1d1d; margin-bottom: 20px; font-size: 2em;\"\u003eTake It Anywhere\u003c\/h2\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0713\/6277\/3107\/files\/Untitled-2-01_1_2048x2048_bb5cfaa1-bcb8-42b6-bcf7-5e85124e06e7.webp?v=1788252913\" alt=\"VivlyJoy Lifestyle\" style=\"max-width: 100%; height: auto; border-radius: 12px; box-shadow: 0 10px 20px rgba(0,0,0,0.1);\"\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 5. 底部信任背书 --\u003e\n  \u003cdiv class=\"vj-footer-cta\"\u003e\n    \u003ch3\u003e1 YEAR WARRANTY\u003c\/h3\u003e\n    \u003cp style=\"color: #ccc; max-width: 600px; margin: 0 auto 20px auto;\"\u003eWe stand by our gear. If your VivlyJoy Clip fails, we'll replace it. Designed with passion in the USA.\u003c\/p\u003e\n    \u003cbutton type=\"button\" class=\"vj-btn vj-scroll-top\"\u003eBUY YOUR CLIP NOW\u003c\/button\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- ==========================================\n     【终极修复】JavaScript 代码\n     无需任何锚点ID，强制平滑滚动到顶部的原生购买表单区\n     ========================================== --\u003e\n\u003cscript\u003e\n  document.addEventListener(\"DOMContentLoaded\", function() {\n    \/\/ 找到所有点击按钮\n    var buttons = document.querySelectorAll('.vj-scroll-top');\n\n    \/\/ 在页面中寻找 Shop 自带的“加购表单”区域（也就是你截图里的最上面那一块）\n    \/\/ 兼容大部分Shopify主题结构\n    var targetElement = document.querySelector('form[action*=\"\/cart\/add\"]') || \n                        document.querySelector('.product-form') || \n                        document.querySelector('.product__info-wrapper') || \n                        document.querySelector('.product-form__container') ||\n                        document.querySelector('main');\n\n    if (!targetElement) return; \/\/ 如果找不到就退出\n\n    buttons.forEach(function(btn) {\n      btn.addEventListener('click', function(e) {\n        e.preventDefault(); \/\/ 彻底阻断默认的锚点跳转行为\n\n        \/\/ 使用原生 scrollIntoView 强制将目标元素吸到屏幕最顶端\n        targetElement.scrollIntoView({\n          behavior: 'smooth', \/\/ 平滑滚动\n          block: 'start'      \/\/ 顶对齐\n        });\n      });\n    });\n  });\n\u003c\/script\u003e","brand":"Vivly Joy","offers":[{"title":"Black","offer_id":45397440757875,"sku":null,"price":19.9,"currency_code":"USD","in_stock":true},{"title":"Blue","offer_id":45397440790643,"sku":null,"price":19.9,"currency_code":"USD","in_stock":true},{"title":"Green","offer_id":45397440823411,"sku":null,"price":19.9,"currency_code":"USD","in_stock":true},{"title":"Red","offer_id":45397440856179,"sku":null,"price":19.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0713\/6277\/3107\/files\/Untitled-2-02_1_2048x2048_b956bbbf-755a-4486-97bb-1213cae8e507.webp?v=1787658186","url":"https:\/\/vivlyjoy.com\/products\/new-gen-2-0-vivlyjoy-sport-footwear-clip","provider":"Vivly Joy","version":"1.0","type":"link"}