Replacing Headlight Bulbs | Change Headlights

Home
Blog
How Do I Change My Headlight Bulbs?

How Do I Change My Headlight Bulbs?

19th May 2008

By Power Bulbs

How do I change my headlight bulbs?

Upgrading your car bulbs is a simple and cost effective way to improve the safety and styling of your vehicle. Changing bulbs varies slightly from vehicle to vehicle, but below you can view our video guide on the general process. With all our upgrade headlight bulbs it's just a case of taking the old bulb out and replacing it with the new one - no extra work required! You can then benefit from up to 90% more light on the road and a whiter, crisper beam.

In this video, we show you how easy it is to replace your headlight bulbs:

</p></body></html> </div> </div> <div id="sidebar" class="grid_4 omega"> <div class="mb-2"> <div class="bg-brand-blue-500_ col-span-12 xs:col-span-12 sm:col-span-12 md:col-span-12 lg:col-span-4 grey-500 rounded-10 border-grey-1 filter drop-shadow-lg"> <div id="app_guide_container"> <div class="grid grid-cols-1 gap-2 gap-y-0 mx-4 py-4"> <div class="text-white_ text-2xl font-bold">Find bulbs to fit</div> <div class="text-brand-yellow-500_ text-2xl font-bold">my car…</div> <div class="text-white_ my-2 text-base">Not sure what bulbs you need? Search for your vehicle and we will let you know!</div> </div> <div id="app_guide" class="flex flex-col m-4"> <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14"></script><script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script><div id="searchcars" class="app_guide" :key="componentKey"><form action="#" method="post" onsubmit="javascript: return false;"><fieldset class="appguide--wrap"><div class="appguide--select-wrap"><div class="appguide--select appguide--select-region inline-block relative w-full border-grey-1 rounded-10 overflow-hidden"><select id="selRegions" class="select bg-white p-4 w-full mb-0 text-base font-bold text-gray p-3" v-on:change="regionchanged" v-model="region"><option value="uk-ireland">UK & Ireland</option><option value="north-america">North America</option><option value="rest-of-world">Rest of World</option><option value="australia">Australia</option></select><div class="select-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"/></svg></div></div></div><span><div class="appguide--select-wrap"><div class="appguide--select appguide--select-brand highlight inline-block relative w-full border-grey-1 rounded-10 overflow-hidden"><select id="selBrands" class="select bg-white p-4 w-full rounded-lg mb-0 text-base font-bold text-gray p-3" v-on:change="brandchanged" v-model="brand"><option selected="selected" id="selectmakeoption" value="selectmake">--- Select Make ---</option><option v-for="(brand, brandurl) in brands" :value="brandurl">{{brand}}</option></select><div class="select-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"/></svg></div></div></div><div class="appguide--select-wrap"><div class="appguide--select appguide--select-model inline-block relative w-full border-grey-1 rounded-10 overflow-hidden"><select id="selModels" class="select bg-white p-4 w-full rounded-lg mb-0 text-base font-bold text-gray p-3" v-on:change="modelchanged" v-model="model"><option value="selectmodel">--- Select Model ---</option><option v-for="(model, modelurl) in models" :value="modelurl">{{model}}</option></select><div class="select-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"/></svg></div></div></div><div class="appguide--select-wrap"><div class="appguide--select appguide--select-model inline-block relative w-full border-grey-1 rounded-10 overflow-hidden"><select id="selYears" class="select bg-white p-4 w-full rounded-lg mb-0 text-base font-bold text-gray p-3" v-model="vehicle"><option value="selectyear">--- Select Year ---</option><template v-for="vehicle in vehicles"><option v-if="region == 'uk-ireland' && vehicle.from_year != vehicle.to_year" :value="vehicle.url_title + '_' + vehicle.from_year + '-' + vehicle.to_year + '_' + vehicle.reg.replace('_', '')">{{vehicle.from_year}}-{{vehicle.to_year}} ({{vehicle.reg.replace('_', '')}})</option><option v-if="region == 'uk-ireland' && vehicle.from_year == vehicle.to_year" :value="vehicle.url_title + '_' + vehicle.to_year + '_' + vehicle.reg.replace('_', '')">{{vehicle.to_year}} ({{vehicle.reg.replace('_', '')}})</option><option v-if="(region != 'uk-ireland') && (vehicle.year_to == '0000')" :value="vehicle.url_title + '_' + vehicle.year_from + '_' + vehicle.year_from">{{vehicle.year_from}} onwards</option><option v-if="(region != 'uk-ireland') && (vehicle.year_to != '0000')" :value="vehicle.url_title + '_' + vehicle.year_from + '-' + vehicle.year_to + '_' + vehicle.year_from + '-' + vehicle.year_to">{{vehicle.year_from}} - {{vehicle.year_to}}</option></template></select><div class="select-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"/></svg></div></div></div></span><div class="appguide--submit-wrap"><div class="appguide--submit appguide--submit-form"><input name="td_guide_submitbutton_cars" value="Search now" class="w-full bg-brand-blue-500 rounded-lg_ rounded-10 uppercase p-2 text-white text-xl font-bold" type="submit" v-on:click="submittovehicle"><p><a href="/us/vehicles/data" class="ajax_overlay_link_ text-black text-sm underline" rel="#ajax_overlay" rev="#report_error">Missing vehicle?</a></p></div></div></fieldset></form></div> <script> var vueapp = new Vue({ el: '#searchcars', data: function() { return { 'type': 'cars', 'region': 'north-america', 'langtag': 'us', brands: {}, brand: 'selectmake', models: {}, model: 'selectmodel', vehicles: {}, vehicle: 'selectyear', vehicleurl: '', vehicleyears: '', vehiclereg: '', componentKey: 0, }; }, created: function() { this.regionchanged(); }, methods: { 'submittovehicle': function() { var context = this; var locallangtag = context.langtag; if(locallangtag) locallangtag = '/' + locallangtag; if(context.region && context.brand !='selectmake' && context.model != 'selectmodel' && context.vehicle !='selectyear') { var vehicleArray = context.vehicle.split('_'); context.vehicleurl = vehicleArray[0]; context.vehicleyears = vehicleArray[1]; context.vehiclereg = vehicleArray[2]; var vehicledetails = { vehicleurl: context.vehicleurl, vehicleyears: context.vehicleyears, vehiclereg: context.vehiclereg }; axios.post(locallangtag + '/appguide3/vehicledetails', vehicledetails).then(function() { if(context.vehicleurl) { document.location.href = locallangtag + '/vehicles/cars/' + context.region + '/' + context.brand + '/' + context.model + '/' + context.vehicleurl + '/car-headlight-bulbs'; } }); } }, 'regionchanged': function() { var context = this; var locallangtag = context.langtag; if(locallangtag) locallangtag = '/' + locallangtag; context.brands = {}; context.models = {}; context.vehicles = {}; axios.get(locallangtag + '/appguide3/vehiclebrands/' + context.region).then(function(response) { context.brands = response.data.brands; //context.brand = 0; //context.model = 0; //context.vehicle = 0; //context.brandchanged(); context.brand = 'selectmake'; // console.log('111'); document.getElementById('selBrands').selectedIndex=0; // console.log(document.getElementById('selBrands')); // console.log('222'); }); }, 'brandchanged': function() { var context = this; var locallangtag = context.langtag; if(locallangtag) locallangtag = '/' + locallangtag; context.models = {}; context.vehicles = {}; axios.get(locallangtag + '/appguide3/vehiclemodels/' + context.brand + '/' + context.region).then(function(response) { context.models = response.data.models; //context.model = 0; //context.vehicle = 0; }); }, 'modelchanged': function() { var context = this; var locallangtag = context.langtag; if(locallangtag) locallangtag = '/' + locallangtag; context.vehicles = {}; if(context.region == 'uk-ireland') { axios.get(locallangtag + '/appguide3/ukvehicles/' + context.type + '/' + context.model + '/' + context.brand + '/' + context.region).then(function(response) { context.vehicles = response.data.vehicles; //context.vehicle = 0; }); } else { axios.get(locallangtag + '/appguide3/vehicles/' + context.type + '/' + context.model + '/' + context.brand + '/' + context.region).then(function(response) { context.vehicles = response.data.vehicles; //context.vehicle = 0; }); } }, forceRerender() { this.componentKey += 1; } } }); window.onpageshow= function() { vueapp.forceRerender(); }; </script> </div> </div> </div> </div> <div id="recent_posts" class="bordered_box inset transparent"> <div class="blue_heading inset"> <h3>Recent Posts</h3> </div> <ul class="blog_list"> <li> <a href="https://www.powerbulbs.com/us/blog/2024/04/what-are-the-brightest-h7-bulbs" title="What Are the Brightest H7 Bulbs?"><img loading="lazy" src="/uploads/images/blog_images/What-Are-The-Brightest-H7-Bulbs-Available-Blog-at-PowerBulbs-1_120_41.png" alt="What Are the Brightest H7 Bulbs?" /><span>What Are the Brightest H7 Bulbs?</span></a> </li> <li> <a href="https://www.powerbulbs.com/us/blog/2023/03/when-to-change-your-headlamps" title="Here`s When You Need to Change Your Headlamps"><img loading="lazy" src="/uploads/images/blog_images/headlamps_120_41.jpg" alt="Here`s When You Need to Change Your Headlamps" /><span>Here`s When You Need to Change Your…</span></a> </li> <li> <a href="https://www.powerbulbs.com/us/blog/2023/01/best-car-headlight-bulbs-2023" title="Best Car Headlight Bulbs in 2023"><img loading="lazy" src="/uploads/images/bestbulbs_120_41.jpg" alt="Best Car Headlight Bulbs in 2023" /><span>Best Car Headlight Bulbs in 2023</span></a> </li> <li> <a href="https://www.powerbulbs.com/us/blog/2022/12/finding-the-right-headlight-bulb-fitting-for-your-car-what-bulbs-fit-my-car" title="Which Headlight Bulb Fitting Does My Vehicle Need?"><img loading="lazy" src="/uploads/images/blog_images/Finding-The-Right-Headlight-Bulb-Fitting-For-Your-Car_120_41.png" alt="Which Headlight Bulb Fitting Does My Vehicle Need?" /><span>Which Headlight Bulb Fitting Does My…</span></a> </li> <li> <a href="https://www.powerbulbs.com/us/blog/2022/09/staying-safe-on-the-road-at-night" title="Staying Safe on the Road at Night: Here’s Why Road Vision Safety Is So Important"><img loading="lazy" src="/uploads/images/blog_images/stayingsafe2_620_210_120_41.png" alt="Staying Safe on the Road at Night: Here’s Why Road Vision Safety Is So Important" /><span>Staying Safe on the Road at Night:…</span></a> </li> </ul> </div> </div> </div> </main> <script defer src="/dist/production/js/app.min.js?v=0.35" type="text/javascript"></script> <script defer src="/js/modernizr.custom.js?v=0.35" type="text/javascript"></script> <script defer src="/js/jquery.dlmenu.js?v=0.35" type="text/javascript"></script> <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14"></script> <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script> <script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script> <div id="footer" class="grid_12 no-margin"> <div id="footer_container"> <div class="footer_elem"> <div class="footer_list"> <h3>Any Questions?</h3> <ul><li class="first"><a title="GDPR" href="/us/support/view/9">GDPR</a></li><li class=""><a title="Privacy & Cookies" href="/us/support/view/3">Privacy & Cookies</a></li><li class=""><a title="Shopping with us" href="/us/support/#order">Shopping with us</a></li><li class=""><a title="Payment & Security" href="/us/support/#order">Payment & Security</a></li><li class=""><a title="Delivery" href="/us/support/#delivery">Delivery</a></li><li class=""><a title="Returns" href="/us/support/#returns">Returns</a></li><li class="last"><a title="Terms & Conditions" href="/us/support#terms">Terms & Conditions</a></li></ul> </div> <div class="footer_list"> <h3>Our Products</h3> <ul><li class="first"><a title="Vehicles" href="/us/vehicles">Vehicles</a></li><li class=""><a title="Halogen Headlight Bulbs" href="https://www.powerbulbs.com/store/category/car-bulbs">Halogen Headlight Bulbs</a></li><li class=""><a title="Xenon Headlight" href="https://www.powerbulbs.com/store/category/xenon-hid-bulbs-d2s-d2r-d1s-d1r">Xenon Headlight</a></li><li class=""><a title="LED Car Headlights" href="https://www.powerbulbs.com/store/category/led-car-bulbs">LED Car Headlights</a></li><li class=""><a location="1" title="DRL" href="/us/store/category/drl-kits">DRL</a></li><li class=""><a location="1" title="Headlight Restoration Kits" href="/us/store/category/headlight-restoration-kits">Headlight Restoration Kits</a></li><li class=""><a title="Osram Night Breaker 200 H7" href="https://www.powerbulbs.com/product/osram-night-breaker-200-h7-twin">Osram Night Breaker 200 H7</a></li><li class="last"><a title="Philips RacingVision GT200 H7 (Twin)" href="https://www.powerbulbs.com/product/philips-racingvision-gt200-h7-twin">Philips RacingVision GT200 H7 (Twin)</a></li></ul> </div> <div class="footer_list"> <h3>PowerBulbs</h3> <ul><li class="first"><a title="About Us" href="/us/about-us">About Us</a></li><li class=""><a title="Testimonials" href="/us/testimonials">Testimonials</a></li><li class=""><a title="Français" href="/us/francais">Français</a></li><li class="last"><a title="Español" href="/us/espanol">Español</a></li></ul> </div> <div class="footer_list last"> <h3>Contact Us</h3> <ul> <li> <a href="/us/contactus" class="flex items-center"> <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 1024 1024" class="w-4 h-4 mr-1" xmlns="http://www.w3.org/2000/svg"> <path d="M924.3 338.4a447.57 447.57 0 0 0-96.1-143.3 443.09 443.09 0 0 0-143-96.3A443.91 443.91 0 0 0 512 64h-2c-60.5.3-119 12.3-174.1 35.9a444.08 444.08 0 0 0-141.7 96.5 445 445 0 0 0-95 142.8A449.89 449.89 0 0 0 65 514.1c.3 69.4 16.9 138.3 47.9 199.9v152c0 25.4 20.6 46 45.9 46h151.8a447.72 447.72 0 0 0 199.5 48h2.1c59.8 0 117.7-11.6 172.3-34.3A443.2 443.2 0 0 0 827 830.5c41.2-40.9 73.6-88.7 96.3-142 23.5-55.2 35.5-113.9 35.8-174.5.2-60.9-11.6-120-34.8-175.6zM312.4 560c-26.4 0-47.9-21.5-47.9-48s21.5-48 47.9-48 47.9 21.5 47.9 48-21.4 48-47.9 48zm199.6 0c-26.4 0-47.9-21.5-47.9-48s21.5-48 47.9-48 47.9 21.5 47.9 48-21.5 48-47.9 48zm199.6 0c-26.4 0-47.9-21.5-47.9-48s21.5-48 47.9-48 47.9 21.5 47.9 48-21.5 48-47.9 48z"></path> </svg> Message PowerBulbs </a> </li> <li> <a href="https://www.twitter.com/powerbulbs" class="flex items-center"> <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 1024 1024" class="w-4 h-4 mr-1 text-twitter" xmlns="http://www.w3.org/2000/svg"> <path d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zM727.3 401.7c.3 4.7.3 9.6.3 14.4 0 146.8-111.8 315.9-316.1 315.9-63 0-121.4-18.3-170.6-49.8 9 1 17.6 1.4 26.8 1.4 52 0 99.8-17.6 137.9-47.4-48.8-1-89.8-33-103.8-77 17.1 2.5 32.5 2.5 50.1-2a111 111 0 0 1-88.9-109v-1.4c14.7 8.3 32 13.4 50.1 14.1a111.13 111.13 0 0 1-49.5-92.4c0-20.7 5.4-39.6 15.1-56a315.28 315.28 0 0 0 229 116.1C492 353.1 548.4 292 616.2 292c32 0 60.8 13.4 81.1 35 25.1-4.7 49.1-14.1 70.5-26.7-8.3 25.7-25.7 47.4-48.8 61.1 22.4-2.4 44-8.6 64-17.3-15.1 22.2-34 41.9-55.7 57.6z"></path> </svg> Twitter </a> </li> <li> <a href="https://www.facebook.com/powerbulbs" class="flex items-center"> <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 1024 1024" class="w-4 h-4 mr-1 text-facebook" xmlns="http://www.w3.org/2000/svg"> <path d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-92.4 233.5h-63.9c-50.1 0-59.8 23.8-59.8 58.8v77.1h119.6l-15.6 120.7h-104V912H539.2V602.2H434.9V481.4h104.3v-89c0-103.3 63.1-159.6 155.3-159.6 44.2 0 82.1 3.3 93.2 4.8v107.9z"></path> </svg> Facebook </a> </li> <li> <a href="https://www.instagram.com/powerbulbs" class="flex items-center"> <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 1024 1024" class="w-4 h-4 mr-1 text-instagram" xmlns="http://www.w3.org/2000/svg"> <path d="M512 378.7c-73.4 0-133.3 59.9-133.3 133.3S438.6 645.3 512 645.3 645.3 585.4 645.3 512 585.4 378.7 512 378.7zM911.8 512c0-55.2.5-109.9-2.6-165-3.1-64-17.7-120.8-64.5-167.6-46.9-46.9-103.6-61.4-167.6-64.5-55.2-3.1-109.9-2.6-165-2.6-55.2 0-109.9-.5-165 2.6-64 3.1-120.8 17.7-167.6 64.5C132.6 226.3 118.1 283 115 347c-3.1 55.2-2.6 109.9-2.6 165s-.5 109.9 2.6 165c3.1 64 17.7 120.8 64.5 167.6 46.9 46.9 103.6 61.4 167.6 64.5 55.2 3.1 109.9 2.6 165 2.6 55.2 0 109.9.5 165-2.6 64-3.1 120.8-17.7 167.6-64.5 46.9-46.9 61.4-103.6 64.5-167.6 3.2-55.1 2.6-109.8 2.6-165zM512 717.1c-113.5 0-205.1-91.6-205.1-205.1S398.5 306.9 512 306.9 717.1 398.5 717.1 512 625.5 717.1 512 717.1zm213.5-370.7c-26.5 0-47.9-21.4-47.9-47.9s21.4-47.9 47.9-47.9 47.9 21.4 47.9 47.9a47.84 47.84 0 0 1-47.9 47.9z"></path> </svg> Instagram </a> </li> <li> <a href="https://www.youtube.com/user/PowerBulbs" class="flex items-center"> <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 1024 1024" class="w-4 h-4 mr-1 text-youtube" xmlns="http://www.w3.org/2000/svg"> <path d="M941.3 296.1a112.3 112.3 0 0 0-79.2-79.3C792.2 198 512 198 512 198s-280.2 0-350.1 18.7A112.12 112.12 0 0 0 82.7 296C64 366 64 512 64 512s0 146 18.7 215.9c10.3 38.6 40.7 69 79.2 79.3C231.8 826 512 826 512 826s280.2 0 350.1-18.8c38.6-10.3 68.9-40.7 79.2-79.3C960 658 960 512 960 512s0-146-18.7-215.9zM423 646V378l232 133-232 135z"></path> </svg> YouTube </a> </li> </ul> <button id="ot-sdk-btn" class="ot-sdk-show-settings">Cookie Settings</button> </div> </div> <div class="footer_elem"> <div class="left">  <table width="100%" border="0" cellpadding="10" cellspacing="0" align="center"> <tr> <td align="center" class="align-middle"> <a href="https://www.paypal.com/uk/webapps/mpp/paypal-popup" title="How PayPal Works" onclick="javascript:window.open('https://www.paypal.com/uk/webapps/mpp/paypal-popup','WIPaypal','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, width=1060, height=700'); return false;"><img loading="lazy" src="https://www.paypalobjects.com/webstatic/mktg/logo/bdg_secured_by_pp_2line.png" border="0" alt="Secured by PayPal"></a> </td> <td align="center"> <a href="https://www.paypal.com/webapps/mpp/paypal-popup" title="How PayPal Works" onclick="javascript:window.open('https://www.paypal.com/webapps/mpp/paypal-popup','WIPaypal','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, width=1060, height=700'); return false;"><img loading="lazy" src="https://www.paypalobjects.com/webstatic/mktg/Logo/AM_mc_vs_ms_ae_UK.png" border="0" alt="PayPal Acceptance Mark"></a> </td> </tr> </table> </div> <div id="language" class="right"> <p>Visit Our International Sites:</p> <ul> <li class="first"><a href="https://www.powerbulbs.com/blog/2008/05/how-do-i-change-my-headlight-bulbs"><img src="https://www.powerbulbs.com/images/flags/en.png" alt="English"></a></li><li><a href="https://www.powerbulbs.com/eu/blog/2008/05/how-do-i-change-my-headlight-bulbs"><img src="https://www.powerbulbs.com/images/flags/eu.png" alt="European English"></a></li><li><span class="current"><img src="https://www.powerbulbs.com/images/flags/us.png" alt="US English"></span></li><li><a href="https://www.powerbulbs.com/ca/blog/2008/05/how-do-i-change-my-headlight-bulbs"><img src="https://www.powerbulbs.com/images/flags/ca.png" alt="Canadian English"></a></li><li class="last"><a href="https://www.powerbulbs.com/au/blog/2008/05/how-do-i-change-my-headlight-bulbs"><img src="https://www.powerbulbs.com/images/flags/au.png" alt="Australian English"></a></li> </ul> </div> </div> <div class="footer_elem last"> <div id="dealer" class="left"> <img loading="lazy" id="official_osram" src="/images/official_osram.png" alt="OSRAM Official Dealer" /> <img loading="lazy" id="official_philips" src="/images/official_philips.png" alt="Philips Official Dealer" /> <span id="googleCert"></span> </div> <div class="right" id="copyright"> <p>© PowerBulbs 2024. All Rights Reserved.</p> </div> </div> </div> <p class="company">PowerBulbs, All Car Parts Limited, Vertu House, Fifth Avenue, Team Valley Trading Estate, Gateshead, Tyne and Wear, NE11 0XA    Company Number: 07932358    Vat Number: 902737238</p> </div> </div> <div id="fb-root"></div> <div id="vj_sidebar" class="flex flex-col fixed hidden left-0 px-4 w-90 border border-gray-200 bg-white shadow-md z-60 h-full"> <a class="py-4" id="vj-close"> <span class="flex font-bold items-center text-brand-blue-500 text-lg"><img class="w-5" src="/images/svg/close-bold.svg">Close</span> </a> <ul class="max-w-xs flex flex-col pr-9"> <li class="inline-flex items-center gap-x-2 py-2 px-4 flex-grow rounded-10 my-1 text-white bg-brand-blue-500 "> <a class="flex flex-row w-full justify-between items-end font-bold text-sm" href="/vehicles"> Vehicle type </a> </li> <li class="inline-flex items-center gap-x-2 py-2 px-4 flex-grow rounded-10 my-1 hover:bg-gray-100 "> <a class="flex flex-row w-full justify-between items-end font-bold text-sm" href="/vehicles/"> Country </a> </li> <li class="inline-flex items-center gap-x-2 py-2 px-4 flex-grow rounded-10 my-1 hover:bg-gray-100 "> <a class="flex flex-row w-full justify-between items-end font-bold text-sm" href="/vehicles//"> Make </a> </li> <li class="inline-flex items-center gap-x-2 py-2 px-4 flex-grow rounded-10 my-1 hover:bg-gray-100 "> <div class="flex flex-row w-full justify-between items-end font-bold text-sm"> Model </div> </li> </ul> <div class="flex my-4 py-5"></div> <div class="flex my-4 py-5"></div> <div class="grid grid-cols-1 gap-2 gap-y-0 flex-shrink"> <div class="text-sm font-bold"> Or search by vehicle reg </div> </div> <script type="text/javascript"> function vrm(langTag, show) { return { placeholder: Alpine.$persist('Enter reg'), langTag: Alpine.$persist(langTag), endpoint_manual: '', endpoint_api: '', endpoint_original: '', open: show, makes: Alpine.$persist([]), models: Alpine.$persist([]), years: Alpine.$persist([]), region: Alpine.$persist('uk-ireland'), make: Alpine.$persist(''), model: Alpine.$persist(''), year: Alpine.$persist(''), expire_at: Alpine.$persist(Date.now() + 432000), registration_lookup: Alpine.$persist(''), registration: Alpine.$persist(''), registration_message: '', lookup_message: '', manual_submitted: false, registration_submitted: false, lookup_result: Alpine.$persist({}), fitment_result: Alpine.$persist({}), answers: Alpine.$persist({}), //product_ids: Alpine.$persist(''), //has_Headlights: Alpine.$persist(false), init() { var that = this; //handles initial screen size check this.expires(); this.resize(); // watch for manual look up changes this.$watch('region', function(value,oldValue) { if( typeof value === 'undefined' || value === null ) { return; } if(value === oldValue || (value !== oldValue) && value === '') { return; } that.make = ''; that.model = ''; that.year = ''; that.makes = []; that.models = []; that.years = []; if(value === 'uk-ireland') { // that.lookup_manual(that); that.lookup_original_makes(that); } else { that.lookup_original_makes(that); } }); this.$watch('make', function(value,oldValue) { if( typeof value === 'undefined' || value === null ) { return; } if(value === oldValue || (value !== oldValue) && value === '') { return; } that.model = ''; that.year = ''; that.models = []; that.years = []; if(that.region === 'uk-ireland') { // that.lookup_manual(that); that.lookup_original_models(that); } else { that.lookup_original_models(that); } }); this.$watch('model', function(value,oldValue) { if( typeof value === 'undefined' || value === null ) { return; } if(value === oldValue || (value !== oldValue) && value === '') { return; } that.year = ''; that.years = []; if(that.region === 'uk-ireland') { // that.lookup_manual(that); that.lookup_original_years(that); } else { that.lookup_original_years(that); } }); this.init_makes(); }, init_makes() { if(this.region === 'uk-ireland') { // that.lookup_manual(that); this.lookup_original_makes(); } else { this.lookup_original_makes(); } }, lookup_original_makes(that=null) { if(!that) { that = this; } fetch(that.langTag + '/appguide3/vehiclebrands/' + that.region, { method: 'GET', headers: { 'Content-Type': 'application/json' } }).then(response => response.json()).then(response => { that.makes = response.brands; }).catch((error) => { that.makes = []; }); }, lookup_original_models(that=null) { if(!that) { that = this; } fetch(that.langTag + '/appguide3/vehiclemodels/' + that.make + '/' + that.region, { method: 'GET', headers: { 'Content-Type': 'application/json' } }).then(response => response.json()).then(response => { that.models = response.models; }).catch((error) => { that.models = []; }); }, lookup_original_years(that=null) { if(!that) { that = this; } var lookupEndpoint = 'vehicles'; if(that.region === 'uk-ireland') { lookupEndpoint = 'ukvehicles'; } fetch(that.langTag + '/appguide3/' + lookupEndpoint + '/cars/' + that.model + '/' + that.make + '/' + that.region, { method: 'GET', headers: { 'Content-Type': 'application/json' } }).then(response => response.json()).then(response => { that.years = (Array.isArray) ? Object.assign({}, response.vehicles) : response.vehicles; that.year = that.years[0].url_title; }).catch((error) => { that.years = []; }); }, lookup_original_submit() { if(this.region && this.make && this.model && this.year) { this.lookup_message = ''; document.location.href = this.langTag + '/vehicles/cars/' + this.region + '/' + this.make + '/' + this.model + '/' + this.year + '/car-headlight-bulbs'; }else{ this.lookup_message = 'Please select Make, Model and Year'; } }, lookup_manual(that = null) { if(!that) { that = this; } var url = '/api/vrm/manual'; if(that.make) { var make = that.makes[that.make]; url = url + '/' + make; } if(that.make && that.model) { var model = that.models[that.model]; url = url + '/' + model; } fetch(that.langTag + url, { method: 'GET', headers: { 'Content-Type': 'application/json' } }).then(response => response.json()).then(response => { if(response.manufacturers) { that.makes = response.manufacturers; } if(response.models) { that.models = response.models; } if(response.years) { that.years = response.years; } }).catch((error) => { that.makes = []; that.models = []; that.years = []; }); }, lookup_manual_submit() { this.manual_submitted=true; if(!this.make || !this.model || !this.year) { return; } var url = '/api/vrm/manual'; var make = this.makes[this.make]; url = url + '/' + make; var model = this.models[this.model]; url = url + '/' + model; yearObject = this.years[this.year]; url = url + '/' + yearObject.year_from; if(yearObject.year_to) { url = url + '/' + yearObject.year_to; } fetch(this.langTag + url, { method: 'GET', headers: { 'Content-Type': 'application/json' } }).then(response => response.json()).then(response => { if(!('lookup_token' in response)) { console.log('no lookup token'); return; } this.lookup_result = response; //update url var make = this.makes[this.make].toLowerCase(); var model = this.models[this.model].toLowerCase(); yearObject = this.years[this.year]; var yearTo = (yearObject.year_to) ? yearObject.year_to : 'onwards'; document.location.href = this.langTag + '/vehicles/fitments/bulbs/' + this.region + '/' + make + '/' + model + '/' + yearObject.year_from + '-' + yearTo; }).catch((error) => { this.lookup_result = {}; }); }, lookup_submit() { this.lookup_result = {}; this.fitment_result = {}; window.dataLayer.push({ vrmSearch: { REG: false, Country: this.region, Make: this.makes[this.make], Model: this.models[this.model], Year: this.year }, event: 'vrmSearch' }) if(this.region === 'uk-ireland') { //this.lookup_manual_submit(); this.lookup_original_submit(); } else { this.lookup_original_submit(); } }, lookup_registration_submit() { if(this.registration !== this.registration_lookup) { this.lookup_result = {}; this.fitment_result = {}; this.answers = {}; } this.registration_submitted=true; this.registration_message = ''; this.lookup_message = ''; var url = '/api/vrm/registration'; var urlencoded = new URLSearchParams(); urlencoded.append("registration", this.registration); fetch(this.langTag + url, { method: 'POST', headers: { 'Accept': 'application/json', 'Content-Type': "application/x-www-form-urlencoded" }, body: urlencoded }) .then(function(response) { if (!response.ok) { throw Error(response.statusText); } return response; }) .then(response => response.json()).then(response => { if(!('lookup_token' in response)) { return; } this.lookup_result = response; this.registration_lookup = this.registration; window.dataLayer.push({ vrmSearch: { REG: true, Country: this.region, Make: response.manufacturer, Model: response.model, Year: response.year }, event: 'vrmSearch' }) document.location.href = this.langTag + '/vehicles/fitments/bulbs/' + this.region + '/' + response.manufacturer + '/' + response.model + '/' + response.year; }).catch((error) => { this.lookup_result = {}; this.registration_message = 'Registration not found.'; }); }, resize() { width = (window.innerWidth > 0) ? window.innerWidth : screen.width; if (width >= 768) { this.placeholder = 'Enter reg'; } }, expires(force=false) { // NEVER EXPIRE IT /**/ //if(this.expire_at <= Date.now() || force) { // this.expire_at = Date.now() + 432000; if(force) { localStorage.clear(); this.region = 'uk-ireland'; this.make = ''; this.model = ''; this.year = ''; this.registration = ''; this.lookup_result = {}; this.fitment_result = {}; this.makes = []; this.models = []; this.years = []; this.init_makes(); } } }; } </script> <div x-data="vrm('', true)" @resize.window="resize()" x-show="open" @vrm-reset.window="expires(true)" @show-vrm.window="open = true" @hide-vrm.window="open = false" x-bind:class="open ? 'flex' : 'hidden'" class="flex flex-col"> </div> </div>  <script data-type="application/javascript" type="text/plain" data-name="social-buttons"> (function(w, d, s) { function go(){ var js, fjs = d.getElementsByTagName(s)[0], load = function(url, id) { if (d.getElementById(id)) {return;} js = d.createElement(s); js.src = url; js.id = id; fjs.parentNode.insertBefore(js, fjs); }; load('//connect.facebook.net/en_US/all.js#xfbml=1', 'fbjssdk'); load('//platform.twitter.com/widgets.js', 'tweetjs'); } if (w.addEventListener) { w.addEventListener("load", go, false); } else if (w.attachEvent) { w.attachEvent("onload",go); } }(window, document, 'script')); </script>   <script type="text/javascript" data-name="trust-pilot-box" data-src="//widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js" async></script>  <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="//code.jquery.com/jquery-migrate-3.3.2.min.js"></script> <script type="text/javascript" src="/js/scripts.js"></script> <script type="text/javascript"> $(function() { $('#official_philips, #official_philips_2, #official_philips_3, #official_osram, #official_osram_2, #official_osram_3').bind('contextmenu', function(e) { return false; }); }); </script>  <script defer data-type="application/javascript" type="text/plain" data-name="google-certified-shop"> var gts = gts || []; gts.push(["id", "645065"]); gts.push(["badge_position", "USER_DEFINED"]); gts.push(["badge_container", "googleCert"]); gts.push(["locale", "en_us"]); //https://www.googlecommerce.com/trustedstores/api/js ///externaljs?file=google_commerce (function() { var gts = document.createElement("script"); gts.type = "text/javascript"; gts.async = true; gts.src = "https://www.googlecommerce.com/trustedstores/api/js"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(gts, s); })(); </script>   <script data-type="application/javascript" type="text/plain" data-name="bing-analytics"> (function(w,d,t,r,u){var f,n,i;w[u]=w[u]||[],f=function(){var o={ti:"5235377"};o.q=w[u],w[u]=new UET(o),w[u].push("pageLoad")},n=d.createElement(t),n.src=r,n.async=1,n.onload=n.onreadystatechange=function(){var s=this.readyState;s&&s!=="loaded"&&s!=="complete"||(f(),n.onload=n.onreadystatechange=null)},i=d.getElementsByTagName(t)[0],i.parentNode.insertBefore(n,i)})(window,document,"script","//bat.bing.com/bat.js","uetq"); </script> <noscript> <img data-name="bing-analytics" data-src="//bat.bing.com/action/0?ti=5235377&Ver=2" height="0" width="0" style="display:none; visibility: hidden;" /> </noscript>  <script type="text/javascript" defer> // WAT function dedupeMobileMenu() { /* var first = true; $('#slick>.slicknav_menu').each(function(c, i) { i = $(i); i.remove(); }); */ } </script> <script> $(function() { // Requires for Mobile Menu $( '#dl-menu' ).dlmenu(); // Requires for top search bar on mobile $('.btn-search').click(function(){ $('#searchForm').removeClass('mobile-hide').addClass('desk-hide'); $('.myBasket , .myPhone , .myLanguage , .btn-search , .myNavmenu , .logo').hide(); $('#search-close').show(); }); $('#search-close').click(function(){ $('#searchForm').removeClass('desk-hide').addClass('mobile-hide'); $('.myBasket , .myPhone , .myLanguage , .btn-search , .myNavmenu , .logo').show(); $('#search-close').hide(); }); // Requires for Vehicle Journey filter $('#input-search').on('input', function(e){ var query = $.trim($(this).val()).toLowerCase(); $('.search-itms a.search-itm').each(function(){ var $this = $(this); if($this.attr("data-text").toLowerCase().indexOf(query) === -1) $this.addClass('hidden'); else $this.removeClass('hidden'); }); $('.search-parent').each(function(){ if($(this).find('.search-itm:visible').length==0) $(this).find('h3').addClass('hidden'); else $(this).find('h3').removeClass('hidden'); }); }); $('#vj-close,#overlay').click(function(e){ e.preventDefault(); //$('#vj_sidebar').hide("slide", {direction: "left"}, 1000); $('#vj_sidebar').addClass('hidden'); //$('#vj_sidebar').toggle('slide'); $('#overlay').hide(); }); $('#vj-open').click(function(e){ e.preventDefault(); $('#vj_sidebar').removeClass('hidden'); //$('#vj_sidebar').toggle('slide'); $('#overlay').show(); }); $(window).on('resize', function(){ var win = $(this); //this = window if (win.width() >= 768) { $("#vj-close").trigger("click"); } }); }); </script>    <script defer data-type="application/javascript" type="text/plain" data-name="facebook-pixel"> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window,document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '1814162008894069'); fbq('track', 'PageView'); </script> <noscript> <img height="1" width="1" data-name="facebook-pixel" data-src="https://www.facebook.com/tr?id=1814162008894069&ev=PageView&noscript=1"/> </noscript>   <script id="mcjs">!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script","https://chimpstatic.com/mcjs-connected/js/users/be8514a8407a597be8d3fae4c/ebd5c9edec470287a0ce9e6b4.js");</script>   <script async data-name="google-tag-manager" data-src="https://www.googletagmanager.com/gtag/js?id=AW-1071764310"></script> <script data-type="application/javascript" type="text/plain" data-name="google-tag-manager"> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-1071764310'); </script>  <script type="text/javascript"> console.log('%c _ _ _ \n _ __ _____ _____ _ __| |__ _ _| | |__ ___ \n| \'_ \\ / _ \\ \\ /\\ / / _ \\ \'__| \'_ \\| | | | | \'_ \\/ __|\n| |_) | (_) \\ V V / __/ | | |_) | |_| | | |_) \\__ \\\n| .__/ \\___/ \\_/\\_/ \\___|_| |_.__/ \\__,_|_|_.__/|___/\n|_|', 'background: #fff; color: #000'); </script> </body> </html> <script>(function(){if (!document.body) return;var js = "window['__CF$cv$params']={r:'8762ec831fdd1050',t:'MTcxMzQyNTE1OC4wNjQwMDA='};_cpo=document.createElement('script');_cpo.nonce='',_cpo.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js',document.getElementsByTagName('head')[0].appendChild(_cpo);";var _0xh = document.createElement('iframe');_0xh.height = 1;_0xh.width = 1;_0xh.style.position = 'absolute';_0xh.style.top = 0;_0xh.style.left = 0;_0xh.style.border = 'none';_0xh.style.visibility = 'hidden';document.body.appendChild(_0xh);function handler() {var _0xi = _0xh.contentDocument || _0xh.contentWindow.document;if (_0xi) {var _0xj = _0xi.createElement('script');_0xj.innerHTML = js;_0xi.getElementsByTagName('head')[0].appendChild(_0xj);}}if (document.readyState !== 'loading') {handler();} else if (window.addEventListener) {document.addEventListener('DOMContentLoaded', handler);} else {var prev = document.onreadystatechange || function () {};document.onreadystatechange = function (e) {prev(e);if (document.readyState !== 'loading') {document.onreadystatechange = prev;handler();}};}})();</script>

How To Change Your Headlight Bulbs

Shop By Type

Shop By Fitting

Best Selling

Shop By Type

Shop By Fitting

Best Selling

Shop By Type

Shop By Fitting

Shop By Range

Shop By Type

Shop By Brand

Shop By Brand

Manufacturers

How Do I Change My Headlight Bulbs?

How do I change my headlight bulbs?