FORD USA WHITE PLATINUM P. UG-7204 | OEMatch Vehicle Paint Kit (2025)

`); $(".ssrbyk--product-holder").hide(); }, success: function(data) { $(".ssrbyk--product-processing").remove(); $(".ssrbyk--product-holder").show(); console.log('Success:', data); products = data.products; if(data.products.length==0){ $('.ssrbyk--product-holder').html("

No product found.

") return; } const container = document.querySelector('.ssrbyk--product-holder'); container.innerHTML = ''; // Clear existing content products.forEach(product => { const productDiv = document.createElement('div'); productDiv.className = 'ssrbyk--product'; productDiv.innerHTML = ` ${product.title} `; container.appendChild(productDiv); }); }, error: function(jqXHR, textStatus, errorThrown) { console.error('Error:', textStatus, errorThrown); } }); }, 500); // Adjust the delay as needed (500 ms in this case)});});

★★★★★

4500+ 5 Star Reviews

All Of The Material Needed To Paint Your Vehicle

4 Easy Questions & We Build A Custom Kit For Your Project

Includes Step By Step Instructions

World Class Support & Community!

`);$('.SSR-byk--kit-price-holder').width('50%');},success: function (res) {if (parseFloat(res.calculated_price.toFixed(2)) < parseFloat(res.calculated_comp_price.toFixed(2))) {let percent_off = calculatePercentageOff(parseFloat(res.calculated_comp_price.toFixed(2)), res.calculated_price.toFixed(2));$('.SSR-byk--kit-price-holder').html(`$${res.calculated_comp_price.toFixed(2)}$${res.calculated_price.toFixed(2)}${Math.round(percent_off)}% off`);$('.SSR-byk--kit-price-holder').width('auto');return}$('.SSR-byk--kit-price-holder').html(`

$${res.calculated_price.toFixed(2)}

`);}});}$(function () {$(".SSR-byk--vehicle-sizes").slideDown(200);$(document).on("click", ".SSR-byk--option", function () {$(this).closest(".SSR-byk--options").find(".SSR-byk--option").removeClass("SSR-byk--option-selected");$(this).closest(".SSR-byk--options").find(".SSR-byk--option").addClass("gray-out");$(this).addClass("SSR-byk--option-selected");$(this).removeClass("gray-out");size = $(".SSR-byk--option.SSR-byk--option-selected").attr("s_size");if (size == "extra_small") {$(".SSR-byk--question").eq(0).slideDown();$("#project_type option[value='metal_up']").prop("disabled", true)if (!$("#project_type").val()) {$("#project_type").val("light_bodywork");}// $(".timeline").hide();$(".timeline").show();$('#select_your_project_type').find(".SSR-build-your-kit-next-step").attr('next', 'select_temperature');$('#select_your_project_type').find(".SSR-build-your-kit-next-step").attr('t_step', '4');$('#select_temperature').find(".SSR-build-your-kit-previous-step").attr('prev', 'select_your_project_type');$('#select_temperature').find(".SSR-build-your-kit-previous-step").attr('t_step', '2');$(".timeline-step-3.timeline-step").hide();$(".timeline-step-4.timeline-step").find('span').eq(0).text(3);$(".timeline-step-5.timeline-step").find('span').eq(0).text(4);} else {$("#project_type option[value='metal_up']").prop("disabled", false)$(".SSR-byk--question").slideDown(200);// $(".timeline").hide();$(".timeline").show();$('#select_your_project_type').find(".SSR-build-your-kit-next-step").attr('next', 'select_whats_being_painted');$('#select_your_project_type').find(".SSR-build-your-kit-next-step").attr('t_step', '3');$('#select_temperature').find(".SSR-build-your-kit-previous-step").attr('prev', 'select_whats_being_painted');$('#select_temperature').find(".SSR-build-your-kit-previous-step").attr('t_step', '3');$(".timeline-step-3.timeline-step").show();$(".timeline-step-4.timeline-step").find('span').eq(0).text(4);$(".timeline-step-5.timeline-step").find('span').eq(0).text(5);}console.log("Selected kit size = ", size); let sbtn = $(this); setTimeout(function(){ sbtn.closest(".SSR-byk-step").find('.SSR-build-your-kit-next-step').click() },200)get_kit_products();});$(document).on("mousedown", ".SSR-byk--option", function () {$(this).addClass("SSR-byk--scale-up");});$(document).on("mouseup mouseleave", ".SSR-byk--option", function () {$(this).removeClass("SSR-byk--scale-up");});$(document).on("click", "#SSR-byk--add-to-cart", function () {addToCart(final_products);});$(document).on("mousedown", "#SSR-byk--add-to-cart", function () {$(this).addClass("SSR-byk--scale-down");});$(document).on("mouseup mouseleave", "#SSR-byk--add-to-cart", function (event) {$(this).removeClass("SSR-byk--scale-down");});$(document).on("change", ".SSR-byk--select", function () {get_kit_products()});function addToCart(products) {console.log("Doing atc = ", products);setTimeout(function () {// Array of products to be added to the cartlet productsToAdd = [];let kit_reference = "";if ($('.color_code').length) {kit_reference = $('.color_brand').text() + " " + $('.color_name').text() + " " + $('.color_code').text() + " kit.";} else {kit_reference = $('.product-single__title').text();}for (let index = 0; index < products.length; index++) {const product = products[ index ];console.log(product)if (typeof product.info !== 'undefined') {if (product.info == "basecoat product") {productsToAdd.push({id: product.variant_id,quantity: product.quantity,properties: {"Color name": $('.color_name').text(),"Color code": $('.color_code').text(),"Make": $('.color_brand').text(),"Info": `Component of ${kit_reference}.`}});}if (product.info == "undercoat product") {productsToAdd.push({id: product.variant_id,quantity: product.quantity,properties: {"Color code": $('.color_code').text(),"Info": "This is the undercoat for " + $('.color_code').text()}});}} else {productsToAdd.push({id: product.variant_id,quantity: product.quantity,properties: {"Info": `Component of ${kit_reference}.`}});}}console.log(productsToAdd)let formData = {'items': productsToAdd};fetch(window.Shopify.routes.root + 'cart/add.js', {method: 'POST',headers: {'Content-Type': 'application/json'},body: JSON.stringify(formData)}).then(response => {return response.json();}).catch((error) => {console.error('Error:', error);});return;}, 200);}// Trigger adding products to cart$(document).on("click", "#SSR-byk--add-to-cart", function () {let atc_btn = $(this);atc_btn.html(`adding to cart`).attr("disabled", "disabled").css("opacity", "0.7").css("cursor", "initial");setTimeout(function () {atc_btn.html(`added to cart`).attr("disabled", "disabled").css("opacity", "1");setTimeout(() => {atc_btn.html(`add to cart`).removeAttr("disabled").removeAttr("style");}, 1000);}, 1000);// addToCart(products);});$(document).on("click", ".SSR-build-your-kit-start", function () {// $(".SSR-build-your-kit-trust-image").slideUp();$(this).slideUp(); $(".timeline").show();$(".SSR-byk-step-1").slideDown(); let scrollPosition = window.innerWidth <= 768 ? 850 : 450; // Adjust threshold as needed $("html, body").animate({ scrollTop: scrollPosition }, "slow");})$(document).on("click", ".SSR-build-your-kit-next-step", function () { if(!size){alert("Please select vehicle size");return;}$(".SSR-byk-step").hide();$(".timeline-step").removeClass('active');let next = $(this).attr('next');let time_line_step = $(this).attr('t_step');$(`#${next}`).show();$(`.timeline-step-${time_line_step}`).addClass('active');// Show the summary screen with the productslet project_type = $("#project_type").val();let whats_being_painted = $("#whats_being_painted").val();let temperature = $("#temperature_when_spraying").val();if (size == "extra_small") {final_confirmation_message = `This kit will include products to paint an "${size.replace("_", " ")}" vehicle using the "${project_type.replaceAll("_", " ")}" method in temperatures between "${temperature.replaceAll("_", "-")}° F".`;} else {final_confirmation_message = `This kit will include products to paint your "${size.replace("_", " ")}" vehicle using the "${project_type.replaceAll("_", " ")}" method for "${whats_being_painted.replaceAll("_", " ")}", in temperatures between "${temperature.replaceAll("_", "-")}° F".`}$('.final-confirm-message').html(final_confirmation_message);})$(document).on("click", ".SSR-build-your-kit-previous-step", function () {$(".SSR-byk-step").hide();$(".timeline-step").removeClass('active');let prev = $(this).attr('prev');let time_line_step = $(this).attr('t_step');$(`#${prev}`).show();$(`.timeline-step-${time_line_step}`).addClass('active');})});/** * Calculates the percentage discount based on the original price and discounted price. * @param {number} originalPrice - The original price of the item. * @param {number} discountedPrice - The discounted price of the item. * @returns {number} The percentage discount, rounded to two decimal places. */function calculatePercentageOff(originalPrice, discountedPrice) {if (originalPrice <= 0 || discountedPrice < 0 || discountedPrice > originalPrice) {throw new Error("Invalid input. Ensure the original price is positive and the discounted price is valid.");}const discount = ((originalPrice - discountedPrice) / originalPrice) * 100;return parseFloat(discount.toFixed(2));}