{"product_id":"smart-led-pixel-car-display-app-controlled-custom-text-colors-animations","title":"🎄 Smart LED Pixel Car Display — App-Controlled Custom Text, Colors \u0026 Animations","description":"\u003cdiv id=\"js_ngx\"\u003e\u003c\/div\u003e\n\u003cstyle\u003e .pixel-car-page, .pixel-car-page *{   box-sizing:border-box; }  .pixel-car-page{   max-width:900px;   margin:0 auto;   padding:10px;   font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;   color:#1f2630!important;   background:#ffffff;   line-height:1.65; }  .pixel-car-page img{   display:block;   width:100%!important;   height:auto!important;   margin:20px 0;   border-radius:22px; }  .pc-section{   margin:20px 0;   padding:30px 20px;   border-radius:24px;   background:#fff;   box-shadow:0 8px 28px rgba(20,40,65,.07); }  .pc-soft{   background:#f5f8fc; }  .pc-dark{   background:linear-gradient(135deg,#0c1522,#17263a); }  .pc-dark h2, .pc-dark p, .pc-dark li{   color:#fff!important; }  .pc-red{   background:linear-gradient(135deg,#8f1e26,#c92d37); }  .pc-red h2, .pc-red p{   color:#fff!important; }  .pc-title{   margin:0 0 12px!important;   font-size:34px;   line-height:1.16;   font-weight:900;   text-align:center;   color:#121820!important; }  .pc-sub{   max-width:720px;   margin:0 auto!important;   color:#5e6873!important;   font-size:17px;   text-align:center; }  .pc-section h2{   margin:0 0 12px!important;   font-size:27px;   line-height:1.25;   font-weight:850;   color:#121820!important; }  .pc-section p{   color:#535f6a!important;   font-size:16px; }  .pc-grid{   display:grid;   grid-template-columns:repeat(2,minmax(0,1fr));   gap:12px;   margin-top:18px; }  .pc-card{   padding:18px;   border:1px solid #e0e7ee;   border-radius:17px;   background:#fff; }  .pc-card h3{   margin:0 0 6px!important;   font-size:17px;   font-weight:850;   color:#17202a!important; }  .pc-card p{   margin:0!important;   font-size:14px; }  .pc-list{   margin:16px 0 0;   padding-left:20px; }  .pc-list li{   margin:9px 0;   color:#3f4a55!important; }  .pc-stats{   display:grid;   grid-template-columns:repeat(3,1fr);   gap:10px;   margin-top:18px; }  .pc-stat{   padding:16px 10px;   border-radius:16px;   background:#fff;   border:1px solid #e4e9ee;   text-align:center; }  .pc-stat strong{   display:block;   font-size:20px;   color:#e32636!important; }  .pc-stat span{   display:block;   margin-top:4px;   font-size:12px;   color:#65707b!important; }  .pc-steps{   display:grid;   gap:10px;   margin-top:18px; }  .pc-step{   display:grid;   grid-template-columns:38px 1fr;   gap:12px;   align-items:start;   padding:14px;   border:1px solid #e0e7ee;   border-radius:15px;   background:#fff; }  .pc-num{   display:flex;   align-items:center;   justify-content:center;   width:38px;   height:38px;   border-radius:50%;   background:#e32636;   color:#fff!important;   font-weight:900; }  .pc-step h3{   margin:0 0 4px!important;   font-size:16px; }  .pc-step p{   margin:0!important;   font-size:14px; }  .pc-cta{   display:block;   max-width:430px;   margin:20px auto 0;   padding:16px 20px;   border-radius:50px;   background:#e32636;   color:#fff!important;   text-align:center;   text-decoration:none!important;   font-size:17px;   font-weight:900; }  @media(max-width:640px){   .pixel-car-page{     padding:5px;   }    .pc-section{     padding:25px 15px;     margin:14px 0;     border-radius:19px;   }    .pc-title{     font-size:29px;   }    .pc-section h2{     font-size:23px;   }    .pc-grid,   .pc-stats{     grid-template-columns:1fr;   }    .pc-sub{     font-size:15px;   } } \u003c\/style\u003e\n\u003cdiv class=\"pixel-car-page\"\u003e\n\u003c!-- HERO --\u003e\n\u003csection class=\"pc-section pc-soft\"\u003e\n\u003ch1 class=\"pc-title\"\u003e🎄 Turn Your Rear Window Into A Christmas Show\u003c\/h1\u003e\n\u003cp class=\"pc-sub\"\u003eCreate custom text, colors, icons and animations from your phone and display them across a bright flexible LED pixel screen.\u003cimg src=\"https:\/\/www.etherealls.com\/cdn\/shop\/files\/image\/cf398df2f4edb310fa4cb995ac338e16612f51cc.png\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cdiv class=\"pc-stats\"\u003e\n\u003cdiv class=\"pc-stat\"\u003e\n\u003cstrong\u003eAPP\u003c\/strong\u003ePhone Controlled\u003c\/div\u003e\n\u003cdiv class=\"pc-stat\"\u003e\n\u003cstrong\u003eCustom\u003c\/strong\u003eText \u0026amp; Colors\u003c\/div\u003e\n\u003cdiv class=\"pc-stat\"\u003e\n\u003cstrong\u003eLED\u003c\/strong\u003eAnimated Pixel Display\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ca class=\"pc-cta\" href=\"#product-form\"\u003e CREATE YOUR DISPLAY → \u003c\/a\u003e\u003c\/section\u003e\n\u003c!-- PROBLEM --\u003e\n\u003csection class=\"pc-section\"\u003e\n\u003ch2\u003eWhy Settle for a Static Car Decoration?\u003c\/h2\u003e\n\u003cp\u003eTraditional stickers and signs stay the same every day.\u003c\/p\u003e\n\u003cp\u003eThis flexible LED pixel display lets you change your message, colors and animation whenever you want — right from your phone.\u003c\/p\u003e\n\u003cimg src=\"https:\/\/www.etherealls.com\/cdn\/shop\/files\/image\/e6a68435a90f9afa415fa2a94dd169499f026c10.png\" alt=\"\"\u003e\u003c\/section\u003e\n\u003c!-- APP CONTROL --\u003e\n\u003csection class=\"pc-section pc-dark\"\u003e\n\u003ch2\u003e\u003cspan style=\"color: #80ff00;\"\u003eDesign It in Seconds\u003c\/span\u003e\u003c\/h2\u003e\n\u003cp\u003e\u003cspan style=\"color: #ffffff;\"\u003eType your message, choose your colors, select an animation and hit play.\u003c\/span\u003e\u003c\/p\u003e\n\u003cul class=\"pc-list\"\u003e\n\u003cli style=\"color: #ffffff;\"\u003e\u003cspan style=\"color: #ffffff;\"\u003e✍️ Editable custom text\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"color: #ffffff;\"\u003e\u003cspan style=\"color: #ffffff;\"\u003e🌈 Color customization\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"color: #ffffff;\"\u003e\u003cspan style=\"color: #ffffff;\"\u003e🎞 Animation effects\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"color: #ffffff;\"\u003e\u003cspan style=\"color: #ffffff;\"\u003e🎄 Holiday graphics and icons\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"color: #ffffff;\"\u003e\u003cspan style=\"color: #ffffff;\"\u003e📱 App-based control\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/section\u003e\n\u003c!-- FEATURES --\u003e\n\u003csection class=\"pc-section\"\u003e\n\u003ch2\u003eYour Message. Your Style. Your Car.\u003c\/h2\u003e\n\u003cdiv class=\"pc-grid\"\u003e\n\u003cdiv class=\"pc-card\"\u003e\n\u003ch3\u003e✍️ Custom Text\u003c\/h3\u003e\n\u003cp\u003eCreate festive greetings, short messages or personalized phrases from your phone.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pc-card\"\u003e\n\u003ch3\u003e🌈 Adjustable Colors\u003c\/h3\u003e\n\u003cp\u003eChange the display colors to match Christmas, holidays, events or your own style.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pc-card\"\u003e\n\u003ch3\u003e🎞 Dynamic Animations\u003c\/h3\u003e\n\u003cp\u003eUse moving effects to make the display more eye-catching than a static sign.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pc-card\"\u003e\n\u003ch3\u003e🎄 Holiday Designs\u003c\/h3\u003e\n\u003cp\u003eShow festive pixel graphics such as Santa, snowmen, trees, gifts and seasonal icons.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CHRISTMAS --\u003e\n\u003csection class=\"pc-section pc-red\"\u003e\n\u003ch2\u003eMake Every Christmas Drive More Festive\u003c\/h2\u003e\n\u003cp\u003e\u003cspan style=\"color: #e6e6e6;\"\u003eSwitch between holiday messages, animated graphics and colorful seasonal patterns throughout December.\u003c\/span\u003e\u003c\/p\u003e\n\u003cimg src=\"https:\/\/www.etherealls.com\/cdn\/shop\/files\/image\/c33bc4599373dbe31b4485747b10e6fa6f0e9bfe.png\" alt=\"\"\u003e\u003c\/section\u003e\n\u003c!-- HOW TO --\u003e\n\u003csection class=\"pc-section pc-soft\"\u003e\n\u003ch2\u003eCreate A New Display in Four Easy Steps\u003c\/h2\u003e\n\u003cdiv class=\"pc-steps\"\u003e\n\u003cdiv class=\"pc-step\"\u003e\n\u003cdiv class=\"pc-num\"\u003e1\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eConnect Your Phone\u003c\/h3\u003e\n\u003cp\u003eOpen the compatible control app and connect to the display.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pc-step\"\u003e\n\u003cdiv class=\"pc-num\"\u003e2\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eCreate Your Message\u003c\/h3\u003e\n\u003cp\u003eEnter your text or choose a graphic from the available options.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pc-step\"\u003e\n\u003cdiv class=\"pc-num\"\u003e3\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eCustomize The Look\u003c\/h3\u003e\n\u003cp\u003eAdjust colors, style and animation settings.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pc-step\"\u003e\n\u003cdiv class=\"pc-num\"\u003e4\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eHit Play\u003c\/h3\u003e\n\u003cp\u003eSend your design to the LED screen and enjoy the display.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INSTALLATION --\u003e\n\u003csection class=\"pc-section\"\u003e\n\u003ch2\u003eDesigned for Car Rear Windows\u003c\/h2\u003e\n\u003cp\u003eThe flexible panel can be mounted on a suitable rear-window area for a clean, highly visible display.\u003c\/p\u003e\n\u003cdiv class=\"pc-grid\"\u003e\n\u003cdiv class=\"pc-card\"\u003e\n\u003ch3\u003e🚗 Rear Window Ready\u003c\/h3\u003e\n\u003cp\u003eDesigned to create a wide visual display across compatible vehicle rear windows.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pc-card\"\u003e\n\u003ch3\u003e🩹 Adhesive Mounting\u003c\/h3\u003e\n\u003cp\u003eSecure adhesive backing helps hold the panel in place without drilling.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pc-card\"\u003e\n\u003ch3\u003e🔌 USB Powered\u003c\/h3\u003e\n\u003cp\u003eConvenient wired power connection for in-car use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pc-card\"\u003e\n\u003ch3\u003e↪ Flexible Panel\u003c\/h3\u003e\n\u003cp\u003eFlexible construction helps the display follow gently curved glass surfaces.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg src=\"https:\/\/www.etherealls.com\/cdn\/shop\/files\/image\/9abe7b79f695bb687e8dfdaebc30d7c0fd05880c.png\" alt=\"\"\u003e\u003c\/section\u003e\n\u003c!-- USE CASES --\u003e\n\u003csection class=\"pc-section pc-dark\"\u003e\n\u003ch2\u003e\u003cspan style=\"color: #80ff00;\"\u003eNot Just for Christmas\u003c\/span\u003e\u003c\/h2\u003e\n\u003cp\u003e\u003cspan style=\"color: #ffffff;\"\u003eChange the design whenever the occasion changes.\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv class=\"pc-grid\"\u003e\n\u003cdiv class=\"pc-card\"\u003e\n\u003ch3\u003e🎄 Christmas\u003c\/h3\u003e\n\u003cp\u003eFestive greetings, Santa, snowflakes and holiday animations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pc-card\"\u003e\n\u003ch3\u003e🎃 Halloween\u003c\/h3\u003e\n\u003cp\u003ePumpkins, spooky icons and seasonal messages.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pc-card\"\u003e\n\u003ch3\u003e❤️ Celebrations\u003c\/h3\u003e\n\u003cp\u003eHearts, greetings and colorful animated messages.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pc-card\"\u003e\n\u003ch3\u003e🚗 Everyday Style\u003c\/h3\u003e\n\u003cp\u003eCreate your own custom pixel look whenever you want something different.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- WHY BUY --\u003e\n\u003csection class=\"pc-section\"\u003e\n\u003ch2\u003eOne Display. Endless Ways To Personalize It.\u003c\/h2\u003e\n\u003cp\u003eInstead of buying separate signs for every holiday, keep one customizable LED display and update it whenever your mood, message or season changes.\u003c\/p\u003e\n\u003cul class=\"pc-list\"\u003e\n\u003cli\u003eChange text anytime\u003c\/li\u003e\n\u003cli\u003eSwitch colors instantly\u003c\/li\u003e\n\u003cli\u003eCreate animated effects\u003c\/li\u003e\n\u003cli\u003eUse seasonal icons\u003c\/li\u003e\n\u003cli\u003eReuse it for different holidays and events\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/section\u003e\n\u003c!-- FAQ --\u003e\n\u003csection class=\"pc-section pc-soft\"\u003e\n\u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n\u003cdiv class=\"pc-card\"\u003e\n\u003ch3\u003eCan I create my own text?\u003c\/h3\u003e\n\u003cp\u003eYes. The supplied product visuals show app-based text editing with customizable fonts, colors and effects.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pc-card\"\u003e\n\u003ch3\u003eCan I change the colors?\u003c\/h3\u003e\n\u003cp\u003eYes. Color customization is one of the main functions shown in the mobile app interface.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pc-card\"\u003e\n\u003ch3\u003eDoes it support animations?\u003c\/h3\u003e\n\u003cp\u003eYes. The supplied visuals show animation and dynamic-effect options in addition to static text and graphics.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pc-card\"\u003e\n\u003ch3\u003eHow is it powered?\u003c\/h3\u003e\n\u003cp\u003eThe supplied product images show a USB wired power connection.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pc-card\"\u003e\n\u003ch3\u003eHow is it installed?\u003c\/h3\u003e\n\u003cp\u003eThe supplied visuals show adhesive-style mounting on a suitable vehicle rear-window surface.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FINAL CTA --\u003e\n\u003csection class=\"pc-section pc-red\" style=\"text-align: center;\"\u003e\n\u003ch2\u003e🎄 Your Message. Your Style. Your Christmas.\u003c\/h2\u003e\n\u003cp\u003e\u003cspan style=\"color: #ffffff;\"\u003eCustomize text, colors and animations and turn your rear window into a display that changes whenever you do.\u003c\/span\u003e\u003c\/p\u003e\n\u003ca class=\"pc-cta\" style=\"background: #ffffff; color: #b5202c!important;\" href=\"#product-form\"\u003e GET YOUR SMART PIXEL DISPLAY → \u003c\/a\u003e\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cdiv data-immersive-translate-paragraph=\"1\"\u003e\n\u003ch2 style=\"font-size: 22px; margin: 0 0 8px; color: #111827; font-weight: 800; text-align: center;\"\u003eWhy Shop With Us\u003c\/h2\u003e\n\u003cp style=\"text-align: center; color: #6b7280; margin: 0 0 14px;\"\u003eQuality products, fair prices, and support that actually cares.\u003c\/p\u003e\n\u003cp\u003e\u003c!-- Guarantees row --\u003e\u003c\/p\u003e\n\u003cdiv style=\"display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px;\"\u003e\n\u003cdiv style=\"border: 1px solid #e5e7eb; border-radius: 12px; padding: 12px 14px; background: #fff;\"\u003e\n\u003cstrong\u003e🏭 Direct from Manufacturers\u003c\/strong\u003e\n\u003cp style=\"margin: 6px 0 0; color: #374151;\"\u003eCurated suppliers + in-house QC for consistent quality.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"border: 1px solid #e5e7eb; border-radius: 12px; padding: 12px 14px; background: #fff;\"\u003e\n\u003cstrong\u003e🔥 Competitive Pricing\u003c\/strong\u003e\n\u003cp style=\"margin: 6px 0 0; color: #374151;\"\u003eNo middlemen. Just great value on every order.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"border: 1px solid #e5e7eb; border-radius: 12px; padding: 12px 14px; background: #fff;\"\u003e\n\u003cstrong\u003e😊 Friendly Support 24\/7\u003c\/strong\u003e\n\u003cp style=\"margin: 6px 0 0; color: #374151;\"\u003eReal people, real help. We reply within 24–48h (Mon–Fri).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"border: 1px solid #e5e7eb; border-radius: 12px; padding: 12px 14px; background: #fff;\"\u003e\n\u003cstrong\u003e🏆 Loved by Customers\u003c\/strong\u003e\n\u003cp style=\"margin: 6px 0 0; color: #374151;\"\u003eHundreds of 5-star reviews on quality and service.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003c!-- Collapsible sections --\u003e\u003c\/p\u003e\n\u003cdetails style=\"border: 1px solid #e5e7eb; border-radius: 12px; padding: 12px 16px; margin: 12px 0; background: #fff;\" open=\"open\"\u003e\n\u003csummary style=\"cursor: pointer; font-weight: 600; color: #111827;\"\u003e🚚 Shipping \u0026amp; Tracking\u003c\/summary\u003e\n\u003cdiv style=\"margin-top: 8px;\"\u003e\n\u003cul style=\"margin: 6px 0 0 18px; color: #374151;\"\u003e\n\u003cli\u003eWorldwide shipping with insured parcels.\u003c\/li\u003e\n\u003cli\u003eTracking number is emailed as soon as your order ships.\u003c\/li\u003e\n\u003cli\u003eYou may receive your items earlier depending on the route and carrier.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003e\u003cimg style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https:\/\/www.etherealls.com\/cdn\/shop\/files\/image\/9f0e3c2ddef9c8a6047492b8a3a07d0b17803692.jpeg\" alt=\"\" width=\"400\" height=\"104\"\u003e\u003c\/h2\u003e\n\u003cp style=\"font-size: 12px; color: #9ca3af; margin-top: 6px;\"\u003eHeads-up: holidays, customs, or weather may impact delivery timelines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails style=\"border: 1px solid #e5e7eb; border-radius: 12px; padding: 12px 16px; margin: 12px 0; background: #fff;\" open=\"open\"\u003e\n\u003csummary style=\"cursor: pointer; font-weight: 600; color: #111827;\"\u003e🔒 100% Risk-Free Purchase\u003c\/summary\u003e\n\u003cp style=\"margin-top: 8px; color: #374151;\"\u003eIf your item arrives damaged or not as described, just contact us for a replacement or refund—simple and hassle-free.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails style=\"border: 1px solid #e5e7eb; border-radius: 12px; padding: 12px 16px; margin: 12px 0; background: #fff;\" open=\"open\"\u003e\n\u003csummary style=\"cursor: pointer; font-weight: 600; color: #111827;\"\u003e🏢 Our Warehouse \u0026amp; Processing\u003c\/summary\u003e\n\u003cp style=\"margin-top: 8px; color: #374151;\"\u003ePlease allow for processing time and consider holidays or unforeseen events that may affect shipping.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails style=\"border: 1px solid #e5e7eb; border-radius: 12px; padding: 12px 16px; margin: 12px 0; background: #fff;\" open=\"open\"\u003e\n\u003csummary style=\"cursor: pointer; font-weight: 600; color: #111827;\"\u003e🎁 Free Shipping Threshold\u003c\/summary\u003e\n\u003cp style=\"margin-top: 8px; color: #374151;\"\u003eEnjoy \u003cstrong\u003eFREE standard shipping on orders $49.99\u003c\/strong\u003e\u003c\/p\u003e\n\u003ch2\u003e\u003cimg style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https:\/\/www.etherealls.com\/cdn\/shop\/files\/image\/0bf30024173e785eaa07652472425e3d933490ec.jpeg\" width=\"368\" height=\"245\" loading=\"lazy\"\u003e\u003c\/h2\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* =========================================================\n   SMART PIXEL CTA → MAIN PRODUCT PRICE\n   仅修复按钮定位，不修改原按钮视觉\n========================================================= *\/\n\n.sp-price-target{\n  scroll-margin-top:140px !important;\n}\n\n.sp-price-flash{\n  animation:spPriceFlash 1.8s ease !important;\n  border-radius:8px !important;\n}\n\n@keyframes spPriceFlash{\n  0%{\n    box-shadow:0 0 0 0 rgba(239,35,55,0);\n  }\n\n  35%{\n    box-shadow:0 0 0 8px rgba(239,35,55,.22);\n  }\n\n  70%{\n    box-shadow:0 0 0 8px rgba(239,35,55,.10);\n  }\n\n  100%{\n    box-shadow:0 0 0 0 rgba(239,35,55,0);\n  }\n}\n\u003c\/style\u003e\n\n\n\u003cscript\u003e\n(function(){\n\n  \"use strict\";\n\n  var CTA_TEXTS = [\n    \"CREATE YOUR DISPLAY\",\n    \"GET YOUR SMART PIXEL DISPLAY\"\n  ];\n\n  var RETRY_DELAY = 250;\n  var RETRY_LIMIT = 24;\n\n\n  \/* =========================================================\n     判断元素是否真正可见\n  ========================================================= *\/\n\n  function spVisible(el){\n\n    if(!el){\n      return false;\n    }\n\n    var style = window.getComputedStyle(el);\n\n    if(\n      style.display === \"none\" ||\n      style.visibility === \"hidden\" ||\n      style.opacity === \"0\"\n    ){\n      return false;\n    }\n\n    var rect = el.getBoundingClientRect();\n\n    return (\n      rect.width \u003e 0 \u0026\u0026\n      rect.height \u003e 0\n    );\n\n  }\n\n\n  \/* =========================================================\n     排除购物车 \/ Sticky ATC \/ Bundle价格 \/ 快速购买\n  ========================================================= *\/\n\n  function spWrongArea(el){\n\n    if(!el){\n      return true;\n    }\n\n    return !!el.closest(\n      \".cart-drawer,\" +\n      \"#CartDrawer,\" +\n      \".drawer,\" +\n      \"[class*='cart-drawer'],\" +\n\n      \"[class*='sticky-atc'],\" +\n      \"[class*='sticky_atc'],\" +\n      \"[class*='sticky-cart'],\" +\n      \"[class*='sticky_cart'],\" +\n\n      \"[class*='quick-add'],\" +\n      \"[class*='quick_add'],\" +\n\n      \"[class*='bundle'],\" +\n      \"[id*='bundle'],\" +\n\n      \"[class*='recommendation']\"\n    );\n\n  }\n\n\n  \/* =========================================================\n     找页面主商品标题\n  ========================================================= *\/\n\n  function spFindProductTitle(){\n\n    var titles = document.querySelectorAll(\n      \"h1,\" +\n      \".product__title h1,\" +\n      \".product__title,\" +\n      \".product-title\"\n    );\n\n    for(\n      var i = 0;\n      i \u003c titles.length;\n      i++\n    ){\n\n      var el = titles[i];\n\n      if(\n        el \u0026\u0026\n        spVisible(el) \u0026\u0026\n        !spWrongArea(el)\n      ){\n        return el;\n      }\n\n    }\n\n    return null;\n\n  }\n\n\n  \/* =========================================================\n     找顶部真实价格\n     优先商品信息区，不找 Bundle 内价格\n  ========================================================= *\/\n\n  function spFindMainPrice(){\n\n    var title = spFindProductTitle();\n\n    var selectors = [\n\n      \".product__info-container .price\",\n      \".product__info-wrapper .price\",\n\n      \".product-info .price\",\n      \".product-info__price\",\n\n      \"[id^='price-template']\",\n      \"[id^='price-']\",\n      \"[id*='Price-']\",\n\n      \".price.price--large\",\n      \".product__price\",\n      \".product-price\",\n      \".price-wrapper\",\n      \".price__container\",\n\n      \".product .price\"\n\n    ];\n\n\n    var candidates = [];\n\n\n    for(\n      var i = 0;\n      i \u003c selectors.length;\n      i++\n    ){\n\n      var items = document.querySelectorAll(\n        selectors[i]\n      );\n\n\n      for(\n        var j = 0;\n        j \u003c items.length;\n        j++\n      ){\n\n        var el = items[j];\n\n        if(\n          !el ||\n          !spVisible(el) ||\n          spWrongArea(el)\n        ){\n          continue;\n        }\n\n\n        var text = String(\n          el.innerText ||\n          el.textContent ||\n          \"\"\n        )\n        .replace(\/\\s+\/g,\" \")\n        .trim();\n\n\n        \/*\n          必须是真正货币价格\n        *\/\n\n        if(\n          text.indexOf(\"$\") === -1 \u0026\u0026\n          text.indexOf(\"USD\") === -1\n        ){\n          continue;\n        }\n\n\n        \/*\n          避免重复加入同一个价格节点\n        *\/\n\n        if(candidates.indexOf(el) === -1){\n          candidates.push(el);\n        }\n\n      }\n\n    }\n\n\n    if(!candidates.length){\n      return null;\n    }\n\n\n    \/*\n      如果找到商品标题：\n      选标题下面距离最近的价格。\n\n      这样不会误选页面最底部\n      重复出现的商品价格。\n    *\/\n\n    if(title){\n\n      var titleY =\n        title.getBoundingClientRect().top +\n        window.pageYOffset;\n\n\n      var best = null;\n      var bestDistance = Infinity;\n\n\n      for(\n        var k = 0;\n        k \u003c candidates.length;\n        k++\n      ){\n\n        var price = candidates[k];\n\n        var priceY =\n          price.getBoundingClientRect().top +\n          window.pageYOffset;\n\n\n        var distance =\n          priceY - titleY;\n\n\n        if(\n          distance \u003e= 0 \u0026\u0026\n          distance \u003c bestDistance\n        ){\n\n          best = price;\n          bestDistance = distance;\n\n        }\n\n      }\n\n\n      if(best){\n        return best;\n      }\n\n    }\n\n\n    \/*\n      最后备用：\n      返回页面最靠上的可见主价格\n    *\/\n\n    candidates.sort(function(a,b){\n\n      var ay =\n        a.getBoundingClientRect().top +\n        window.pageYOffset;\n\n      var by =\n        b.getBoundingClientRect().top +\n        window.pageYOffset;\n\n      return ay - by;\n\n    });\n\n\n    return candidates[0];\n\n  }\n\n\n  \/* =========================================================\n     找 Bundle \u0026 Save，仅作备用\n  ========================================================= *\/\n\n  function spFindBundle(){\n\n    var nodes = document.querySelectorAll(\n      \"h1,h2,h3,h4,h5,h6,\" +\n      \"span,strong,b,p,label,legend\"\n    );\n\n\n    for(\n      var i = 0;\n      i \u003c nodes.length;\n      i++\n    ){\n\n      var node = nodes[i];\n\n      if(\n        !node ||\n        !spVisible(node)\n      ){\n        continue;\n      }\n\n\n      var text = String(\n        node.innerText ||\n        node.textContent ||\n        \"\"\n      )\n      .replace(\/\\s+\/g,\" \")\n      .trim()\n      .toUpperCase();\n\n\n      if(text === \"BUNDLE \u0026 SAVE\"){\n        return node;\n      }\n\n    }\n\n\n    return null;\n\n  }\n\n\n  \/* =========================================================\n     Add to Cart 作为最终备用\n  ========================================================= *\/\n\n  function spFindProductForm(){\n\n    var selectors = [\n\n      \".product-form__buttons\",\n      \".product-form\",\n\n      \"form[action*='\/cart\/add']\",\n\n      \"button[name='add']\",\n\n      \".product-form__submit\"\n\n    ];\n\n\n    for(\n      var i = 0;\n      i \u003c selectors.length;\n      i++\n    ){\n\n      var items = document.querySelectorAll(\n        selectors[i]\n      );\n\n\n      for(\n        var j = 0;\n        j \u003c items.length;\n        j++\n      ){\n\n        var item = items[j];\n\n        if(\n          item \u0026\u0026\n          spVisible(item) \u0026\u0026\n          !spWrongArea(item)\n        ){\n\n          return item;\n\n        }\n\n      }\n\n    }\n\n\n    return null;\n\n  }\n\n\n  \/* =========================================================\n     定位优先级\n\n     1. 真实商品价格\n     2. Bundle \u0026 Save\n     3. Product Form\n  ========================================================= *\/\n\n  function spGetTarget(){\n\n    return (\n      spFindMainPrice() ||\n      spFindBundle() ||\n      spFindProductForm()\n    );\n\n  }\n\n\n  \/* =========================================================\n     自动识别固定 Header 高度\n  ========================================================= *\/\n\n  function spHeaderOffset(){\n\n    var offset = 22;\n\n    var selectors = [\n\n      \"sticky-header\",\n      \".shopify-section-header-sticky\",\n      \".header-wrapper\",\n      \"#shopify-section-header\",\n      \".site-header\",\n      \"header\"\n\n    ];\n\n\n    for(\n      var i = 0;\n      i \u003c selectors.length;\n      i++\n    ){\n\n      var header = document.querySelector(\n        selectors[i]\n      );\n\n\n      if(!header){\n        continue;\n      }\n\n\n      var style = window.getComputedStyle(\n        header\n      );\n\n\n      if(\n        style.position === \"fixed\" ||\n        style.position === \"sticky\"\n      ){\n\n        var height =\n          header.getBoundingClientRect().height;\n\n\n        if(\n          height \u003e 0 \u0026\u0026\n          height \u003c 260\n        ){\n\n          offset += height;\n\n          break;\n\n        }\n\n      }\n\n    }\n\n\n    return offset;\n\n  }\n\n\n  \/* =========================================================\n     滚动到价格\n  ========================================================= *\/\n\n  function spScrollToTarget(target){\n\n    if(!target){\n      return;\n    }\n\n\n    target.classList.add(\n      \"sp-price-target\"\n    );\n\n\n    var rect =\n      target.getBoundingClientRect();\n\n\n    var y =\n      rect.top +\n      window.pageYOffset -\n      spHeaderOffset() -\n      32;\n\n\n    window.scrollTo({\n\n      top:Math.max(0,y),\n\n      behavior:\"smooth\"\n\n    });\n\n\n    \/*\n      到达价格后轻微高亮\n    *\/\n\n    setTimeout(function(){\n\n      target.classList.remove(\n        \"sp-price-flash\"\n      );\n\n\n      void target.offsetWidth;\n\n\n      target.classList.add(\n        \"sp-price-flash\"\n      );\n\n\n      setTimeout(function(){\n\n        target.classList.remove(\n          \"sp-price-flash\"\n        );\n\n      },1900);\n\n\n    },450);\n\n  }\n\n\n  \/* =========================================================\n     判断是不是这两个 CTA\n  ========================================================= *\/\n\n  function spIsTargetButton(button){\n\n    if(!button){\n      return false;\n    }\n\n\n    var text = String(\n      button.innerText ||\n      button.textContent ||\n      \"\"\n    )\n    .replace(\/\\s+\/g,\" \")\n    .trim()\n    .toUpperCase();\n\n\n    for(\n      var i = 0;\n      i \u003c CTA_TEXTS.length;\n      i++\n    ){\n\n      if(\n        text.indexOf(\n          CTA_TEXTS[i]\n        ) !== -1\n      ){\n        return true;\n      }\n\n    }\n\n\n    return false;\n\n  }\n\n\n  \/* =========================================================\n     使用事件委托\n     兼容 Shopify 延迟加载 \/ 页面编辑器\n  ========================================================= *\/\n\n  document.addEventListener(\n    \"click\",\n    function(event){\n\n      var button =\n        event.target.closest(\n          \"a,button\"\n        );\n\n\n      if(\n        !button ||\n        !spIsTargetButton(button)\n      ){\n        return;\n      }\n\n\n      \/*\n        阻止原有 href \/ anchor \/ theme JS\n      *\/\n\n      event.preventDefault();\n\n      event.stopPropagation();\n\n      if(\n        event.stopImmediatePropagation\n      ){\n        event.stopImmediatePropagation();\n      }\n\n\n      var target =\n        spGetTarget();\n\n\n      if(target){\n\n        spScrollToTarget(target);\n\n        return;\n      }\n\n\n      \/*\n        某些 Shopify App \/ Bundle App\n        会延迟渲染价格区域。\n\n        自动重试约 6 秒。\n      *\/\n\n      var attempts = 0;\n\n\n      var timer =\n        setInterval(function(){\n\n          attempts++;\n\n\n          var retryTarget =\n            spGetTarget();\n\n\n          if(retryTarget){\n\n            clearInterval(timer);\n\n            spScrollToTarget(\n              retryTarget\n            );\n\n            return;\n\n          }\n\n\n          if(\n            attempts \u003e= RETRY_LIMIT\n          ){\n\n            clearInterval(timer);\n\n          }\n\n\n        },RETRY_DELAY);\n\n    },\n\n    true\n  );\n\n})();\n\u003c\/script\u003e","brand":"mysite","offers":[{"title":"16×32 — Compact","offer_id":67641275482248,"sku":"SZ03842610088275-16X32","price":29.99,"currency_code":"USD","in_stock":true},{"title":"16×64 — Wide","offer_id":67641275515016,"sku":"SZ03842610088275-16X64","price":37.99,"currency_code":"USD","in_stock":true},{"title":"20×64 — Large","offer_id":67641275547784,"sku":"SZ03842610088275-20X64","price":39.99,"currency_code":"USD","in_stock":true},{"title":"16×96 — Extra Wide","offer_id":67641275580552,"sku":"SZ03842610088275-16X96","price":48.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0737\/9786\/1512\/files\/9abe7b79f695bb687e8dfdaebc30d7c0fd05880c.jpg?v=1791430647","url":"https:\/\/zavrlysell.com\/products\/smart-led-pixel-car-display-app-controlled-custom-text-colors-animations","provider":"zavrlysell","version":"1.0","type":"link"}