2021 Mazda CX-30 Preferred - $21,524 - recycler.com

Sellers Description

Description

2021 Mazda CX-30 Preferred, Leather Seats, Sunroof/Moonroof, Adaptive Cruise Control, Alloy Wheels, Preferred Package, Bluetooth, Backup Camera, Remote Start, Blind Spot Monitoring, Heated Seats, Android Auto, Carplay mileage 26793, vin: 3MVDMBCL1MM316550, Stock #: M316550P, $21,524

2021 Mazda CX-30 Preferred

Posted 12 hours ago in Avenel, NJ

$21,524

Member since 07/2020
View map
View More From This Seller

Summary

Vehicle Stock	M316550P
Engine Disposition	2.50L
Drivetrain	AWD
Fuel Type	G
Price	$21,524
Make	Mazda
Model	CX-30
Trim	Preferred
Mileage	26793
Cylinders	I4
Exterior Color	Deep Crystal Blue Mica
Transmission	6
Doors	4
VIN	3MVDMBCL1MM316550

Contact Seller

Add Note

I agree to the privacy policy and terms of service, and consent to be contacted by the seller via phone, automated dialing systems, pre-recorded messages, email, SMS and/or other method.

<script type="text/javascript">

loadScript("//tmp-cdn-distm-01.recycler.com/bundles/pages/details?v=lDfTVg-saKOcBKGxtS6jkPHMAXdZdPQV9fIRGyAJCWQ1", function() {
			loadScript("//tmp-cdn-distm-01.recycler.com/Scripts/readmore.min.js", function() {
				$(document).ready(function() {
					if ($(".input-validation-error:first").length) {
						window.scrollTo(0, $(".input-validation-error:first").offset().top);
					}
					// details.init();
					$(".description-copy").append($(".description-orig").children().clone());

$(".btn-send").click(function () {
						var consent = $('#chkConsent').is(':checked');
						if (!consent) {
							$('#consent-msg').show();
							$('.chkConsent-container').css("border", "solid 1px black");
							return false;
						}
					});

$('#chkConsent').click(function () {
						var consent = $('#chkConsent').is(':checked');
                        if (consent) {
                            $('#consent-msg').hide();
                            $('.chkConsent-container').css("border", "none"); 
                        }
					});

$(".read-more").readmore({
						speed: 75,
						moreLink: '<a href="#" style="padding-left: 15px;font-size:14px;">Read More</a>',
						lessLink: '',
						maxHeight: 100,
						afterToggle: function() {
							//$("#btn-interested-2").toggle();
							//$("#email-box-bottom").toggle();
						}

});
					$('#carousel-details').carousel({
						interval: 0
					});
					$('#carousel-details-thumbs').carousel({
						interval: 0,
						wrap: true
					});
					$("#carousel-details").swipe({
						excludedElements: "button, input, select, textarea, .noSwipe",
						swipeLeft: function(event, direction, distance, duration, fingerCount) {
							$(this).carousel('next');
							$(this).carousel('pause');
						},
						swipeRight: function(event, direction, distance, duration, fingerCount) {
							$(this).carousel('prev');
							$(this).carousel('pause');
						},
						tap : function(event, target) {
							target.parentNode.click();

},
						threshold: 5
					});
					//Handles the carousel thumbnails
					$('[id^=carousel-selector-]').click(function() {
						var id = parseInt($(this).attr("id").substr("carousel-selector-".length));
						$('#carousel-details').carousel(id);
					});
					$('.carousel').carousel({
						interval: 3000
					});
					$(".email-lead").click(function() {
						$("#contact-panel").show();
						$('html, body').animate({
							scrollTop: $("#contact-panel").offset().top - 80
						}, 500);
						$("#contact-panel").stop().css("background-color", "#F0F0F0");
						//$("#contact-panel").animate({ backgroundColor: "#FFFFFF" }, 1500);
					})
					$(".btn-interested").click(function() {
					    $("#contact-panel").show();
						$('html, body').animate({
							scrollTop: $("#contact-panel").offset().top - 80
						}, 500);
						$("#contact-panel").stop().css("background-color", "#F0F0F0");
						// $("#contact-panel").animate({ backgroundColor: "#FFFFFF" }, 1500);
					});

$('[data-toggle=offcanvas]').click(function() {
						$('.row-offcanvas').toggleClass('active');
						$("html, body").animate({ scrollTop: 0 }, "slow");
					});

$("#carfax").click(function(e) {
						showCarFax();
						$(this).unbind("click", false);
						e.preventDefault();
						return false

});

$("#carfax-close").click(function(e) {
						$(".carfax-details").toggle();
						$("#carfax-close").toggle();
						$(this).bind("click", null, function() { showCarFax(); });
						e.preventDefault();
						return false;
					});
					$(".comment-sign").click(function()
					{
					    if($(this).hasClass("fa-plus"))
					    {
					        $(this).removeClass("fa-plus");
					        $(this).addClass("fa-minus");
					        $(".contact-comment").show();
					    }
					    else
					    {
					        $(this).removeClass("fa-minus");
					        $(this).addClass("fa-plus");
					        $(".contact-comment").hide();
					    }

});

rebindsave();
				});

function rebindsave() {
					$(".btn-save").unbind();
					$(".btn-saved").unbind();
					$(".btn-save").on("click", function(e) {
						var $btn = $(this);
						var id = $("#AdID").val();
						$.ajax({
							type: "GET",
							url: "/AJAX/SaveAd?id=" + id,
							async: false,
							dataType: 'json',
							error: function(XMLHttpRequest, textStatus, errorThrown) {

},
							success: function(data, textStatus) {

$btn.removeClass("btn-save");
								$btn.removeClass("light-gray");
								$btn.addClass("btn-saved");
								$btn.addClass("blue");
								updateSaveAdCookie(127202880, true);
								rebindsave();
							}
						});
					});
					$(".btn-saved").on("click", function(e) {
						var $btn = $(this);
						var id = $("#AdID").val();
						$.ajax({
							type: "GET",
							url: "/AJAX/UnSaveAd?id=" + id,
							async: false,
							dataType: 'json',
							error: function(XMLHttpRequest, textStatus, errorThrown) {

},
							success: function(data, textStatus) {
								//console.log($(this));
								$btn.removeClass("btn-saved");
								$btn.removeClass("blue");
								$btn.addClass("btn-save");
								$btn.addClass("light-gray");
								updateSaveAdCookie(127202880, false);
								rebindsave();
							}
						});
					});
				}

function loadCarFax() {
					$.ajax({
						url: '/AJAX/CarFax',
						data: {
							vin: "3MVDMBCL1MM316550",
							requestType: "INV",
							oneOwner: "Y",
							invDate: "Y",
							windowSticker: "WS1"
						},
						success: function(data) {
							//var obj = $.parseJSON(data);
							if (data.Successful == "Yes") {
								// yes carfax
								$("#total-loss").html("<img src='" + data.XMLResult.TotalLoss[0].CheckmarkImage + "' alt='" + data.XMLResult.TotalLoss[0].TotalLossText + "' />");
								$("#total-loss-desc").html(data.XMLResult.TotalLoss[0].TotalLossText);
								$("#structural-damage").html("<img src='" + data.XMLResult.FrameDamage[0].CheckmarkImage + "' alt='" + data.XMLResult.FrameDamage[0].FrameDamageText + "' />");
								$("#structural-damage-desc").html(data.XMLResult.FrameDamage[0].FrameDamageText);
								$("#airbag").html("<img src='" + data.XMLResult.AirbagDeployment[0].CheckmarkImage + "' alt='" + data.XMLResult.AirbagDeployment[0].AirbagDeploymentText + "' />");
								$("#airbag-desc").html(data.XMLResult.AirbagDeployment[0].AirbagDeploymentText);
								$("#odometer").html("<img src='" + data.XMLResult.OdometerRollback[0].CheckmarkImage + "' alt='" + data.XMLResult.OdometerRollback[0].OdometerRollbackText + "' />");
								$("#odometer-desc").html(data.XMLResult.OdometerRollback[0].OdometerRollbackText);
								$("#manufacturer-recall").html("<img src='" + data.XMLResult.ManufacturerRecall[0].CheckmarkImage + "' alt='" + data.XMLResult.ManufacturerRecall[0].ManufacturerRecallText + "' />");
								$("#manufacturer-recall-desc").html(data.XMLResult.ManufacturerRecall[0].ManufacturerRecallText);
								$("#accident-indicators").html("<img src='" + data.XMLResult.AccidentIndicators[0].CheckmarkImage + "' alt='" + data.XMLResult.AccidentIndicators[0].AccidentIndicatorsText + "' />");
								$("#accident-indicators-desc").html(data.XMLResult.AccidentIndicators[0].AccidentIndicatorsText);
								$("#one-owner").html("<img src='" + data.XMLResult.Ownership[0].CheckmarkImage + "' alt='" + data.XMLResult.Ownership[0].OwnershipText + "' />");
								$("#one-owner-desc").html(data.XMLResult.Ownership[0].OwnershipText);
								$("#vehicle-info").html(data.XMLResult.VehicleSpecifications[0].Year[0].Value + " " +
									data.XMLResult.VehicleSpecifications[0].Make[0].Value + " " +
									data.XMLResult.VehicleSpecifications[0].Model[0].Value);
								$("#vehicle-vin").html(data.XMLResult.VehicleSpecifications[0].VIN[0].Value);
								$("#carfax-disclaimer").html(data.XMLResult.Disclaimer);
								if (data.XMLResult.Ownership[0].OwnershipText == "CARFAX 1-Owner") {
									$("#carfax-logo").attr("src", "/Images/show-me-carfax.png");
								}

} else {
								// no carfax
								$(".carfax-right").html("");
								$(".carfax-right").html("<h2>There is no CARFAX Report available for this vehicle. Be informed before buying and get the CARFAX report!</h2>");
								$("#carfax-link").html("Get the CARFAX Record Check");
								$("#carfax-link").parent().appendTo($("#carfax-center"));
								$("<img/>").attr("src", "/images/carfax-fox.png").appendTo($("#carfax-center"));

}
						}
					});
				}

function showCarFax() {
					loadCarFax();
					$(".carfax-details").toggle();
					$("#carfax-close").toggle();
				}

function updateSaveAdCookie(lstid, add) {
					var id = '|' + lstid + '|';
					var val = $.cookie("SaveAd");
					if (val == undefined) val = '';
					if (add) {

if (!val.indexOf(id) > -1) {
							val += id;
						}
					} else {
						val.replace(id, '');
					}
					$.cookie("SaveAd", val, { expires: 7 });
				}

var reportPopover = $(".report-ad a");
				reportPopover.parent().on("click", "[data-action=close]", function() {
					reportPopover.popover("hide");
				}).on("click", "[data-action=report]", function() {
					var data = reportPopover.parent().find(".popover-content input[name=report]:checked").map(function() { return this.value }).toArray();
					if (data.length) {
						$.post("/details/report", {
							id: $("#AdID").val(),
							reason: data
						});
						reportPopover.popover("hide");
					}
				});
				reportPopover.popover({
					content: function() {
						return $(".report-ad .report-content").html();
					},
					viewport:window,
					template: "<div class=\"popover with-close\" role=\"tooltip\"><div class=\"arrow\"></div><button aria-label=\"Close\" data-action=\"close\" class=\"close\" type=\"button\"><span aria-hidden=\"true\">×</span></button><h3 class=\"popover-title\"></h3><div class=\"popover-content\"></div></div>",
					html: true
				});
			});

});
    </script>