CINXE.COM

<!doctype html> <html lang="en"> <head> <title>Apple Trade In Values: Sell Used iPhone, iPad, AirPods for Cash</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="apple-mobile-web-app-title" content="AppleInsider"> <meta name="robots" content="index,follow"> <meta name="keywords" content="apple, price guide, savings, deals, Apple Price Guide, Apple Prices, Apple Low Price, Apple Best Price"> <meta name="description" content="Best Apple trade-in values for your used iPhone, iPad, Apple Watch, AirPods and MacBook. Get bonus cash on every device."> <meta name="google-site-verification" content="q6PMZEoYnsa-kIjsSGfwD9SONWR3UcUCH6Djz7pmhQs"> <meta property="fb:pages" content="135590163123753"> <link rel="canonical" href="https://appleinsider.com/trade-in"> <meta property="og:url" content="https://appleinsider.com/trade-in"> <meta property="og:image" content="https://photos5.appleinsider.com/price_guide/social-defualt.jpg"> <meta property="og:title" content="Apple Trade In Values: Sell Used iPhone, iPad, AirPods for Cash"> <meta property="og:description" content="Best Apple trade-in values for your used iPhone, iPad, Apple Watch, AirPods and MacBook. Get bonus cash on every device."> <meta property="fb:app_id" content="908219582587578"> <meta property="og:type" content="website"> <meta property="og:locale" content="en_US"> <meta property="og:site_name" content="AppleInsider"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@appleinsider"> <meta name="twitter:creator" content="@appleinsider"> <meta name="twitter:domain" content="appleinsider.com"> <meta name="twitter:title" content="AppleInsider Price Guides"> <meta name="twitter:description" content="Find the best deals on MacBooks, iPads, iPhones, Airpods, and more!"> <meta name="twitter:image" content="https://photos5.appleinsider.com/price_guide/social-defualt.jpg"> <meta name="twitter:url" content=""> <link rel="stylesheet" type="text/css" media="screen" href="https://photos5.appleinsider.com/price_guide/css/pg.css?1.13a"> <link rel="stylesheet" type="text/css" media="screen" href="https://photos5.appleinsider.com/price_guide/css/pg-tables.css?1.13a"> <link rel="stylesheet" type="text/css" media="screen" href="https://photos5.appleinsider.com/price_guide/css/dark.css?1.13a"> <link rel="stylesheet" type="text/css" media="screen" href="https://photos5.appleinsider.com/price_guide/css/pg-vendors.css?1.13a"> <script src="https://photos5.appleinsider.com/price_guide/js/globals.js?1.05"></script> <script src="https://photos5.appleinsider.com/price_guide/js/gdpr.js?1.05"></script> <link rel="apple-touch-icon" sizes="32x32" href="https://photos5.appleinsider.com/v10/images/favicon-ai-32.png"> <link rel="apple-touch-icon" sizes="56x56" href="https://photos5.appleinsider.com/v10/images/favicon-ai-56.png"> <link rel="apple-touch-icon" sizes="72x72" href="https://photos5.appleinsider.com/v10/images/favicon-ai-72.png"> <link rel="apple-touch-icon" sizes="114x114" href="https://photos5.appleinsider.com/v10/images/favicon-ai-114.png"> <link rel="apple-touch-icon" sizes="144x144" href="https://photos5.appleinsider.com/v10/images/favicon-ai-144.png"> <link rel="apple-touch-icon" href="https://photos5.appleinsider.com/v10/images/favicon-ai-144.png"> <link rel="preload" href="https://photos5.appleinsider.com/v9/typography/proximanova-regular.woff" as="font" type="font/woff" crossorigin> <link rel="preload" href="https://photos5.appleinsider.com/v9/typography/proximanova-bold.woff" as="font" type="font/woff" crossorigin>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-N84EBBBLEF"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-N84EBBBLEF'); </script> </head> <body> <header> <nav id="appleinsider-nav" class="pg-sticky"> <div class="nav-inner"> <ul id="nav-it-in" style="padding-left:0;"> <li class="hamburger mobi"> <svg id="hamburger-icon" role="img" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="height:1.5em; width: 1.5em;"> <path d="M4 18L20 18" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round"/> <path d="M4 12L20 12" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round"/> <path d="M4 6L20 6" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round"/> </svg> </li> <li class="watermark mobi"> <a href="https://appleinsider.com" aria-label="back to Appleinsider"> <svg role="img" style="fill: #ffffff;" role="img" height="28" width="28" id="wordmark-sm" viewBox="0 0 245 245" xmlns="http://www.w3.org/2000/svg"><g><g><path class="st0" d="m132.8 177.9c-3.6 13.8-6.5 27.5-6.8 36l-41.1-10.7 1.1-15.4-0.9-0.2c-12.6 9.2-29.3 11.6-46.7 7.1-29.6-7.7-41.7-33.9-35.6-57.3 9.9-38.1 48.7-47.2 100.6-33.7l0.5-1.8c2.1-8.1 0.8-20.3-21.7-26.1-15-3.9-32.2-3-43.4 0.6l-0.8-31.6c11.7-3 33.7-5.3 60.4 1.6 48.9 12.7 56.7 45.4 47.7 80.2l-13.3 51.3zm-35.3-45.4c-24-6.2-44-5.3-48.6 12.1-3 11.7 3.3 19.4 13.5 22 11.1 2.9 22.6-2.1 28-10.6 1.2-2.3 2.2-4.9 2.9-7.6l4.2-15.9z"></path><path class="st0" d="m243.3 45.5c-3.3 12.6-15.2 20.4-30.5 16.4-14.4-3.7-21.1-16.4-17.8-29 3.3-12.8 15.5-20.3 30.2-16.4 14.7 3.8 21.1 16.1 18.1 29m-57.7 28.6 45.6 11.8-38.1 146.6-45.6-11.8 38.1-146.6z"></path></g></g></svg> <svg viewBox="0 0 1920 325.4" height="18" style="fill: #ffffff;" role="img" id="wordmark-lg" xmlns="http://www.w3.org/2000/svg"><g><path class="st0" d="m158.4 212.2c0 16.5 0.7 32.6 2.8 42.3h-49.1l-3.3-17.5h-1.1c-11.5 14-29.4 21.5-50.2 21.5-35.3-0.1-56.5-25.9-56.5-53.8 0-45.6 40.9-67.1 102.9-67.1v-2.1c0-9.7-5-22.9-31.9-22.9-17.9 0-36.9 6-48.4 13.2l-10-35.2c12.2-6.8 36.2-15.7 68.1-15.7 58.4 0 76.7 34.4 76.7 76v61.3zm-52.7-40.5c-28.7 0-50.9 6.8-50.9 27.6 0 14 9.3 20.8 21.5 20.8 13.2 0 24.7-8.9 28.3-20.1 0.7-2.9 1.1-6.1 1.1-9.3v-19z"></path><path class="st0" d="m190 138c0-22.9-0.7-42.3-1.4-58.7h47.3l2.5 24.4h0.7c12.9-18.3 33-28.3 58.4-28.3 38.3 0 72.8 33.3 72.8 89.2 0 63.8-40.5 93.9-79.6 93.9-21.2 0-37.7-8.6-45.5-20.1h-0.7v87h-54.5v-187.4zm54.5 41.2c0 4.3 0.4 7.9 1.1 11.4 3.6 14.7 16.1 25.8 31.9 25.8 23.6 0 37.6-19.7 37.6-49.4 0-28-12.5-49.1-36.9-49.1-15.4 0-29 11.5-32.6 27.6-0.7 2.9-1.1 6.5-1.1 9.7v24z"></path><path class="st0" d="m399.1 138c0-22.9-0.7-42.3-1.4-58.7h47.4l2.5 24.4h0.7c12.9-18.3 33-28.3 58.4-28.3 38.4 0 72.8 33.3 72.8 89.2 0 63.8-40.5 93.9-79.6 93.9-21.2 0-37.6-8.6-45.5-20.1h-0.7v87h-54.5v-187.4zm54.5 41.2c0 4.3 0.4 7.9 1.1 11.4 3.6 14.7 16.2 25.8 31.9 25.8 23.7 0 37.7-19.7 37.7-49.4 0-28-12.6-49.1-36.9-49.1-15.4 0-29 11.5-32.6 27.6-0.7 2.9-1.1 6.5-1.1 9.7v24z"></path><rect class="st0" x="607.7" width="54.5" height="254.5"></rect><path class="st0" d="m743.1 184.2c1.4 22.6 24 33.4 49.4 33.4 18.7 0 33.7-2.5 48.4-7.5l7.2 36.9c-17.9 7.5-39.8 11.1-63.4 11.1-59.5 0-93.6-34.3-93.6-89.2 0-44.5 27.6-93.5 88.6-93.5 56.6 0 78.1 44.1 78.1 87.5 0 9.3-1.1 17.6-1.8 21.5h-112.9zm64.1-37.2c0-13.3-5.7-35.5-30.9-35.5-22.9 0-32.2 21.1-33.7 35.5h64.6z"></path><path class="st0" d="m944.3 30.6c0 15.1-11.1 27.2-29.4 27.2-17.2 0-28.3-12.1-28.3-27.2 0-15.4 11.5-27.2 29.1-27.2 17.5 0 28.2 11.8 28.6 27.2m-56.3 48.8h54.5v175.2h-54.5v-175.2z"></path><path class="st0" d="m972.6 135.3c0-21.9-0.7-40.2-1.5-55.9h47.3l2.5 24.4h1.1c7.2-11.5 24.7-28.3 54.2-28.3 35.8 0 62.7 24 62.7 75.6v103.6h-54.5v-97.1c0-22.6-7.9-38-27.5-38-15.1 0-24.1 10.3-28 20.4-1.4 3.6-1.9 8.6-1.9 13.6v101h-54.4v-119.3z"></path><path class="st0" d="m1171.5 207.3c10 6.1 30.8 12.9 46.9 12.9 16.6 0 23.3-5.4 23.3-14.3 0-9.3-5.3-13.6-25.4-20.4-36.5-12.2-50.5-31.9-50.2-52.7 0-32.9 28-57.7 71.3-57.7 20.4 0 38.3 5 49.1 10.4l-9.3 37.7c-7.9-4.3-23.3-10.1-38-10.1-13.3 0-20.8 5.4-20.8 14 0 8.7 6.9 12.9 28.4 20.5 33.3 11.4 47 28.7 47.3 54.1 0 33-25.5 57-75.7 57-22.9 0-43.3-5.4-56.5-12.5l9.6-38.9z"></path><path class="st0" d="m1381.3 30.6c0 15.1-11.1 27.2-29.4 27.2-17.2 0-28.3-12.1-28.3-27.2 0-15.4 11.5-27.2 29-27.2 17.6 0 28.4 11.8 28.7 27.2m-56.3 48.8h54.4v175.2h-54.4v-175.2z"></path><path class="st0" d="m1588.8 0.1v202.2c0 19.7 0.7 40.5 1.4 52.3h-48.4l-2.2-25.4h-1.1c-10.7 19.3-32.2 29.4-54.8 29.4-41.5 0-74.9-35.4-74.9-89.9-0.4-59.2 36.6-93.6 78.5-93.6 21.9 0 38.3 7.9 46.3 19.7h0.7v-94.7h54.5zm-54.5 153.5c0-2.9 0-6.8-0.7-10-3.3-14.4-15-26.5-31.9-26.5-25.2 0-37.6 22.2-37.6 49.8 0 29.7 14.7 48.4 37.3 48.4 15.8 0 28.7-10.7 31.9-26.2 0.7-3.9 1-8.2 1-12.5v-23z"></path><path class="st0" d="m1670 184.4c1.4 22.6 24.1 33.4 49.4 33.4 18.7 0 33.7-2.5 48.4-7.6l7.2 36.9c-17.9 7.5-39.8 11.1-63.4 11.1-59.5 0-93.5-34.4-93.5-89.2 0-44.4 27.6-93.6 88.5-93.6 56.6 0 78.1 44.1 78.1 87.5 0 9.3-1.1 17.6-1.7 21.5h-113zm64.2-37.3c0-13.3-5.7-35.5-30.8-35.5-23 0-32.2 21.1-33.7 35.5h64.5z"></path><path class="st0" d="m1812.5 137c0-25.8-0.4-42.6-1.5-57.7h46.6l2.1 32.2h1.4c9-25.8 30.1-36.5 47.4-36.5 5 0 7.5 0.3 11.5 1.1v51.2c-4.3-0.7-8.6-1.4-14.7-1.4-20 0-33.7 10.7-37.3 27.6-0.7 3.6-1.1 7.9-1.1 12.2v88.9h-54.5v-117.6z"></path></g></svg> </a> </li> <li id="nav-main" data-menu="closed"> <ul id="main-nav-list"> <li><a href="https://appleinsider.com">News</a></li> <li><a href="https://appleinsider.com/reviews">Reviews</a></li> <li><a href="https://appleinsider.com/how-to">How-Tos</a></li> <li><a href="https://appleinsider.com/videos">Videos</a></li> <li> <details> <summary>Deals <svg role="img" xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" fill="currentColor" viewBox="0 0 16 16"><path d="M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z"></path></svg> </summary> <ul class="sub-menu"> <li><a href="https://appleinsider.com/deals">Apple Deals</a></li> <li><a href="https://appleinsider.com/deals/best-macbook-air-deals">MacBook Air Deals</a></li> <li><a href="https://appleinsider.com/deals/best-macbook-pro-deals">MacBook Pro Deals</a></li> <li><a href="https://appleinsider.com/deals/best-mac-mini-deals">Mac mini Deals</a></li> <li><a href="https://appleinsider.com/deals/best-mac-studio-deals">Mac Studio Deals</a></li> <li><a href="https://appleinsider.com/deals/best-ipad-deals">iPad Deals</a></li> <li><a href="https://appleinsider.com/deals/best-apple-airpods-deals">AirPods Deals</a></li> <li><a href="https://appleinsider.com/deals/best-apple-watch-deals">Apple Watch Deals</a></li> <li><a href="https://appleinsider.com/deals/best-imac-deals">iMac Deals</a></li> <li><a href="https://appleinsider.com/deals/best-iphone-deals">iPhone Deals</a></li> <li><a href="https://appleinsider.com/deals/apple-trade-in-deals">Apple Trade-In Deals</a></li> <li><a href="https://appleinsider.com/deals/apple-authorized-resellers">Apple Authorized Resellers</a></li> <li><a href="https://appleinsider.com/deals/apple-student-discount">Apple Student Discount</a></li> <li><a href="https://appleinsider.com/deals/best-vpn-deals">VPN Deals</a></li> </ul> </details> </li> <li> <details> <summary>Price Guides <svg role="img" xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" fill="currentColor" viewBox="0 0 16 16"><path d="M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z"></path></svg></summary> <ul class="sub-menu"> <li><a href="https://prices.appleinsider.com">Apple Prices</a></li> <li><a href="https://prices.appleinsider.com/current-gen">MacBook, iMac & Mac mini Prices</a></li> <li><a href="https://prices.appleinsider.com/ipad">iPad Prices</a></li> <li><a href="https://prices.appleinsider.com/apple-watch">Apple Watch Prices</a></li> <li><a href="https://prices.appleinsider.com/iphone">iPhone Prices</a></li> <li><a href="https://prices.appleinsider.com/accessories">Apple Accessories Prices</a></li> <li><a href="https://prices.appleinsider.com/airpods-beats">AirPods & Beats Prices</a></li> <li><a href="https://prices.appleinsider.com/trade-in">iPad & iPhone Trade-In Values</a></li> </ul> </details> </li> <li> <details> <summary>Apple A-Z <svg role="img" xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" fill="currentColor" viewBox="0 0 16 16"><path d="M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z"></path></svg></summary> <ul class="sub-menu"> <li><a href="https://appleinsider.com/inside/airpods">AirPods</a></li> <li><a href="https://appleinsider.com/inside/apple-tv">Apple TV</a></li> <li><a href="https://appleinsider.com/inside/apple-watch">Apple Watch</a></li> <li><a href="https://appleinsider.com/inside/homepod">HomePod</a></li> <li> <a class="sub-menu-head" href="https://appleinsider.com/inside/ipad">iPad</a> <ul> <li><a href="https://appleinsider.com/inside/ipad-mini">iPad mini</a></li> <li><a href="https://appleinsider.com/inside/ipad-pro">iPad Pro</a></li> </ul> </li> <li> <a class="sub-menu-head" href="https://appleinsider.com/inside/iphone">iPhone</a> <ul> <li><a href="https://appleinsider.com/inside/iphone-13">iPhone 13</a></li> <li><a href="https://appleinsider.com/inside/iphone-13-pro">iPhone 13 Pro</a></li> <li><a href="https://appleinsider.com/inside/iphone-14">iPhone 14</a></li> <li><a href="https://appleinsider.com/inside/iphone-14-pro">iPhone 14 Pro</a></li> <li><a href="https://appleinsider.com/inside/iphone-15">iPhone 15</a></li> <li><a href="https://appleinsider.com/inside/iphone-15-pro">iPhone 15 Pro</a></li> <li><a href="https://appleinsider.com/inside/iphone-16">iPhone 16</a></li> </ul> </li> <li> <a class="sub-menu-head" href="https://appleinsider.com/inside/mac">Mac</a> <ul> <li><a href="https://appleinsider.com/inside/macbook-pro">MacBook Pro</a></li> <li><a href="https://appleinsider.com/inside/macbook-air">MacBook Air</a></li> <li><a href="https://appleinsider.com/inside/mac-studio">Mac Studio</a></li> <li><a href="https://appleinsider.com/inside/imac">Mac</a></li> <li><a href="https://appleinsider.com/inside/mac-mini">Mac mini</a></li> </ul> </li> <li><a href="https://appleinsider.com/inside">More...</a></li> </ul> </details> </li> <li> <details> <summary>More <svg role="img" xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" fill="currentColor" viewBox="0 0 16 16"><path d="M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z"></path></svg></summary> <ul class="sub-menu"> <li><a href="https://forums.appleinsider.com/">Forums</a></li> <li><a href="https://appleinsider.com/podcast">Podcasts</a></li> <li><a href="https://appleinsider.com/contact">Contact Us</a></li> <li><a href="https://appleinsider.com/advertising">Advertise</a></li> <li><a href="https://cottonbureau.com/people/appleinsider">Merch</a> </ul> </details> </li> </ul> </li> <li class="search mobi"> <a title="search" style="min-height:48px; min-width:48px;"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"/> </svg> </a> </li> </ul> <div id="ai-search"> <form method="get" action="https://appleinsider.com/search" role="search"> <input type="search" name="query" id="query" placeholder="Search AppleInsider..."> </form> <div id='ai-search-close'> <a title="close search"> <svg width="24" height="24" fill="#fff" viewBox="0 0 16 16" style="margin-top:12px;" aria-label="close search"> <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293z"/> </svg> </a> </div> </div> </div> </nav> </header> <style> #appleinsider-nav, #ai-search { background-color: rgb(23,30,39); height: 60px; position: fixed; top: 0; width: 100%; } /* mobile Safari will automatically zoom into the text input if the font size is below 16px */ input[type='text'], input[type='search']{ font-size: 17px; } #appleinsider-nav details > summary { list-style: none; } #appleinsider-nav details > summary::-webkit-details-marker { display: none; } .hamburger { display: none; } #appleinsider-nav ul { display: flex; flex-direction: row; gap: .5em; list-style-type: none; justify-content: space-evenly; align-items: center; } #appleinsider-nav ul .search:hover { cursor: pointer; } #appleinsider-nav ul .search svg { fill: #fff; height: 1em; } #appleinsider-nav ul li a, #appleinsider-nav ul li summary { color: #fff; text-transform: uppercase; } #appleinsider-nav ul li a:hover, #appleinsider-nav ul li summary:hover { color: #6CA4D5; cursor: pointer; } #appleinsider-nav .nav-inner { max-width: 1340px; margin: 0 auto; } #appleinsider-nav .svg { position: relative; font-size: .6em; top:-.2em; } #pg-nav-new { z-index: 50; } #appleinsider-nav details .sub-menu { position: absolute; top: 3.5em; z-index: 55; padding: 1.5em; padding-top: .5em; flex-direction: column; align-items: flex-start; background-color: rgb(23,30,39); border: 1px solid rgba(0,0,0,.5); border-top: 0; box-shadow: 2px 4px 12px rgba(0,0,0,.08); border-radius: .25em; min-width: 140px; gap: .5em; } #appleinsider-nav details .sub-menu ul { flex-direction: column; align-items: flex-start; padding-left: 0; margin: .75em; margin-right: 0; margin-bottom: 0; } #appleinsider-nav details .sub-menu li { margin: .25em 0; } #appleinsider-nav details .sub-menu a { text-transform: none; } #appleinsider-nav #nav-main { flex: 1; } #wordmark-lg { display: none; } #main-nav-list { padding-left: 0; } #ai-search.open { display: flex !important; } #ai-search { display: none !important; display: flex; flex-direction: row; align-items: center; margin: 0 auto; align-items: center; z-index: 102; } #ai-search form { flex: 1; max-width: 1340px; } #ai-search-close { text-align: center; color: #fff; font-weight: bold; } #ai-search-close:hover { cursor: pointer; } #ai-search-close a { display: block; padding: 1em; min-width: 48px; min-height: 48px; color: #fff; } #ai-search-close a:hover { color: #88b4eb; } #ai-search input[type='text'], input[type='search']{ width: 100%; height: 100%; background-color: rgb(23,30,39); border: 0; color: #fff; } @media screen and (max-width: 1340px) { #appleinsider-nav .nav-inner { max-width: 1340px; margin: 0 0; } .watermark { margin-left: 1em; } .search { margin-right: 1em; } #ai-search input[type='text'], input[type='search'] { margin-left: 1em; margin-right: 1em; } } @media screen and (max-width: 900px) { .hamburger { display: flex; text-align: left; margin-left: 1em; min-height: 48px; min-width: 48px; align-items: center; } .hamburger:hover { cursor:pointer; } #nav-main[data-menu="open"] { display: block; } #appleinsider-nav #nav-main[data-menu="closed"] { display: none; } #nav-it-in { margin: 0; margin-top: .5em; } #nav-it-in li.mobi { align-content: center; align-self: center; } #nav-main { order: 1; position: fixed; top: 60px; left: 0; right: 0; background-color: rgba( 23, 30, 39, .9); } .watermark{ flex: 1; margin-left: 0; text-align: center; min-height: 48px; min-width: 48px; } #wordmark-lg { display: inline-flex; margin-top: .25em; height: 1.25em; } #wordmark-sm { display: none; } #appleinsider-nav .search { text-align: right; margin-right: 1em; min-height: 48px; min-width: 48px; } #appleinsider-nav #nav-main[data-menu="open"] { position: fixed; top: 60px; left: 0; right: 0; bottom: 0; background-color: rgb(23,30,39); overflow: hidden; overflow-y: scroll; } #appleinsider-nav #nav-main ul { flex-direction: column; align-items: flex-start; margin: 2em; gap: 1em; font-weight: bold; } #appleinsider-nav #nav-main ul li { width: 100%; padding-bottom: 1em; border-bottom: 1px solid rgba( 255, 255, 255,.15 ); } #appleinsider-nav #nav-main ul li a { display: block; } #appleinsider-nav details[open] summary { padding: 1em; padding-top: 0; padding-left: 0; color: #fff; width: 100%; font-size: 1.1em; } #appleinsider-nav details[open] .fa-chevron-down { transform: rotate(180deg); } #appleinsider-nav details .sub-menu { position: inherit; background-color: unset; border: 0; margin: .5em !important; gap: .5em; padding-left: 0; border-radius: 0; box-shadow: none; background-color: transparent; padding: 0; margin-top: .5em; } #appleinsider-nav details .sub-menu li ul { margin: .5em 1em !important; gap: .25em !important; } #appleinsider-nav details .sub-menu li { border-bottom: 0 !important; padding-bottom: 0 !important; } .sub-menu-head { font-size: 1.2em; font-weight: bold; } h2.feat-deal-overlay { font-size: 1em; } #ai-search-close a { padding-right: .5em; } </style> <a name="top"></a> <div style=" width:98%; max-width: 1500px; margin: 0 auto;"> <h1 class="home-h1">AppleInsider Price Guides — <span class="accent-color">Shop. Find. Save.</span></h1> </div> <nav class="h-scroller" id="pg-nav-hscroll" style="text-align:center;"> <div class="inline-wrap" style="display: inline-flex; gap: 2em;"> <button class="h-scroll-btn h-scroll-btn-l"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0"/> </svg> </button> <li> <a href="https://prices.appleinsider.com/current-gen" class="" data-hash="current-gen"> <img class="pg-nav-img" src="https://photos5.appleinsider.com/price_guide/images/nav/macs.png" alt="New Macs" width="200" height="130"> <p>New Macs</p> </a> </li> <li> <a href="https://prices.appleinsider.com/ipad" class="" data-hash="ipad"> <img class="pg-nav-img" src="https://photos5.appleinsider.com/price_guide/images/nav/ipad.png" alt="iPads" width="200" height="130"> <p>iPads</p> </a> </li> <li> <a href="https://prices.appleinsider.com/apple-watch" class="" data-hash="apple-watch"> <img class="pg-nav-img" src="https://photos5.appleinsider.com/price_guide/images/nav/apple-watch.png" alt="Apple Watch" width="200" height="130"> <p>Apple Watch</p> </a> </li> <li> <a href="https://prices.appleinsider.com/airpods-beats" class="" data-hash="airpods-beats"> <img class="pg-nav-img" src="https://photos5.appleinsider.com/price_guide/images/nav/airpods.png" alt="AirPods & Beats" width="200" height="130"> <p>AirPods & Beats</p> </a> </li> <li> <a href="https://prices.appleinsider.com/tv-home" class="" data-hash="tv-home"> <img class="pg-nav-img" src="https://photos5.appleinsider.com/price_guide/images/nav/apple-tv.png" alt="TV & Home" width="200" height="130"> <p>TV & Home</p> </a> </li> <li> <a href="https://prices.appleinsider.com/accessories" class="" data-hash="accessories"> <img class="pg-nav-img" src="https://photos5.appleinsider.com/price_guide/images/nav/accessories-transp.png" alt="Accessories" width="200" height="130"> <p>Accessories</p> </a> </li> <li> <a href="https://prices.appleinsider.com/iphone" class="" data-hash="iphone"> <img class="pg-nav-img" src="https://photos5.appleinsider.com/price_guide/images/nav/iphone.png" alt="iPhones" width="200" height="130"> <p>iPhones</p> </a> </li> <li> <a href="https://prices.appleinsider.com/drones" class="" data-hash="drones"> <img class="pg-nav-img" src="https://photos5.appleinsider.com/price_guide/images/nav/drones.png" alt="Drones" width="200" height="130"> <p>Drones</p> </a> </li> <li> <a href="https://prices.appleinsider.com/trade-in" class="" data-hash="trade-in"> <img class="pg-nav-img" src="https://photos5.appleinsider.com/price_guide/images/nav/apple-card.png" alt="Trade-In" width="200" height="130"> <p>Trade-In</p> </a> </li> <li> <a href="https://prices.appleinsider.com/home" class="selected" data-hash="home"> <img class="pg-nav-img" src="https://photos5.appleinsider.com/price_guide/images/nav/featured-deals.png" alt="Featured Deals" width="200" height="130"> <p>Featured Deals</p> </a> </li> <button class="h-scroll-btn h-scroll-btn-r"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708"/> </svg> </button> </div> </nav> <style> /* .nav-inner-flex-wrap { display:inline-flex; max-width: 1200px; flex: 1; margin:0 auto; } .nav-item { align-self: center; } */ body { width: 100%; height:100%; } #pg-nav-hscroll { width: 98%; list-style-type: none; align-items: center; overflow-x: scroll; -ms-overflow-style:none; scrollbar-width: none; justify-content: space-evenly; scroll-behavior: smooth; } #pg-nav-hscroll::-webkit-scrollbar { display: none; } #pg-nav-hscroll a { color: #111; font-weight: bold; font-size: 1.1em; } #pg-nav-hscroll a.selected p { border-bottom: .25em solid rgba(34, 115, 221,1); padding-bottom: .25em; } .accent-color { color: #757575; } .h-scroll-btn { position: sticky; width: 48px; height: 48px; background-color: #94abcd; color: #fff; margin-top: 32px; border-radius: 50%; padding: .5em 1em; opacity: .5; border: 0; opacity: 0; cursor: pointer; } .h-scroll-btn-l { left: .5em} .h-scroll-btn-r { right: .5em; } .h-scroll-btn:hover { opacity: 1; } .pg-nav-img { width: auto; max-height: 78px; } @media (prefers-color-scheme: dark) { .h-scroll-btn { background-color: rgba(48, 53, 56, 1); color: #fff; float: right; } #pg-nav-hscroll a { color: #fff; font-weight: bold; font-size: 1.1em; } #pg-nav-hscroll a.selected p { border-bottom: 5px solid rgba(48, 53, 56, 1); } .accent-color: { #7D7D7D; } } #pg-content-wrap { margin-top: .25em !important; } @media screen and (max-width: 576px) { .h-scroll-btn { display: none; } #pg-nav-hscroll { width: auto; padding: 0 3rem; } .pg-nav-img { max-height: 56px; } } </style> <script> let navDiv = document.getElementById('pg-nav-hscroll'); let navBtns = document.querySelectorAll( '.h-scroll-btn' ); let desktopMediaQuery = window.matchMedia('(min-width: 768px)'); if(desktopMediaQuery.matches){ navDiv.addEventListener( 'mouseover', (e) => { console.log( 'mouseover' ); navBtns.forEach( (btn) => { btn.style.opacity = 1; }) }); navDiv.addEventListener( 'mouseleave', (e) => { console.log('mouseout'); navBtns.forEach( (btn) => { btn.style.opacity = 0; }) }); } navBtns.forEach( (btn) => { btn.addEventListener( 'click', (e) => { let stepSize = 300; if( e.target.classList.contains('h-scroll-btn-l') || e.currentTarget.classList.contains('h-scroll-btn-l') ) { navDiv.scrollLeft -= stepSize; console.log( 'lclick' ); } else { navDiv.scrollLeft += stepSize; console.log( 'rclick' ); } }); }); </script> <div id="site-wrap"> <div id="pg-content-wrap"> <div id="pg-content"> <div style="display: block; clear:both;"> <div class="guide-desktop"> <div class="iframe-wrap"><iframe id="tradein-embed" src="https://www.sellcell.com/aff-widget/appleinsider/" loading="lazy"></iframe></div> <style> .iframe-wrap { margin-top: 30px; position: relative; width: 100%; } #tradein-embed { position: relative; border: 0; width: 100%; height: 70vh; } </style> </table> </div> <div class="guide-mobile"> <div class="iframe-wrap"><iframe id="tradein-embed" src="https://www.sellcell.com/aff-widget/appleinsider/" loading="lazy"></iframe></div> <style> .iframe-wrap { margin-top: 30px; position: relative; width: 100%; } #tradein-embed { position: relative; border: 0; width: 100%; height: 70vh; } </style> </table> </div> </div> <div id="priceAlertModal" class="modal"> <div id="modal-content"> <div id="alert-header" style="display:block;margin:.5em;margin-bottom:1.5em;text-align:center;"> <h2 style="font-weight:normal;display:inline;padding-bottom:1em;padding-left:1.25em;">Get a Price Alert</h2> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16" id="popout-close-icon"> <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z"/> </svg> </div> <div id="alert-sku-details"> <div id="alert-popout-image"> </div> <p id="popout-product-name"> </p> <p id="popout-sku-name"> </p> </div> <form id="priceAlertForm" method="post" action="https://prices.appleinsider.com/alerts/subscribe"> <fieldset> <label for="priceRange">Trigger Price</label> <input type="number" id="priceRange" min="0" name="max_price" step=".01" aria-describedby="priceRangeError" placeholder="599.99" data-msrp="0.00" required> <div id="priceRangeError" class="error" role="alert"></div> <p id="common-discounts" style="margin-bottom:0;"> <a class="discount-preset button" href="#" data-amount="0.1">-10%</a> <a class="discount-preset button" href="#" data-amount="0.2">-20%</a> <a class="discount-preset button" href="#" data-amount="0.25">-25%</a> <a class="discount-preset button" href="#" data-amount="0.01">Any</a> </p> </fieldset> <fieldset> <label for="email">Email Address:</label> <input type="email" id="email" name="email" aria-describedby="emailError" placeholder="johnny.appleseed@icloud.com" required> <div id="emailError" class="error" role="alert"></div> </fieldset> <div style="text-align:center;"> <input type="checkbox" id="terms" name="terms" aria-describedby="tosError" required> <label for="terms">I agree to the <a href="https://appleinsider.com/terms-of-use" target="_blank">Terms of Service</a></label> <div id="tosError" class="error" role="alert"></div> </div> <p style="font-size:14px;text-align:center;"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"> <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/> <path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0"/></svg> We do not issue alerts for any products through Amazon </p> <input type="hidden" name="sku_group_id" id="skuGroupId" value="0"> <input type="hidden" name="guide_id" id="guideId" value="0"> <button type="submit" id="alert-subscribe">Alert Me</button> <input type="hidden" name="csrf" id="csrf" value="2802e6dd147d657de37b3a38cbd994294173e545" class="csrf" /> </form> <div id="formResponse" class="response" role="alert"></div> </div> </div> <style> .modal { display: none; } .modal.open { display: flex; flex-direction: column; justify-content: center; align-items: center; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,.5); z-index: 30000; } .modal h2 { color: #111 !important; } .modal .error { color: #ff0000; } #modal-content { display: block; margin: 0 auto; color: #111; background-color: #ffffff; padding: 1em; min-width: 33%; min-height: 33%; border-radius: 1.5rem; background-image: linear-gradient(#fefefe, #fff); } #alertHeader { display: flex; } #popout-close-icon { cursor: pointer; float: right; width: 1.8em; height: 1.8em; margin-top:-.25em;} #priceAlertForm fieldset { border: 0; margin-bottom: 1em; } #priceAlertForm fieldset input { margin-top: 1em; padding: .75em; border-radius: .5em; width: 100%; border: 1px solid rgba(0,0,0,.3); } #priceAlertForm fieldset label { min-width: 100px; margin-right: 1em; } #priceAlertForm .discount-preset { padding: 0 .5em; text-align: center; } #alert-subscribe { display: block; clear: both; padding: 1em; margin-top: 2em; margin-left: auto; margin-right: auto; border-radius: 2em; border: 0; background-color: #87A1C5; color: #fff; font-weight: bold; font-size: 1em; cursor: pointer; } #alert-subscribe:hover { background-color: rgba(48, 53, 56, 1); } #formResponse { margin-top: 1em; margin-bottom: 1em; text-align: center; font-weight: bold; } #popout-product-name { font-size: 1.2em; font-weight: bold; margin-bottom: 0; margin-top: 1em; } #popout-sku-name { margin-top: .25em; } .alert-signup { display:inline-flex; justify-content:center; background-color: rgba(0,0,0,.1); border-radius: 50%; padding: .5em; } .alert-signup:hover, .discount-preset:hover { color: #FFF; background-color: rgba(0,0,0,.8); } .alert-signup.active { background-color: #94abcd; color:#fff; fill: #fff; } .alert-signup.active:hover { background-color:#B30000; color:#fff; fill: #fff; } #modal-content { border: 1px solid rgba(0,0,0,.08); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); } #modal-content a { color: #3D597F; } #modal-content a:hover { color: #3D597F; } #modal-content.success::after { display: flex; height: 100%; color: #111; content: 'You will receive an e-mail when the item matches or beats your price'; align-items: center; background-image: url("data:image/svg+xml, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22128%22%20height%3D%22128%22%20fill%3D%22%23111111%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M16%208A8%208%200%201%201%200%208a8%208%200%200%201%2016%200zm-3.97-3.03a.75.75%200%200%200-1.08.022L7.477%209.417%205.384%207.323a.75.75%200%200%200-1.06%201.06L6.97%2011.03a.75.75%200%200%200%201.079-.02l3.992-4.99a.75.75%200%200%200-.01-1.05z%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-position: center 30%; flex-direction: column-reverse; font-size: 1.5em; } #modal-content.success > * { display: none !important; } .modal.open { background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); font-size: 16px; } .wiggle{ animation: wiggle 2.5s infinite; } #alert-popout-image svg { max-height: 200px; width: 100%; height: 100px; } #alert-sku-details { text-align: center; margin-bottom: 1em; /* border-bottom: 1px solid rgba(0,0,0,.05); */ } .discount-preset { display: inline-block; background-color: #87A1C5; color: #fff !important; font-weight: bold; font-size: 1em; padding: .5em 1em !important; border-radius: 2em; margin-right: 1em; } @media (prefers-color-scheme:dark){ #modal-content, .modal-open { background-color: #121212; } #priceAlertModal p, #priceAlertModal h2, #priceAlertModal label, #formResponse { color: #FEFEFE; } #priceAlertModal h2 { color: #fefefe !important; } #priceAlertForm fieldset input { border: 1px solid rgba(255,255,255,.2); background-color: #000; color: #FEFEFE; } .alert-signup { background-color: rgba( 255,255,255,.1); } .alert-signup:hover { background-color: rgba( 255,255,255,.5); color: #121212; } #modal-content { border: 1px solid rgba( 0,0,0,.15); background-image: linear-gradient(#121212, #111); } .modal.open { background: rgba(0, 0, 0, 0.05); } #modal-content a { color: #87A1C5; } #modal-content a:hover { color: #3D597F; } #popout-close-icon, #popout-bell-icon { fill: #FEFEFE; color: #FEFEFE; } #alert-popout-image { fill: #fefefe; color: #fefefe; } #modal-content.success::after { color: #fefefe; background-image: url("data:image/svg+xml, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22128%22%20height%3D%22128%22%20fill%3D%22%23FFFFFF%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M16%208A8%208%200%201%201%200%208a8%208%200%200%201%2016%200zm-3.97-3.03a.75.75%200%200%200-1.08.022L7.477%209.417%205.384%207.323a.75.75%200%200%200-1.06%201.06L6.97%2011.03a.75.75%200%200%200%201.079-.02l3.992-4.99a.75.75%200%200%200-.01-1.05z%22%2F%3E%3C%2Fsvg%3E"); } } #pg-coupon-overlay .alert-signup { display: none !important; } </style> <script> document.addEventListener('DOMContentLoaded', function() { const priceAlertForm = document.getElementById('priceAlertForm'); const emailField = document.getElementById('email'); const priceRangeField = document.getElementById('priceRange'); const emailError = document.getElementById('emailError'); const priceRangeError = document.getElementById('priceRangeError'); const tosError = document.getElementById('tosError'); const formResponse = document.getElementById('formResponse'); const formButton = document.getElementById('alert-subscribe'); const modalContent = document.getElementById('modal-content'); let guideName = document.getElementsByClassName('guide-name')[0].textContent; guideName = guideName.replace(/ prices/gi, ''); let alertItems = document.querySelectorAll('.alert-signup'); for (const element of alertItems) { element.addEventListener('click', (e) => { e.preventDefault(); let skuName = ''; let refPrice = e.currentTarget.parentNode.parentNode.children[1].textContent; // Sometimes we have a link to a product page, sometimes we don't if(e.currentTarget.parentNode.parentNode.children[0].children[0]) { skuName = e.currentTarget.parentNode.parentNode.children[0].children[0].textContent; } else { skuName = e.currentTarget.parentNode.parentNode.children[0].textContent; } buildAlertSignup(e.currentTarget.dataset.sid, skuName, refPrice, guideName); }); } priceAlertForm.addEventListener('submit', function(e) { e.preventDefault(); const endpoint = 'https://prices.appleinsider.com/alerts/subscribe'; const email = emailField.value; const priceRange = priceRangeField.value; // Reset error messages emailError.textContent = ''; priceRangeError.textContent = ''; formResponse.textContent = ''; tosError.textContent = ''; // Basic validation if (!validateEmail(email)) { emailError.textContent = 'Invalid email address'; return; } if (!validatePriceRange(priceRange)) { priceRangeError.textContent = 'Invalid price range'; return; } // AJAX call to the server let skuGroupId = document.getElementById('skuGroupId'); skuGroupId = skuGroupId.value; fetch(endpoint, { method: 'POST', headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, body: new URLSearchParams(new FormData(e.target)) }) .then(response => response.json()) .then(data => { if (data.success) { formResponse.textContent = 'Subscription successful! You will receive an email when your product falls within your desired price range.'; // Set some LocalStorage variables so we can id what people already have notification on let alerts = localStorage.getItem('aipgAlerts'); alerts = !alerts ? [] : JSON.parse(alerts); alerts.push(skuGroupId); localStorage.setItem('aipgAlerts', JSON.stringify(alerts)); modalContent.classList.add("success"); // Auto close after a couple seconds setTimeout(() =>{ let modal = document.getElementById('priceAlertModal'); let form = document.getElementById('priceAlertForm'); modal.classList.remove("open"); form.reset(); }, 2500 ); } else { formResponse.innerHTML = `${data.errors}`; } }) .catch((error) => { console.error('Error:', error); formResponse.textContent = 'Subscription failed: please try again later.'; }); }); function validatePriceRange(price) { var re = /[0-9\.,\$]/; return re.test(price); } function validateEmail(email) { var re = /\S+@\S+\.\S+/; return re.test(email); } function buildAlertSignup(sid, title, refPrice, guideName) { const svgs = { 'phone': '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M11 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h6zM5 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H5z"/><path d="M8 14a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/></svg>', 'tablet': '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M12 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h8zM4 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H4z"/><path d="M8 14a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/></svg>', 'earbuds': '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M6.825 4.138c.596 2.141-.36 3.593-2.389 4.117a4.432 4.432 0 0 1-2.018.054c-.048-.01.9 2.778 1.522 4.61l.41 1.205a.52.52 0 0 1-.346.659l-.593.19a.548.548 0 0 1-.69-.34L.184 6.99c-.696-2.137.662-4.309 2.564-4.8 2.029-.523 3.402 0 4.076 1.948zm-.868 2.221c.43-.112.561-.993.292-1.969-.269-.975-.836-1.675-1.266-1.563-.43.112-.561.994-.292 1.969.269.975.836 1.675 1.266 1.563zm3.218-2.221c-.596 2.141.36 3.593 2.389 4.117a4.434 4.434 0 0 0 2.018.054c.048-.01-.9 2.778-1.522 4.61l-.41 1.205a.52.52 0 0 0 .346.659l.593.19c.289.092.6-.06.69-.34l2.536-7.643c.696-2.137-.662-4.309-2.564-4.8-2.029-.523-3.402 0-4.076 1.948zm.868 2.221c-.43-.112-.561-.993-.292-1.969.269-.975.836-1.675 1.266-1.563.43.112.561.994.292 1.969-.269.975-.836 1.675-1.266 1.563z"/></svg>', 'headphones': '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M8 3a5 5 0 0 0-5 5v1h1a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V8a6 6 0 1 1 12 0v5a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-3a1 1 0 0 1 1-1h1V8a5 5 0 0 0-5-5z"/></svg>', 'speakers': '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M12 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h8zM4 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H4z"/><path d="M8 4.75a.75.75 0 1 1 0-1.5.75.75 0 0 1 0 1.5zM8 6a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0 3a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm-3.5 1.5a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z"/></svg>', 'laptop': '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M13.5 3a.5.5 0 0 1 .5.5V11H2V3.5a.5.5 0 0 1 .5-.5h11zm-11-1A1.5 1.5 0 0 0 1 3.5V12h14V3.5A1.5 1.5 0 0 0 13.5 2h-11zM0 12.5h16a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 0 12.5z"/></svg>', 'desktop': '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M8 1a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1V1Zm1 13.5a.5.5 0 1 0 1 0 .5.5 0 0 0-1 0Zm2 0a.5.5 0 1 0 1 0 .5.5 0 0 0-1 0ZM9.5 1a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5ZM9 3.5a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 0-1h-5a.5.5 0 0 0-.5.5ZM1.5 2A1.5 1.5 0 0 0 0 3.5v7A1.5 1.5 0 0 0 1.5 12H6v2h-.5a.5.5 0 0 0 0 1H7v-4H1.5a.5.5 0 0 1-.5-.5v-7a.5.5 0 0 1 .5-.5H7V2H1.5Z"/></svg>', 'drone': '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M9.752 6.193c.599.6 1.73.437 2.528-.362.798-.799.96-1.932.362-2.531-.599-.6-1.73-.438-2.528.361-.798.8-.96 1.933-.362 2.532Z"/><path d="M15.811 3.312c-.363 1.534-1.334 3.626-3.64 6.218l-.24 2.408a2.56 2.56 0 0 1-.732 1.526L8.817 15.85a.51.51 0 0 1-.867-.434l.27-1.899c.04-.28-.013-.593-.131-.956a9.42 9.42 0 0 0-.249-.657l-.082-.202c-.815-.197-1.578-.662-2.191-1.277-.614-.615-1.079-1.379-1.275-2.195l-.203-.083a9.556 9.556 0 0 0-.655-.248c-.363-.119-.675-.172-.955-.132l-1.896.27A.51.51 0 0 1 .15 7.17l2.382-2.386c.41-.41.947-.67 1.524-.734h.006l2.4-.238C9.005 1.55 11.087.582 12.623.208c.89-.217 1.59-.232 2.08-.188.244.023.435.06.57.093.067.017.12.033.16.045.184.06.279.13.351.295l.029.073a3.475 3.475 0 0 1 .157.721c.055.485.051 1.178-.159 2.065Zm-4.828 7.475.04-.04-.107 1.081a1.536 1.536 0 0 1-.44.913l-1.298 1.3.054-.38c.072-.506-.034-.993-.172-1.418a8.548 8.548 0 0 0-.164-.45c.738-.065 1.462-.38 2.087-1.006ZM5.205 5c-.625.626-.94 1.351-1.004 2.09a8.497 8.497 0 0 0-.45-.164c-.424-.138-.91-.244-1.416-.172l-.38.054 1.3-1.3c.245-.246.566-.401.91-.44l1.08-.107-.04.039Zm9.406-3.961c-.38-.034-.967-.027-1.746.163-1.558.38-3.917 1.496-6.937 4.521-.62.62-.799 1.34-.687 2.051.107.676.483 1.362 1.048 1.928.564.565 1.25.941 1.924 1.049.71.112 1.429-.067 2.048-.688 3.079-3.083 4.192-5.444 4.556-6.987.183-.771.18-1.345.138-1.713a2.835 2.835 0 0 0-.045-.283 3.078 3.078 0 0 0-.3-.041Z"/><path d="M7.009 12.139a7.632 7.632 0 0 1-1.804-1.352A7.568 7.568 0 0 1 3.794 8.86c-1.102.992-1.965 5.054-1.839 5.18.125.126 3.936-.896 5.054-1.902Z"/></svg>', 'mini': '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M1 6a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1H1Zm11.5 1a.5.5 0 1 1 0 1 .5.5 0 0 1 0-1Zm2 0a.5.5 0 1 1 0 1 .5.5 0 0 1 0-1ZM1 7.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5ZM1.25 9h5.5a.25.25 0 0 1 0 .5h-5.5a.25.25 0 0 1 0-.5Z"/></svg>', 'tv': '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M2.5 13.5A.5.5 0 0 1 3 13h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zM13.991 3l.024.001a1.46 1.46 0 0 1 .538.143.757.757 0 0 1 .302.254c.067.1.145.277.145.602v5.991l-.001.024a1.464 1.464 0 0 1-.143.538.758.758 0 0 1-.254.302c-.1.067-.277.145-.602.145H2.009l-.024-.001a1.464 1.464 0 0 1-.538-.143.758.758 0 0 1-.302-.254C1.078 10.502 1 10.325 1 10V4.009l.001-.024a1.46 1.46 0 0 1 .143-.538.758.758 0 0 1 .254-.302C1.498 3.078 1.675 3 2 3h11.991zM14 2H2C0 2 0 4 0 4v6c0 2 2 2 2 2h12c2 0 2-2 2-2V4c0-2-2-2-2-2z"/></svg>', 'generic': '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M11.182.008C11.148-.03 9.923.023 8.857 1.18c-1.066 1.156-.902 2.482-.878 2.516.024.034 1.52.087 2.475-1.258.955-1.345.762-2.391.728-2.43Zm3.314 11.733c-.048-.096-2.325-1.234-2.113-3.422.212-2.189 1.675-2.789 1.698-2.854.023-.065-.597-.79-1.254-1.157a3.692 3.692 0 0 0-1.563-.434c-.108-.003-.483-.095-1.254.116-.508.139-1.653.589-1.968.607-.316.018-1.256-.522-2.267-.665-.647-.125-1.333.131-1.824.328-.49.196-1.422.754-2.074 2.237-.652 1.482-.311 3.83-.067 4.56.244.729.625 1.924 1.273 2.796.576.984 1.34 1.667 1.659 1.899.319.232 1.219.386 1.843.067.502-.308 1.408-.485 1.766-.472.357.013 1.061.154 1.782.539.571.197 1.111.115 1.652-.105.541-.221 1.324-1.059 2.238-2.758.347-.79.505-1.217.473-1.282Z"/><path d="M11.182.008C11.148-.03 9.923.023 8.857 1.18c-1.066 1.156-.902 2.482-.878 2.516.024.034 1.52.087 2.475-1.258.955-1.345.762-2.391.728-2.43Zm3.314 11.733c-.048-.096-2.325-1.234-2.113-3.422.212-2.189 1.675-2.789 1.698-2.854.023-.065-.597-.79-1.254-1.157a3.692 3.692 0 0 0-1.563-.434c-.108-.003-.483-.095-1.254.116-.508.139-1.653.589-1.968.607-.316.018-1.256-.522-2.267-.665-.647-.125-1.333.131-1.824.328-.49.196-1.422.754-2.074 2.237-.652 1.482-.311 3.83-.067 4.56.244.729.625 1.924 1.273 2.796.576.984 1.34 1.667 1.659 1.899.319.232 1.219.386 1.843.067.502-.308 1.408-.485 1.766-.472.357.013 1.061.154 1.782.539.571.197 1.111.115 1.652-.105.541-.221 1.324-1.059 2.238-2.758.347-.79.505-1.217.473-1.282Z"/></svg>', 'router': '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M5.525 3.025a3.5 3.5 0 0 1 4.95 0 .5.5 0 1 0 .707-.707 4.5 4.5 0 0 0-6.364 0 .5.5 0 0 0 .707.707Z"/><path d="M6.94 4.44a1.5 1.5 0 0 1 2.12 0 .5.5 0 0 0 .708-.708 2.5 2.5 0 0 0-3.536 0 .5.5 0 0 0 .707.707ZM2.5 11a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1Zm4.5-.5a.5.5 0 1 0 1 0 .5.5 0 0 0-1 0Zm2.5.5a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1Zm1.5-.5a.5.5 0 1 0 1 0 .5.5 0 0 0-1 0Zm2 0a.5.5 0 1 0 1 0 .5.5 0 0 0-1 0Z"/><path d="M2.974 2.342a.5.5 0 1 0-.948.316L3.806 8H1.5A1.5 1.5 0 0 0 0 9.5v2A1.5 1.5 0 0 0 1.5 13H2a.5.5 0 0 0 .5.5h2A.5.5 0 0 0 5 13h6a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5h.5a1.5 1.5 0 0 0 1.5-1.5v-2A1.5 1.5 0 0 0 14.5 8h-2.306l1.78-5.342a.5.5 0 1 0-.948-.316L11.14 8H4.86L2.974 2.342ZM14.5 9a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 .5-.5h13Z"/><path d="M8.5 5.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z"/></svg>', 'monitor': '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M0 4s0-2 2-2h12s2 0 2 2v6s0 2-2 2h-4c0 .667.083 1.167.25 1.5H11a.5.5 0 0 1 0 1H5a.5.5 0 0 1 0-1h.75c.167-.333.25-.833.25-1.5H2s-2 0-2-2V4zm1.398-.855a.758.758 0 0 0-.254.302A1.46 1.46 0 0 0 1 4.01V10c0 .325.078.502.145.602.07.105.17.188.302.254a1.464 1.464 0 0 0 .538.143L2.01 11H14c.325 0 .502-.078.602-.145a.758.758 0 0 0 .254-.302 1.464 1.464 0 0 0 .143-.538L15 9.99V4c0-.325-.078-.502-.145-.602a.757.757 0 0 0-.302-.254A1.46 1.46 0 0 0 13.99 3H2c-.325 0-.502.078-.602.145z"/></svg>', 'watch': '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M9 5a.5.5 0 0 0-1 0v3H6a.5.5 0 0 0 0 1h2.5a.5.5 0 0 0 .5-.5V5z"/><path d="M4 1.667v.383A2.5 2.5 0 0 0 2 4.5v7a2.5 2.5 0 0 0 2 2.45v.383C4 15.253 4.746 16 5.667 16h4.666c.92 0 1.667-.746 1.667-1.667v-.383a2.5 2.5 0 0 0 2-2.45V8h.5a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-.5-.5H14v-.5a2.5 2.5 0 0 0-2-2.45v-.383C12 .747 11.254 0 10.333 0H5.667C4.747 0 4 .746 4 1.667zM4.5 3h7A1.5 1.5 0 0 1 13 4.5v7a1.5 1.5 0 0 1-1.5 1.5h-7A1.5 1.5 0 0 1 3 11.5v-7A1.5 1.5 0 0 1 4.5 3z"/></svg>' }; let modal = document.getElementById('priceAlertModal'); let form = document.getElementById('priceAlertForm'); let sidin = document.getElementById('skuGroupId'); let resp = document.getElementById('formResponse'); let popoutImg = document.getElementById('alert-popout-image'); let svg = document.getElementById('alert-popout-product'); let skuTitle = document.getElementById('popout-sku-name'); let priceInput = document.getElementById('priceRange'); let productName = document.getElementById('popout-product-name'); let svgChoice = svgs.generic; if (guideName.match(/wi-fi/i)) { svgChoice = svgs.router; } if (guideName.match(/iphone/i)) { svgChoice = svgs.phone; } if (guideName.match(/ipad/i)) { svgChoice = svgs.phone; } if (guideName.match(/macbook/i)) { svgChoice = svgs.laptop; } if (guideName.match(/mac mini|mac studio/i)) { svgChoice = svgs.mini; } if (guideName.match(/drone/i)) { svgChoice = svgs.drone; } if (guideName.match(/mac pro/i)) { svgChoice = svgs.desktop; } if (guideName.match(/monitor|apple display/i)) { svgChoice = svgs.monitor; } if (guideName.match(/airpods|earphones/i)) { svgChoice = svgs.earbuds; } if (guideName.match(/headphones/i)) { svgChoice = svgs.headphones; } if (guideName.match(/watch/i)) { svgChoice = svgs.watch; } if (guideName.match(/apple tv/i)) { svgChoice = svgs.tv; } // Resets sidin.value = sid; resp.textContent = ''; popoutImg.innerHTML = svgChoice; productName.textContent = guideName; skuTitle.textContent = title; priceInput.placeholder = refPrice; // Clean up the price of any invalid characters and cast to float for maths let cleanPrice = parseFloat(refPrice.replace(/[^0-9.]/g, '')).toFixed(2); priceInput.setAttribute('data-msrp', cleanPrice); modal.classList.add('open'); modalContent.classList.remove("success"); let closeBtn = document.getElementById('popout-close-icon'); closeBtn.addEventListener('click', (e) => { form.reset(); modal.classList.remove('open'); }); let presetButtons = Array.from(document.getElementsByClassName('discount-preset')); presetButtons.forEach(preset => { preset.addEventListener( 'click', (e) => { e.preventDefault(); e.stopPropagation(); let priceInput = document.getElementById('priceRange'); let refPrice = parseFloat(priceInput.getAttribute('data-msrp')); let amt = parseFloat( e.target.getAttribute('data-amount') ); let discount = parseFloat(refPrice - (refPrice * amt)).toFixed(2); priceInput.value = discount; }); }); modal.addEventListener('click', (e) => { if (e.target.id == 'priceAlertModal') { form.reset(); modal.classList.remove('open'); } else { console.log(e.target.id); } }); } }); </script> <footer id="site-footer" style="text-align:center; margin: 3em 1em;"> <div style=""> <a id="footer-ai-logo" href="https://appleinsider.com" title="Return Home"> <svg role="img" height="28" width="28" viewBox="0 0 245 245" xmlns="http://www.w3.org/2000/svg"><g><g><path class="st0" d="m132.8 177.9c-3.6 13.8-6.5 27.5-6.8 36l-41.1-10.7 1.1-15.4-0.9-0.2c-12.6 9.2-29.3 11.6-46.7 7.1-29.6-7.7-41.7-33.9-35.6-57.3 9.9-38.1 48.7-47.2 100.6-33.7l0.5-1.8c2.1-8.1 0.8-20.3-21.7-26.1-15-3.9-32.2-3-43.4 0.6l-0.8-31.6c11.7-3 33.7-5.3 60.4 1.6 48.9 12.7 56.7 45.4 47.7 80.2l-13.3 51.3zm-35.3-45.4c-24-6.2-44-5.3-48.6 12.1-3 11.7 3.3 19.4 13.5 22 11.1 2.9 22.6-2.1 28-10.6 1.2-2.3 2.2-4.9 2.9-7.6l4.2-15.9z"></path><path class="st0" d="m243.3 45.5c-3.3 12.6-15.2 20.4-30.5 16.4-14.4-3.7-21.1-16.4-17.8-29 3.3-12.8 15.5-20.3 30.2-16.4 14.7 3.8 21.1 16.1 18.1 29m-57.7 28.6 45.6 11.8-38.1 146.6-45.6-11.8 38.1-146.6z"></path></g></g></svg> </a> <p style="margin-top:1em;">© 2024 Quiller Media, Inc.</p> <p style="text-transform:uppercase;font-weight:bold;">Designed by<a href="https://www.craftedny.com"> Crafted</a></p> </div> <nav id="footer-links" role="secondary"> <ul style="display:flex;flex-direction:row; gap: 1em; list-style-type:none;justify-content:center;padding-left:0;"> <li><a href="https://appleinsider.com/terms-of-use">Terms of Use</a></li> <li><a href="https://appleinsider.com/privacy">Privacy</a></li> <li><a href="https://appleinsider.com/contact">Contact</a></li> </ul> </nav> <div class="g-modal"> <div class="g-modal-content"> </div> </div> <template id="coupon-modal"> <header style="display:flex; flex-direction:row;"> <h2 id="g-modal-title">This is a test</h2> <div id="g-modal-close"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"> <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z"></path> </svg> </div> </header> <div id="g-modal-img"></div> <hr /> <p>some text testing</p> <footer> <a id="buy-button" class="button">Buy Now</a> </footer> </template> <div id="overlay-background"> </div> </footer> <style> .g-modal { position: fixed; display: none; align-items: center; justify-content: center; z-index: 50; top: 0; left: 0; right: 0; bottom: 0; } .g-modal.open { display: flex; } .g-modal .g-modal-content { display: none; padding: 1em; min-width: 33%; min-height: 33%; border-radius: 1.5em; color: #111; background-color: #ffffff; box-shadow: 2px 4px 12px rgba(0,0,0,.08); max-width: 1000px; margin: auto 1em; border: 1px solid rgba(0,0,0,.1); } .g-modal.open .g-modal-content { display: block; line-height: 1.5em; } #g-modal-title { flex: 1; text-align: center; margin-left: 1.5em; } #g-modal-close { overflow: hidden; align-self: center; padding: 0; } #g-modal-close:hover { cursor: pointer; } #g-modal-close svg { height: 2em; width: 2em; fill: #111; pointer-events: none; } .g-modal.open hr { color: rgba(255,255,255,.3); background-color: rgba( 255, 255, 255, .3 ); border-color: rgba( 255, 255, 255, .3 ); } .g-modal-content footer { padding-top: 1.5em; padding-bottom: 1.5em; } .g-modal-content .button { display: inline-block; background-color: #87A1C5; color: #fff; font-weight: bold; font-size: 1em; padding: 0.5em 1em; border-radius: 2em; margin-right: 1em; } .g-modal-content .button:hover { background-color: rgba(48, 53, 56, 1); } body { background-color: rgba(0,0,0,0.02); } #header-nav li.selected .guide-arrow { background-color: unset; color: #111; font-size: .75em; } #footer-ai-logo { fill: #171F2A; } #footer-ai-logo:hover { fill: #3E4F60; } .menu-item.selected h2 a { margin-top: .2em; display: inline-block; } .menu-item.selected { box-shadow: 2px 4px 12px rgba(0,0,0,.08); border-bottom: 1px solid #000; } #overlay-background { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255,255,255,.03); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); z-index: 30; } #overlay-background.visible { display: block; } #appleinsider-nav { z-index: 101; } textarea:focus, input:focus{ outline: none; } @media (prefers-color-scheme:dark){ #footer-ai-logo { fill: #FFF; } #header-nav li.selected .guide-arrow { color: #FFF; } .g-modal .g-modal-content { color: #fff; background-color: #121212; box-shadow: 2px 4px 12px rgba(0,0,0,.4); } #g-modal-close svg { fill: #fff; } .g-modal.open hr { color: rgba(255,255,255,.05); background-color: rgba(255,255,255,.08); border-color: rgba(255,255,255,.08); } } #pg-content-wrap { margin-top: 160px; } @media screen and (max-width: 900px) { #header-nav li.selected .guide-arrow { float: right; } } </style> <script type="text/javascript"> (function(c,l,a,r,i,t,y){ c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); })(window, document, "clarity", "script", "eu9c3zquj7"); </script> </div></div> </div> <a id="scroll-top" href="#top" title="Back to top"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" style="fill:#94abcd;width: 2.5em; height: 2.5em; " viewBox="0 0 16 16"> <path d="M16 8A8 8 0 1 0 0 8a8 8 0 0 0 16 0m-7.5 3.5a.5.5 0 0 1-1 0V5.707L5.354 7.854a.5.5 0 1 1-.708-.708l3-3a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 5.707z"></path> </svg> </a> </div> </div> <script async type="text/javascript" src="https://photos5.appleinsider.com/price_guide/js/pg.js?1.05"></script> </body> </html>