The
Lab

Test libraries, replacement codes, and more here.

Call Directions

2024 Nissan Exterior 360 spins

2024 Nissan 360 Spins

How it works

2024 Nissan exterior spin implements the existing codes to use again. There are two parts of codes on 360 Section. The first part is a tab to categorize trim, and second part is a slick carousel to navigate through the 360 spins by clicking on the small thumbnails.

Tab navs and tabs contents (containing slick-carousel)

The tab on top part in 360 section is used for filtering slick carousel. Slick carousel is changed if tab is clicked by trim of tabs.

Slick Carousel

Slick carousel (based on Slick.js model bar V3) has two carousal slider-nav and slider-for. Slick 360 spin will show up with its information if thumbnail on Slider-nav is clicked.

when compared to previous Nissan 360 section 2024 Nissan 360 section has been re-organized differently as using class instead of unique ID. 3 classes (vehicleYear, vehicleMake, vehicleModel) in slider-for should be used in all thumb-show class repeatedly to initialize the items on all lists. Please see the screenshot below.

The Lab in Derwood MD

Display

An example of 2024 Nissan Altima page using the 360 exterior spins

2024 Nissan Altima Trims

Which Altima is right for you?

S

$25,730
MSRP

SV

$26,530
MSRP

SR

$27,930
MSRP

SR VC-Turbo

$35,430
MSRP

SL

$32,430
MSRP

Altima ® S

Starting MSRP $25,730 *

Key Standard Features:

  • 16" Steel wheels with wheel covers
  • Nissan Safety Shield® 360 [*]
  • Cruise control

Please see the actual vehicle and colors at your local Nissan dealer. [*]

Swipe to Spin

Altima ® SV

Starting MSRP $26,530 *

Key Standard Features:

  • 17" Machine-finished aluminum-alloy wheels
  • 7" Advanced Drive-Assist™ Display [*]
  • NissanConnect® 8" color display with multi-touch control [*]

Please see the actual vehicle and colors at your local Nissan dealer. [*]

Swipe to Spin

Altima ® SR

Starting MSRP $27,930 *

Key Standard Features:

  • 19" Machine-finished SR aluminum-alloy wheels
  • Paddle shifters with manual shift mode
  • Sport-tuned suspension

Please see the actual vehicle and colors at your local Nissan dealer. [*]

Swipe to Spin

Altima ® SR VC-Turbo

Starting MSRP $35,430 *

Key Standard Features:

  • 2.0-liter Variable Compression Turbo (VC-Turbo®) DOHC 16-valve 4-cylinder engine
  • ProPILOT Assist [*]
  • NissanConnect® 12.3" color display with multi-touch control [*]

Please see the actual vehicle and colors at your local Nissan dealer. [*]

Swipe to Spin

Altima ® SL

Starting MSRP $33,930 *

Key Standard Features:

  • 19" Machine-finished aluminum-alloy wheels
  • Acoustic laminated glass
  • Leather-appointed seats

Please see the actual vehicle and colors at your local Nissan dealer. [*]

Swipe to Spin

SV

$28,030
MSRP

SR

$29,430
MSRP

SL

$33,930
MSRP

Altima ® SV

Starting MSRP $28,030 *

Key Standard Features:

  • Electronic parking brake
  • Active Brake Limited Slip
  • NissanConnect® 12.3" color display with multi-touch control [*]

Please see the actual vehicle and colors at your local Nissan dealer. [*]

Swipe to Spin

Altima ® SR

Starting MSRP $29,430 *

Key Standard Features:

  • Electronic parking brake
  • Active Brake Limited Slip
  • Paddle shifters with manual shift mode

Please see the actual vehicle and colors at your local Nissan dealer. [*]

Swipe to Spin

Altima ® SL

Starting MSRP $33,930 *

Key Standard Features:

  • 19" Machine-finished aluminum-alloy wheels
  • Acoustic laminated glass
  • Leather-appointed seats

Please see the actual vehicle and colors at your local Nissan dealer. [*]

Swipe to Spin

View Inventory → Book a test drive →

Click below to copy the code snippet to your clipboard.

HTML

	
<div class="trimSection">
<ul class="nav nav-pills pad-bottom-1x">
<li class="text-muted pad-right-1x"><strong>DRIVETRAIN:</strong></li>
<li class="active nav-item"><a data-toggle="tab" href="#FWD" data-dotagging-event="element_configuration" data-dotagging-event-action="click" data-dotagging-product-name="Website|Custom Content" data-dotagging-element-state="" data-dotagging-event-action-result="calc" data-dotagging-element-position="inline" data-dotagging-element-subtype="nav_button" data-dotagging-element-type="body" data-dotagging-element-title="FWD" data-dotagging-element-order="0" data-dotagging-enabled="true" class="nav-link">FWD</a>
</li>
<li class="nav-item"><a data-toggle="tab" href="#AWD" data-dotagging-event="element_configuration" data-dotagging-event-action="click" data-dotagging-product-name="Website|Custom Content" data-dotagging-element-state="" data-dotagging-event-action-result="calc" data-dotagging-element-position="inline" data-dotagging-element-subtype="nav_button" data-dotagging-element-type="body" data-dotagging-element-title="AWD" data-dotagging-element-order="1" data-dotagging-enabled="true" class="nav-link nav-bordered">AWD</a>
</li>
</ul>
<div class="tab-content">
<div id="FWD" class="tab-pane active">
<div class="slider-nav">
<div class="thumb-slide">
<div class="thumb-card">
<div class="thumb-title pad-left-1x pad-top-1x">
<h3 class="h4 margin-x">S</h3>
</div>
<div class="flex-align-items-end">
<div class="flex-40 pad-left-1x pad-bottom-1x">
<p class="margin-x">$25,730
<br>MSRP</p>
</div>
<div class="flex-60 trimThumnail">
<div role="img" aria-label="2024 Nissan Altima S" style="background-image: url('/assets/stock/ColorMatched/Transparent/320/cc_2023NIC04_03_320/cc_2023NIC040060_03_320_QAK.png'); padding-top: 50%; background-position: 50px;" class="img-background img-cover"></div>
</div>
</div>
</div>
</div>
<div class="thumb-slide">
<div class="thumb-card">
<div class="thumb-title pad-left-1x pad-top-1x">
<h3 class="h4 margin-x">SV</h3>
</div>
<div class="flex-align-items-end">
<div class="flex-40 pad-left-1x pad-bottom-1x">
<p class="margin-x">$26,530
<br>MSRP</p>
</div>
<div class="flex-60 trimThumnail">
<div role="img" aria-label="2024 Nissan Altima SV" style="background-image: url('/assets/stock/ColorMatched/Transparent/320/cc_2023NIC04_03_320/cc_2023NIC040022_03_320_QAB.png'); padding-top: 50%; background-position: 50px;" class="img-background img-cover"></div>
</div>
</div>
</div>
</div>
<div class="thumb-slide">
<div class="thumb-card">
<div class="thumb-title pad-left-1x pad-top-1x">
<h3 class="h4 margin-x">SR</h3>
</div>
<div class="flex-align-items-end">
<div class="flex-40 pad-left-1x pad-bottom-1x">
<p class="margin-x">$27,930
<br>MSRP</p>
</div>
<div class="flex-60 trimThumnail">
<div role="img" aria-label="2024 Nissan Altima SR" style="background-image: url('/assets/stock/ColorMatched/Transparent/320/cc_2023NIC04_03_320/cc_2023NIC040048_03_320_QAB.png'); padding-top: 50%; background-position: 50px;" class="img-background img-cover"></div>
</div>
</div>
</div>
</div>
<div class="thumb-slide">
<div class="thumb-card">
<div class="thumb-title pad-left-1x pad-top-1x">
<h3 class="h4 margin-x">SR VC-Turbo</h3>
</div>
<div class="flex-align-items-end">
<div class="flex-40 pad-left-1x pad-bottom-1x">
<p class="margin-x">$35,430
<br>MSRP</p>
</div>
<div class="flex-60 trimThumnail">
<div role="img" aria-label="2024 Nissan Altima SR VC-Turbo" style="background-image: url('/assets/stock/ColorMatched/Transparent/320/cc_2023NIC04_03_320/cc_2023NIC040022_03_320_QAB.png'); padding-top: 50%; background-position: 50px;" class="img-background img-cover"></div>
</div>
</div>
</div>
</div>
<div class="thumb-slide">
<div class="thumb-card">
<div class="thumb-title pad-left-1x pad-top-1x">
<h3 class="h4 margin-x">SL</h3>
</div>
<div class="flex-align-items-end">
<div class="flex-40 pad-left-1x pad-bottom-1x">
<p class="margin-x">$32,430
<br>MSRP</p>
</div>
<div class="flex-60 trimThumnail">
<div role="img" aria-label="2024 Nissan Altima SL" style="background-image: url('/assets/stock/ColorMatched/Transparent/320/cc_2023NIC04_03_320/cc_2023NIC040015_03_320_QAB.png'); padding-top: 50%; background-position: 50px;" class="img-background img-cover"></div>
</div>
</div>
</div>
</div>
</div>
<div class="slider-for">
<div class="thumb-show">
<div class="row pad-top-4x flex-align-items-end">
<div class="col-md-4">
<h2 class="heading-lg text-inherit margin-x">
<span class="vehicleYear hidden">2024</span>
<span class="vehicleMake hidden">Nissan</span>
<span class="vehicleModel">Altima</span>
<sup class="vehicleReg">®</sup>
<span>S</span>
</h2>
<p class="h4 margin-vert-2x text-muted text-inherit">Starting MSRP $25,730 <a data-target="#disclaimer148" data-toggle="modal" data-dotagging-product-name="Website|Custom Content" data-dotagging-link-url="" data-dotagging-element-type="body" data-dotagging-event-action-result="calc" data-dotagging-element-subtype="hyperlink" data-dotagging-event="cta_interaction" class="disclaimer text-default">*</a></p>
<p class="h4 text-inherit">Key Standard Features:</p>
<ul class="margin-bottom-2x">
<li>16" Steel wheels with wheel covers</li>
<li>Nissan Safety Shield<sup>®</sup> 360 <a data-target="#disclaimer1381" data-toggle="modal" data-dotagging-product-name="Website|Custom Content" data-dotagging-link-url="" data-dotagging-element-type="body" data-dotagging-event-action-result="calc" data-dotagging-element-subtype="hyperlink" data-dotagging-event="cta_interaction" class="disclaimer text-default">[*]</a></li>
<li>Cruise control</li>
</ul>
<p class="colorName h5 text-inherit"></p>
<div class="colorSelectTabDisplay">
<div class="exteriorColor">
<ul class="list-inline colorSelect colorExterior">
<li>
<div aria-label="Select Exterior Color: Deep Blue Pearl" data-disclaimer="" title="Select Exterior Color: Deep Blue Pearl" data-type="Exterior" data-color="FWD-S-Deep-Blue-Pearl" style="background: url('/static/brand-nissan/misc/2023-altima/color-swatch/Deep-Blue-Pearl.png') no-repeat bottom center;" class=" colorSelector active"></div>
</li>
<li>
<div aria-label="Select Exterior Color: Super Black" data-disclaimer="" title="Select Exterior Color: Super Black" data-type="Exterior" data-color="FWD-S-Super-Black" style="background: url('/static/brand-nissan/misc/2023-altima/color-swatch/Super-Black.png') no-repeat bottom center;" class="colorSelector"></div>
</li>
<li>
<div aria-label="Select Exterior Color: Gun Metallic" data-disclaimer="" title="Select Exterior Color: Gun Metallic" data-type="Exterior" data-color="FWD-S-Gun-Metallic" style="background: url('/static/brand-nissan/misc/2023-altima/color-swatch/Gun-Metallic.png') no-repeat bottom center;" class="colorSelector"></div>
</li>
<li>
<div aria-label="Select Exterior Color: Brilliant Silver Metallic" data-disclaimer="" title="Select Exterior Color: Brilliant Silver Metallic" data-type="Exterior" data-color="FWD-S-Brilliant-Silver-Metallic" style="background: url('/static/brand-nissan/misc/2023-altima/color-swatch/Brilliant-Silver-Metallic.png') no-repeat bottom center;" class="colorSelector"></div>
</li>
<li>
<div aria-label="Select Exterior Color: Glacier White" data-disclaimer="" title="Select Exterior Color: Glacier White" data-type="Exterior" data-color="FWD-S-Glacier-White" style="background: url('/static/brand-nissan/misc/2023-altima/color-swatch/Glacier-White.png') no-repeat bottom center;" class="colorSelector"></div>
</li>
</ul>
</div>
</div>
<p><small>Please see the actual vehicle and colors at your local Nissan dealer. <a data-target="#disclaimer26" data-toggle="modal" data-dotagging-product-name="Website|Custom Content" data-dotagging-link-url="" data-dotagging-element-type="body" data-dotagging-event-action-result="calc" data-dotagging-element-subtype="hyperlink" data-dotagging-event="cta_interaction" class="disclaimer text-default">[*]</a></small></p>
</div>
<div class="col-md-8">
<div class="containerSwipe">
<div class="img-container">
<div class="img360">
<div role="img" aria-label="" title="" style="padding-top: 45%;" class="img360slide img-background img-cover carRotateImage"></div>
</div>
<div class="swipeInfo text-center">
<span class="small text-uppercase">
<i aria-label="Swipe Left" class="fa fa-long-arrow-left"></i> Swipe to Spin <i aria-label="Swipe Right" class="fa fa-long-arrow-right"></i>
</span>
</div>
</div>
<div class="preload-imgs"></div>
</div>
</div>
</div>
</div>
<div class="thumb-show">
<div class="row pad-top-4x flex-align-items-end">
<div class="col-md-4">
<h2 class="heading-lg text-inherit margin-x">
<span class="vehicleYear hidden">2024</span>
<span class="vehicleMake hidden">Nissan</span>
<span class="vehicleModel">Altima</span>
<sup class="vehicleReg">®</sup>
<span>SV</span>
</h2>
<p class="h4 margin-vert-2x text-muted text-inherit">Starting MSRP $26,530 <a data-target="#disclaimer148" data-toggle="modal" data-dotagging-product-name="Website|Custom Content" data-dotagging-link-url="" data-dotagging-element-type="body" data-dotagging-event-action-result="calc" data-dotagging-element-subtype="hyperlink" data-dotagging-event="cta_interaction" class="disclaimer text-default">*</a></p>
<p class="h4 text-inherit">Key Standard Features:</p>
<ul class="margin-bottom-2x">
<li>17" Machine-finished aluminum-alloy wheels </li>
<li>7" Advanced Drive-Assist<sup>™</sup> Display <a data-target="#disclaimer1456" data-toggle="modal" data-dotagging-product-name="Website|Custom Content" data-dotagging-link-url="" data-dotagging-element-type="body" data-dotagging-event-action-result="calc" data-dotagging-element-subtype="hyperlink" data-dotagging-event="cta_interaction" class="disclaimer text-default">[*]</a></li>
<li>NissanConnect<sup>®</sup> 8" color display with multi-touch control <a data-target="#disclaimer1189" data-toggle="modal" data-dotagging-product-name="Website|Custom Content" data-dotagging-link-url="" data-dotagging-element-type="body" data-dotagging-event-action-result="calc" data-dotagging-element-subtype="hyperlink" data-dotagging-event="cta_interaction" class="disclaimer text-default">[*]</a></li>
</ul>
<p class="colorName h5 text-inherit"></p>
<div class="colorSelectTabDisplay">
<div class="exteriorColor">
<ul class="list-inline colorSelect colorExterior">
<li>
<div aria-label="Select Exterior Color: Scarlet Ember Tintcoat" data-disclaimer="Extra cost option." title="Select Exterior Color: Scarlet Ember Tintcoat" data-type="Exterior" data-color="FWD-SV-Scarlet-Ember-Tintcoat" style="background: url('/static/brand-nissan/misc/2023-altima/color-swatch/Scarlet-Ember-Tintcoat.png') no-repeat bottom center;" class="colorSelector active"></div>
</li>
<li>
<div aria-label="Select Exterior Color: Garrnet Pearl Metallic" data-disclaimer="" title="Select Exterior Color: Garrnet Pearl Metallic" data-type="Exterior" data-color="FWD-SV-Garnet-Pearl-Metallic" style="background: url('/static/brand-nissan/misc/2023-altima/color-swatch/Garrnet-Pearl-Metallic.png') no-repeat bottom center;" class="colorSelector"></div>
</li>
<li>
<div aria-label="Select Exterior Color: Super Black" data-disclaimer="" title="Select Exterior Color: Super Black" data-type="Exterior" data-color="FWD-SV-Super-Black" style="background: url('/static/brand-nissan/misc/2023-altima/color-swatch/Super-Black.png') no-repeat bottom center;" class="colorSelector"></div>
</li>
<li>
<div aria-label="Select Exterior Color: Gun Metallic" data-disclaimer="" title="Select Exterior Color: Gun Metallic" data-type="Exterior" data-color="FWD-SV-Gun-Metallic" style="background: url('/static/brand-nissan/misc/2023-altima/color-swatch/Gun-Metallic.png') no-repeat bottom center;" class="colorSelector"></div>
</li>
<li>
<div aria-label="Select Exterior Color: Brilliant Silver Metallic" data-disclaimer="" title="Select Exterior Color: Brilliant Silver Metallic" data-type="Exterior" data-color="FWD-SV-Brilliant-Silver-Metallic" style="background: url('/static/brand-nissan/misc/2023-altima/color-swatch/Brilliant-Silver-Metallic.png') no-repeat bottom center;" class="colorSelector"></div>
</li>
<li>
<div aria-label="Select Exterior Color: Pearl White TriCoat" data-disclaimer="Extra cost option." title="Select Exterior Color: Pearl White TriCoat" data-type="Exterior" data-color="FWD-SV-Pearl-White-TriCoat" style="background: url('/static/brand-nissan/misc/2023-altima/color-swatch/Pearl-White-TriCoat.png') no-repeat bottom center;" class="colorSelector"></div>
</li>
</ul>
</div>
</div>
<p><small>Please see the actual vehicle and colors at your local Nissan dealer. <a data-target="#disclaimer26" data-toggle="modal" data-dotagging-product-name="Website|Custom Content" data-dotagging-link-url="" data-dotagging-element-type="body" data-dotagging-event-action-result="calc" data-dotagging-element-subtype="hyperlink" data-dotagging-event="cta_interaction" class="disclaimer text-default">[*]</a></small></p>
</div>
<div class="col-md-8">
<div class="containerSwipe">
<div class="img-container">
<div class="img360">
<div role="img" aria-label="" title="" style="padding-top: 45%;" class="img360slide img-background img-cover carRotateImage"></div>
</div>
<div class="swipeInfo text-center">
<span class="small text-uppercase">
<i aria-label="Swipe Left" class="fa fa-long-arrow-left"></i> Swipe to Spin <i aria-label="Swipe Right" class="fa fa-long-arrow-right"></i>
</span>
</div>
</div>
<div class="preload-imgs"></div>
</div>
</div>
</div>
</div>
<div class="thumb-show">
<div class="row pad-top-4x flex-align-items-end">
<div class="col-md-4">
<h2 class="heading-lg text-inherit margin-x">
<span class="vehicleYear hidden">2024</span>
<span class="vehicleMake hidden">Nissan</span>
<span class="vehicleModel">Altima</span>
<sup class="vehicleReg">®</sup>
<span>SR</span>
</h2>
<p class="h4 margin-vert-2x text-muted text-inherit">Starting MSRP $27,930 <a data-target="#disclaimer148" data-toggle="modal" data-dotagging-product-name="Website|Custom Content" data-dotagging-link-url="" data-dotagging-element-type="body" data-dotagging-event-action-result="calc" data-dotagging-element-subtype="hyperlink" data-dotagging-event="cta_interaction" class="disclaimer text-default">*</a></p>
<p class="h4 text-inherit">Key Standard Features:</p>
<ul class="margin-bottom-2x">
<li>19" Machine-finished SR aluminum-alloy wheels</li>
<li>Paddle shifters with manual shift mode</li>
<li>Sport-tuned suspension</li>
</ul>
<p class="colorName h5 text-inherit"></p>
<div class="colorSelectTabDisplay">
<div class="exteriorColor">
<ul class="list-inline colorSelect colorExterior">
<li>
<div aria-label="Select Exterior Color: Scarlet Ember Tintcoat" data-disclaimer="Extra cost option." title="Select Exterior Color: Scarlet Ember Tintcoat" data-type="Exterior" data-color="FWD-SR-Scarlet-Ember-Tintcoat" style="background: url('/static/brand-nissan/misc/2023-altima/color-swatch/Scarlet-Ember-Tintcoat.png') no-repeat bottom center;" class="colorSelector active"></div>
</li>
<li>
<div aria-label="Select Exterior Color: Deep Blue Pearl" data-disclaimer="" title="Select Exterior Color: Deep Blue Pearl" data-type="Exterior" data-color="FWD-SR-Deep-Blue-Pearl" style="background: url('/static/brand-nissan/misc/2023-altima/color-swatch/Deep-Blue-Pearl.png') no-repeat bottom center;" class=" colorSelector"></div>
</li>
<li>
<div aria-label="Select Exterior Color: Super Black" data-disclaimer="" title="Select Exterior Color: Super Black" data-type="Exterior" data-color="FWD-SR-Super-Black" style="background: url('/static/brand-nissan/misc/2023-altima/color-swatch/Super-Black.png') no-repeat bottom center;" class="colorSelector"></div>
</li>
<li>
<div aria-label="Select Exterior Color: Gray Sky Pearl" data-disclaimer="Extra cost option." title="Select Exterior Color: Gray Sky Pearl" data-type="Exterior" data-color="FWD-SR-Gray-Sky-Pearl" style="background: url('/static/brand-nissan/misc/2023-altima/color-swatch/Gray-Sky-Pearl.png') no-repeat bottom center;" class="colorSelector active"></div>
</li>
<li>
<div aria-label="Select Exterior Color: Gun Metallic" data-disclaimer="" title="Select Exterior Color: Gun Metallic" data-type="Exterior" data-color="FWD-SR-Gun-Metallic" style="background: url('/static/brand-nissan/misc/2023-altima/color-swatch/Gun-Metallic.png') no-repeat bottom center;" class="colorSelector"></div>
</li>
<li>
<div aria-label="Select Exterior Color: Brilliant Silver Metallic" data-disclaimer="" title="Select Exterior Color: Brilliant Silver Metallic" data-type="Exterior" data-color="FWD-SR-Brilliant-Silver-Metallic" style="background: url('/static/brand-nissan/misc/2023-altima/color-swatch/Brilliant-Silver-Metallic.png') no-repeat bottom center;" class="colorSelector"></div>
</li>
<li>
<div aria-label="Select Exterior Color: Pearl White TriCoat" data-disclaimer="Extra cost option." title="Select Exterior Color: Pearl White TriCoat" data-type="Exterior" data-color="FWD-SR-Pearl-White-TriCoat" style="background: url('/static/brand-nissan/misc/2023-altima/color-swatch/Pearl-White-TriCoat.png') no-repeat bottom center;" class="colorSelector"></div>
</li>
</ul>
</div>
</div>
<p><small>Please see the actual vehicle and colors at your local Nissan dealer. <a data-target="#disclaimer26" data-toggle="modal" data-dotagging-product-name="Website|Custom Content" data-dotagging-link-url="" data-dotagging-element-type="body" data-dotagging-event-action-result="calc" data-dotagging-element-subtype="hyperlink" data-dotagging-event="cta_interaction" class="disclaimer text-default">[*]</a></small></p>
</div>
<div class="col-md-8">
<div class="containerSwipe">
<div class="img-container">
<div class="img360">
<div role="img" aria-label="" title="" style="padding-top: 45%;" class="img360slide img-background img-cover carRotateImage"></div>
</div>
<div class="swipeInfo text-center">
<span class="small text-uppercase">
<i aria-label="Swipe Left" class="fa fa-long-arrow-left"></i> Swipe to Spin <i aria-label="Swipe Right" class="fa fa-long-arrow-right"></i>
</span>
</div>
</div>
<div class="preload-imgs"></div>
</div>
</div>
</div>
</div>
<div class="thumb-show">
<div class="row pad-top-4x flex-align-items-end">
<div class="col-md-4">
<h2 class="heading-lg text-inherit margin-x">
<span class="vehicleYear hidden">2024</span>
<span class="vehicleMake hidden">Nissan</span>
<span class="vehicleModel">Altima</span>
<sup class="vehicleReg">®</sup>
<span>SR VC-Turbo</span>
</h2>
<p class="h4 margin-vert-2x text-muted text-inherit">Starting MSRP $35,430 <a data-target="#disclaimer148" data-toggle="modal" data-dotagging-product-name="Website|Custom Content" data-dotagging-link-url="" data-dotagging-element-type="body" data-dotagging-event-action-result="calc" data-dotagging-element-subtype="hyperlink" data-dotagging-event="cta_interaction" class="disclaimer text-default">*</a></p>
<p class="h4 text-inherit">Key Standard Features:</p>
<ul class="margin-bottom-2x">
<li>2.0-liter Variable Compression Turbo (VC-Turbo<sup>®</sup>) DOHC 16-valve 4-cylinder engine</li>
<li>ProPILOT Assist <a data-target="#disclaimer1176" data-toggle="modal" data-dotagging-product-name="Website|Custom Content" data-dotagging-link-url="" data-dotagging-element-type="body" data-dotagging-event-action-result="calc" data-dotagging-element-subtype="hyperlink" data-dotagging-event="cta_interaction" class="disclaimer text-default">[*]</a></li>
<li>NissanConnect<sup>®</sup> 12.3" color display with multi-touch control <a data-target="#disclaimer1189" data-toggle="modal" data-dotagging-product-name="Website|Custom Content" data-dotagging-link-url="" data-dotagging-element-type="body" data-dotagging-event-action-result="calc" data-dotagging-element-subtype="hyperlink" data-dotagging-event="cta_interaction" class="disclaimer text-default">[*]</a></li>
</ul>
<p class="colorName h5 text-inherit"></p>
<div class="colorSelectTabDisplay">
<div class="exteriorColor">
<ul class="list-inline colorSelect colorExterior">
<li>
<div aria-label="Select Exterior Color: Scarlet Ember Tintcoat" data-disclaimer="Extra cost option." title="Select Exterior Color: Scarlet Ember Tintcoat" data-type="Exterior" data-color="FWD-SR-VC-Turbo-Scarlet-Ember-Tintcoat" style="background: url('/static/brand-nissan/misc/2023-altima/color-swatch/Scarlet-Ember-Tintcoat.png') no-repeat bottom center;" class="colorSelector active"></div>
</li>
<li>
<div aria-label="Select Exterior Color: Deep Blue Pearl" data-disclaimer="" title="Select Exterior Color: Deep Blue Pearl" data-type="Exterior" data-color="FWD-SR-VC-Turbo-Deep-Blue-Pearl" style="background: url('/static/brand-nissan/misc/2023-altima/color-swatch/Deep-Blue-Pearl.png') no-repeat bottom center;" class=" colorSelector"></div>
</li>
<li>
<div aria-label="Select Exterior Color: Super Black" data-disclaimer="" title="Select Exterior Color: Super Black" data-type="Exterior" data-color="FWD-SR-VC-Turbo-Super-Black" style="background: url('/static/brand-nissan/misc/2023-altima/color-swatch/Super-Black.png') no-repeat bottom center;" class="colorSelector"></div>
</li>
<li>
<div aria-label="Select Exterior Color: Gray Sky Pearl" data-disclaimer="Extra cost option." title="Select Exterior Color: Gray Sky Pearl" data-type="Exterior" data-color="FWD-SR-VC-Turbo-Gray-Sky-Pearl" style="background: url('/static/brand-nissan/misc/2023-altima/color-swatch/Gray-Sky-Pearl.png') no-repeat bottom center;" class="colorSelector"></div>
</li>
<li>
<div aria-label="Select Exterior Color: Gun Metallic" data-disclaimer="" title="Select Exterior Color: Gun Metallic" data-type="Exterior" data-color="FWD-SR-VC-Turbo-Gun-Metallic" style="background: url('/static/brand-nissan/misc/2023-altima/color-swatch/Gun-Metallic.png') no-repeat bottom center;" class="colorSelector"></div>
</li>
<li>
<div aria-label="Select Exterior Color: Brilliant Silver Metallic" data-disclaimer="" title="Select Exterior Color: Brilliant Silver Metallic" data-type="Exterior" data-color="FWD-SR-VC-Turbo-Brilliant-Silver-Metallic" style="background: url('/static/brand-nissan/misc/2023-altima/color-swatch/Brilliant-Silver-Metallic.png') no-repeat bottom center;" class="colorSelector"></div>
</li>
<li>
<div aria-label="Select Exterior Color: Pearl White TriCoat" data-disclaimer="Extra cost option." title="Select Exterior Color: Pearl White TriCoat" data-type="Exterior" data-color="FWD-SR-VC-Turbo-Pearl-White-TriCoat" style="background: url('/static/brand-nissan/misc/2023-altima/color-swatch/Pearl-White-TriCoat.png') no-repeat bottom center;" class="colorSelector"></div>
</li>
</ul>
</div>
</div>
<p><small>Please see the actual vehicle and colors at your local Nissan dealer. <a data-target="#disclaimer26" data-toggle="modal" data-dotagging-product-name="Website|Custom Content" data-dotagging-link-url="" data-dotagging-element-type="body" data-dotagging-event-action-result="calc" data-dotagging-element-subtype="hyperlink" data-dotagging-event="cta_interaction" class="disclaimer text-default">[*]</a></small></p>
</div>
<div class="col-md-8">
<div class="containerSwipe">
<div class="img-container">
<div class="img360">
<div role="img" aria-label="" title="" style="padding-top: 45%;" class="img360slide img-background img-cover carRotateImage"></div>
</div>
<div class="swipeInfo text-center">
<span class="small text-uppercase">
<i aria-label="Swipe Left" class="fa fa-long-arrow-left"></i> Swipe to Spin <i aria-label="Swipe Right" class="fa fa-long-arrow-right"></i>
</span>
</div>
</div>
<div class="preload-imgs"></div>
</div>
</div>
</div>
</div>
<div class="thumb-show">
<div class="row pad-top-4x flex-align-items-end">
<div class="col-md-4">
<h2 class="heading-lg text-inherit margin-x">
<span class="vehicleYear hidden">2024</span>
<span class="vehicleMake hidden">Nissan</span>
<span class="vehicleModel">Altima</span>
<sup class="vehicleReg">®</sup>
<span>SL</span>
</h2>
<p class="h4 margin-vert-2x text-muted text-inherit">Starting MSRP $33,930 <a data-target="#disclaimer148" data-toggle="modal" data-dotagging-product-name="Website|Custom Content" data-dotagging-link-url="" data-dotagging-element-type="body" data-dotagging-event-action-result="calc" data-dotagging-element-subtype="hyperlink" data-dotagging-event="cta_interaction" class="disclaimer text-default">*</a></p>
<p class="h4 text-inherit">Key Standard Features:</p>
<ul class="margin-bottom-2x">
<li>19" Machine-finished aluminum-alloy wheels</li>
<li>Acoustic laminated glass</li>
<li>Leather-appointed seats</li>
</ul>
<p class="colorName h5 text-inherit"></p>
<div class="colorSelectTabDisplay">
<div class="exteriorColor">
<ul class="list-inline colorSelect colorExterior">
<li>
<div aria-label="Select Exterior Color: Scarlet Ember Tintcoat" data-disclaimer="Extra cost option." title="Select Exterior Color: Scarlet Ember Tintcoat" data-type="Exterior" data-color="FWD-SL-Scarlet-Ember-Tintcoat" style="background: url('/static/brand-nissan/misc/2023-altima/color-swatch/Scarlet-Ember-Tintcoat.png') no-repeat bottom center;" class="colorSelector active"></div>
</li>
<li>
<div aria-label="Select Exterior Color: Garrnet Pearl Metallic" data-disclaimer="" title="Select Exterior Color: Garrnet Pearl Metallic" data-type="Exterior" data-color="FWD-SL-Garnet-Pearl-Metallic" style="background: url('/static/brand-nissan/misc/2023-altima/color-swatch/Garrnet-Pearl-Metallic.png') no-repeat bottom center;" class="colorSelector"></div>
</li>
<li>
<div aria-label="Select Exterior Color: Super Black" data-disclaimer="" title="Select Exterior Color: Super Black" data-type="Exterior" data-color="FWD-SL-Super-Black" style="background: url('/static/brand-nissan/misc/2023-altima/color-swatch/Super-Black.png') no-repeat bottom center;" class="colorSelector"></div>
</li>
<li>
<div aria-label="Select Exterior Color: Gun Metallic" data-disclaimer="" title="Select Exterior Color: Gun Metallic" data-type="Exterior" data-color="FWD-SL-Gun-Metallic" style="background: url('/static/brand-nissan/misc/2023-altima/color-swatch/Gun-Metallic.png') no-repeat bottom center;" class="colorSelector"></div>
</li>
<li>
<div aria-label="Select Exterior Color: Brilliant Silver Metallic" data-disclaimer="" title="Select Exterior Color: Brilliant Silver Metallic" data-type="Exterior" data-color="FWD-SL-Brilliant-Silver-Metallic" style="background: url('/static/brand-nissan/misc/2023-altima/color-swatch/Brilliant-Silver-Metallic.png') no-repeat bottom center;" class="colorSelector"></div>
</li>
<li>
<div aria-label="Select Exterior Color: Pearl White TriCoat" data-disclaimer="Extra cost option." title="Select Exterior Color: Pearl White TriCoat" data-type="Exterior" data-color="FWD-SL-Pearl-White-TriCoat" style="background: url('/static/brand-nissan/misc/2023-altima/color-swatch/Pearl-White-TriCoat.png') no-repeat bottom center;" class="colorSelector"></div>
</li>
</ul>
</div>
</div>
<p><small>Please see the actual vehicle and colors at your local Nissan dealer. <a data-target="#disclaimer26" data-toggle="modal" data-dotagging-product-name="Website|Custom Content" data-dotagging-link-url="" data-dotagging-element-type="body" data-dotagging-event-action-result="calc" data-dotagging-element-subtype="hyperlink" data-dotagging-event="cta_interaction" class="disclaimer text-default">[*]</a></small></p>
</div>
<div class="col-md-8">
<div class="containerSwipe">
<div class="img-container">
<div class="img360">
<div role="img" aria-label="" title="" style="padding-top: 45%;" class="img360slide img-background img-cover carRotateImage"></div>
</div>
<div class="swipeInfo text-center">
<span class="small text-uppercase">
<i aria-label="Swipe Left" class="fa fa-long-arrow-left"></i> Swipe to Spin <i aria-label="Swipe Right" class="fa fa-long-arrow-right"></i>
</span>
</div>
</div>
<div class="preload-imgs"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="AWD" class="tab-pane">
<div class="slider-nav">
<div class="thumb-slide">
<div class="thumb-card">
<div class="thumb-title pad-left-1x pad-top-1x">
<h3 class="h4 margin-x">SV</h3>
</div>
<div class="flex-align-items-end">
<div class="flex-40 pad-left-1x pad-bottom-1x">
<p class="margin-x">$28,030
<br>MSRP</p>
</div>
<div class="flex-60 trimThumnail">
<div role="img" aria-label="2024 Nissan Altima S" style="background-image: url('/assets/stock/ColorMatched/Transparent/320/cc_2023NIC04_03_320/cc_2023NIC040060_03_320_QAK.png'); padding-top: 50%; background-position: 50px;" class="img-background img-cover"></div>
</div>
</div>
</div>
</div>
<div class="thumb-slide">
<div class="thumb-card">
<div class="thumb-title pad-left-1x pad-top-1x">
<h3 class="h4 margin-x">SR</h3>
</div>
<div class="flex-align-items-end">
<div class="flex-40 pad-left-1x pad-bottom-1x">
<p class="margin-x">$29,430
<br>MSRP</p>
</div>
<div class="flex-60 trimThumnail">
<div role="img" aria-label="2024 Nissan Altima SV" style="background-image: url('/assets/stock/ColorMatched/Transparent/320/cc_2023NIC04_03_320/cc_2023NIC040022_03_320_QAB.png'); padding-top: 50%; background-position: 50px;" class="img-background img-cover"></div>
</div>
</div>
</div>
</div>
<div class="thumb-slide">
<div class="thumb-card">
<div class="thumb-title pad-left-1x pad-top-1x">
<h3 class="h4 margin-x">SL</h3>
</div>
<div class="flex-align-items-end">
<div class="flex-40 pad-left-1x pad-bottom-1x">
<p class="margin-x">$33,930
<br>MSRP</p>
</div>
<div class="flex-60 trimThumnail">
<div role="img" aria-label="2024 Nissan Altima SR" style="background-image: url('/assets/stock/ColorMatched/Transparent/320/cc_2023NIC04_03_320/cc_2023NIC040048_03_320_QAB.png'); padding-top: 50%; background-position: 50px;" class="img-background img-cover"></div>
</div>
</div>
</div>
</div>
</div>
<div class="slider-for">
<div class="thumb-show">
<div class="row pad-top-4x flex-align-items-end">
<div class="col-md-4">
<h2 class="heading-lg text-inherit margin-x">
<span class="vehicleYear hidden">2024</span>
<span class="vehicleMake hidden">Nissan</span>
<span class="vehicleModel">Altima</span>
<sup class="vehicleReg">®</sup>
<span>SV</span>
</h2>
<p class="h4 margin-vert-2x text-muted text-inherit">Starting MSRP $28,030 <a data-target="#disclaimer148" data-toggle="modal" data-dotagging-product-name="Website|Custom Content" data-dotagging-link-url="" data-dotagging-element-type="body" data-dotagging-event-action-result="calc" data-dotagging-element-subtype="hyperlink" data-dotagging-event="cta_interaction" class="disclaimer text-default">*</a></p>
<p class="h4 text-inherit">Key Standard Features:</p>
<ul class="margin-bottom-2x">
<li>Electronic parking brake</li>
<li>Active Brake Limited Slip</li>
<li>NissanConnect® 12.3" color display with multi-touch control <a data-target="#disclaimer1189" data-toggle="modal" data-dotagging-product-name="Website|Custom Content" data-dotagging-link-url="" data-dotagging-element-type="body" data-dotagging-event-action-result="calc" data-dotagging-element-subtype="hyperlink" data-dotagging-event="cta_interaction" class="disclaimer text-default">[*]</a></li>
</ul>
<p class="colorName h5 text-inherit"></p>
<div class="colorSelectTabDisplay">
<div class="exteriorColor">
<ul class="list-inline colorSelect colorExterior">
<li>
<div aria-label="Select Exterior Color: Scarlet Ember Tintcoat" data-disclaimer="Extra cost option." title="Select Exterior Color: Scarlet Ember Tintcoat" data-type="Exterior" data-color="AWD-SV-Scarlet-Ember-Tintcoat" style="background: url('/static/brand-nissan/misc/2023-altima/color-swatch/Scarlet-Ember-Tintcoat.png') no-repeat bottom center;" class="colorSelector active"></div>
</li>
<li>
<div aria-label="Select Exterior Color: Garrnet Pearl Metallic" data-disclaimer="" title="Select Exterior Color: Garrnet Pearl Metallic" data-type="Exterior" data-color="AWD-SV-Garnet-Pearl-Metallic" style="background: url('/static/brand-nissan/misc/2023-altima/color-swatch/Garrnet-Pearl-Metallic.png') no-repeat bottom center;" class="colorSelector"></div>
</li>
<li>
<div aria-label="Select Exterior Color: Super Black" data-disclaimer="" title="Select Exterior Color: Super Black" data-type="Exterior" data-color="AWD-SV-Super-Black" style="background: url('/static/brand-nissan/misc/2023-altima/color-swatch/Super-Black.png') no-repeat bottom center;" class="colorSelector"></div>
</li>
<li>
<div aria-label="Select Exterior Color: Gun Metallic" data-disclaimer="" title="Select Exterior Color: Gun Metallic" data-type="Exterior" data-color="AWD-SV-Gun-Metallic" style="background: url('/static/brand-nissan/misc/2023-altima/color-swatch/Gun-Metallic.png') no-repeat bottom center;" class="colorSelector"></div>
</li>
<li>
<div aria-label="Select Exterior Color: Brilliant Silver Metallic" data-disclaimer="" title="Select Exterior Color: Brilliant Silver Metallic" data-type="Exterior" data-color="AWD-SV-Brilliant-Silver-Metallic" style="background: url('/static/brand-nissan/misc/2023-altima/color-swatch/Brilliant-Silver-Metallic.png') no-repeat bottom center;" class="colorSelector"></div>
</li>
<li>
<div aria-label="Select Exterior Color: Pearl White TriCoat" data-disclaimer="Extra cost option." title="Select Exterior Color: Pearl White TriCoat" data-type="Exterior" data-color="AWD-SV-Pearl-White-TriCoat" style="background: url('/static/brand-nissan/misc/2023-altima/color-swatch/Pearl-White-TriCoat.png') no-repeat bottom center;" class="colorSelector"></div>
</li>
</ul>
</div>
</div>
<p><small>Please see the actual vehicle and colors at your local Nissan dealer. <a data-target="#disclaimer26" data-toggle="modal" data-dotagging-product-name="Website|Custom Content" data-dotagging-link-url="" data-dotagging-element-type="body" data-dotagging-event-action-result="calc" data-dotagging-element-subtype="hyperlink" data-dotagging-event="cta_interaction" class="disclaimer text-default">[*]</a></small></p>
</div>
<div class="col-md-8">
<div class="containerSwipe">
<div class="img-container">
<div class="img360">
<div role="img" aria-label="" title="" style="padding-top: 45%;" class="img360slide img-background img-cover carRotateImage"></div>
</div>
<div class="swipeInfo text-center">
<span class="small text-uppercase">
<i aria-label="Swipe Left" class="fa fa-long-arrow-left"></i> Swipe to Spin <i aria-label="Swipe Right" class="fa fa-long-arrow-right"></i>
</span>
</div>
</div>
<div class="preload-imgs"></div>
</div>
</div>
</div>
</div>
<div class="thumb-show">
<div class="row pad-top-4x flex-align-items-end">
<div class="col-md-4">
<h2 class="heading-lg text-inherit margin-x">
<span class="vehicleYear hidden">2024</span>
<span class="vehicleMake hidden">Nissan</span>
<span class="vehicleModel">Altima</span>
<sup class="vehicleReg">®</sup>
<span>SR</span>
</h2>
<p class="h4 margin-vert-2x text-muted text-inherit">Starting MSRP $29,430 <a data-target="#disclaimer148" data-toggle="modal" data-dotagging-product-name="Website|Custom Content" data-dotagging-link-url="" data-dotagging-element-type="body" data-dotagging-event-action-result="calc" data-dotagging-element-subtype="hyperlink" data-dotagging-event="cta_interaction" class="disclaimer text-default">*</a></p>
<p class="h4 text-inherit">Key Standard Features:</p>
<ul class="margin-bottom-2x">
<li>Electronic parking brake</li>
<li>Active Brake Limited Slip</li>
<li>Paddle shifters with manual shift mode</li>
</ul>
<p class="colorName h5 text-inherit"></p>
<div class="colorSelectTabDisplay">
<div class="exteriorColor">
<ul class="list-inline colorSelect colorExterior">
<li>
<div aria-label="Select Exterior Color: Scarlet Ember Tintcoat" data-disclaimer="Extra cost option." title="Select Exterior Color: Scarlet Ember Tintcoat" data-type="Exterior" data-color="AWD-SR-Scarlet-Ember-Tintcoat" style="background: url('/static/brand-nissan/misc/2023-altima/color-swatch/Scarlet-Ember-Tintcoat.png') no-repeat bottom center;" class="colorSelector active"></div>
</li>
<li>
<div aria-label="Select Exterior Color: Deep Blue Pearl" data-disclaimer="" title="Select Exterior Color: Deep Blue Pearl" data-type="Exterior" data-color="AWD-SR-Deep-Blue-Pearl" style="background: url('/static/brand-nissan/misc/2023-altima/color-swatch/Deep-Blue-Pearl.png') no-repeat bottom center;" class=" colorSelector"></div>
</li>
<li>
<div aria-label="Select Exterior Color: Super Black" data-disclaimer="" title="Select Exterior Color: Super Black" data-type="Exterior" data-color="AWD-SR-Super-Black" style="background: url('/static/brand-nissan/misc/2023-altima/color-swatch/Super-Black.png') no-repeat bottom center;" class="colorSelector"></div>
</li>
<li>
<div aria-label="Select Exterior Color: Gray Sky Pearl" data-disclaimer="Extra cost option." title="Select Exterior Color: Gray Sky Pearl" data-type="Exterior" data-color="AWD-SR-Gray-Sky-Pearl" style="background: url('/static/brand-nissan/misc/2023-altima/color-swatch/Gray-Sky-Pearl.png') no-repeat bottom center;" class="colorSelector"></div>
</li>
<li>
<div aria-label="Select Exterior Color: Gun Metallic" data-disclaimer="" title="Select Exterior Color: Gun Metallic" data-type="Exterior" data-color="AWD-SR-Gun-Metallic" style="background: url('/static/brand-nissan/misc/2023-altima/color-swatch/Gun-Metallic.png') no-repeat bottom center;" class="colorSelector"></div>
</li>
<li>
<div aria-label="Select Exterior Color: Brilliant Silver Metallic" data-disclaimer="" title="Select Exterior Color: Brilliant Silver Metallic" data-type="Exterior" data-color="AWD-SR-Brilliant-Silver-Metallic" style="background: url('/static/brand-nissan/misc/2023-altima/color-swatch/Brilliant-Silver-Metallic.png') no-repeat bottom center;" class="colorSelector"></div>
</li>
<li>
<div aria-label="Select Exterior Color: Pearl White TriCoat" data-disclaimer="Extra cost option." title="Select Exterior Color: Pearl White TriCoat" data-type="Exterior" data-color="AWD-SR-Pearl-White-TriCoat" style="background: url('/static/brand-nissan/misc/2023-altima/color-swatch/Pearl-White-TriCoat.png') no-repeat bottom center;" class="colorSelector"></div>
</li>
</ul>
</div>
</div>
<p><small>Please see the actual vehicle and colors at your local Nissan dealer. <a data-target="#disclaimer26" data-toggle="modal" data-dotagging-product-name="Website|Custom Content" data-dotagging-link-url="" data-dotagging-element-type="body" data-dotagging-event-action-result="calc" data-dotagging-element-subtype="hyperlink" data-dotagging-event="cta_interaction" class="disclaimer text-default">[*]</a></small></p>
</div>
<div class="col-md-8">
<div class="containerSwipe">
<div class="img-container">
<div class="img360">
<div role="img" aria-label="" title="" style="padding-top: 45%;" class="img360slide img-background img-cover carRotateImage"></div>
</div>
<div class="swipeInfo text-center">
<span class="small text-uppercase">
<i aria-label="Swipe Left" class="fa fa-long-arrow-left"></i> Swipe to Spin <i aria-label="Swipe Right" class="fa fa-long-arrow-right"></i>
</span>
</div>
</div>
<div class="preload-imgs"></div>
</div>
</div>
</div>
</div>
<div class="thumb-show">
<div class="row pad-top-4x flex-align-items-end">
<div class="col-md-4">
<h2 class="heading-lg text-inherit margin-x">
<span class="vehicleYear hidden">2024</span>
<span class="vehicleMake hidden">Nissan</span>
<span class="vehicleModel">Altima</span>
<sup class="vehicleReg">®</sup>
<span>SL</span>
</h2>
<p class="h4 margin-vert-2x text-muted text-inherit">Starting MSRP $33,930 <a data-target="#disclaimer148" data-toggle="modal" data-dotagging-product-name="Website|Custom Content" data-dotagging-link-url="" data-dotagging-element-type="body" data-dotagging-event-action-result="calc" data-dotagging-element-subtype="hyperlink" data-dotagging-event="cta_interaction" class="disclaimer text-default">*</a></p>
<p class="h4 text-inherit">Key Standard Features:</p>
<ul class="margin-bottom-2x">
<li>19" Machine-finished aluminum-alloy wheels</li>
<li>Acoustic laminated glass</li>
<li>Leather-appointed seats</li>
</ul>
<p class="colorName h5 text-inherit"></p>
<div class="colorSelectTabDisplay">
<div class="exteriorColor">
<ul class="list-inline colorSelect colorExterior">
<li>
<div aria-label="Select Exterior Color: Scarlet Ember Tintcoat" data-disclaimer="Extra cost option." title="Select Exterior Color: Scarlet Ember Tintcoat" data-type="Exterior" data-color="AWD-SL-Scarlet-Ember-Tintcoat" style="background: url('/static/brand-nissan/misc/2023-altima/color-swatch/Scarlet-Ember-Tintcoat.png') no-repeat bottom center;" class="colorSelector active"></div>
</li>
<li>
<div aria-label="Select Exterior Color: Garrnet Pearl Metallic" data-disclaimer="" title="Select Exterior Color: Garrnet Pearl Metallic" data-type="Exterior" data-color="AWD-SL-Garnet-Pearl-Metallic" style="background: url('/static/brand-nissan/misc/2023-altima/color-swatch/Garrnet-Pearl-Metallic.png') no-repeat bottom center;" class="colorSelector"></div>
</li>
<li>
<div aria-label="Select Exterior Color: Super Black" data-disclaimer="" title="Select Exterior Color: Super Black" data-type="Exterior" data-color="AWD-SL-Super-Black" style="background: url('/static/brand-nissan/misc/2023-altima/color-swatch/Super-Black.png') no-repeat bottom center;" class="colorSelector"></div>
</li>
<li>
<div aria-label="Select Exterior Color: Gun Metallic" data-disclaimer="" title="Select Exterior Color: Gun Metallic" data-type="Exterior" data-color="AWD-SL-Gun-Metallic" style="background: url('/static/brand-nissan/misc/2023-altima/color-swatch/Gun-Metallic.png') no-repeat bottom center;" class="colorSelector"></div>
</li>
<li>
<div aria-label="Select Exterior Color: Brilliant Silver Metallic" data-disclaimer="" title="Select Exterior Color: Brilliant Silver Metallic" data-type="Exterior" data-color="AWD-SL-Brilliant-Silver-Metallic" style="background: url('/static/brand-nissan/misc/2023-altima/color-swatch/Brilliant-Silver-Metallic.png') no-repeat bottom center;" class="colorSelector"></div>
</li>
<li>
<div aria-label="Select Exterior Color: Pearl White TriCoat" data-disclaimer="Extra cost option." title="Select Exterior Color: Pearl White TriCoat" data-type="Exterior" data-color="AWD-SL-Pearl-White-TriCoat" style="background: url('/static/brand-nissan/misc/2023-altima/color-swatch/Pearl-White-TriCoat.png') no-repeat bottom center;" class="colorSelector"></div>
</li>
</ul>
</div>
</div>
<p><small>Please see the actual vehicle and colors at your local Nissan dealer. <a data-target="#disclaimer26" data-toggle="modal" data-dotagging-product-name="Website|Custom Content" data-dotagging-link-url="" data-dotagging-element-type="body" data-dotagging-event-action-result="calc" data-dotagging-element-subtype="hyperlink" data-dotagging-event="cta_interaction" class="disclaimer text-default">[*]</a></small></p>
</div>
<div class="col-md-8">
<div class="containerSwipe">
<div class="img-container">
<div class="img360">
<div role="img" aria-label="" title="" style="padding-top: 45%;" class="img360slide img-background img-cover carRotateImage"></div>
</div>
<div class="swipeInfo text-center">
<span class="small text-uppercase">
<i aria-label="Swipe Left" class="fa fa-long-arrow-left"></i> Swipe to Spin <i aria-label="Swipe Right" class="fa fa-long-arrow-right"></i>
</span>
</div>
</div>
<div class="preload-imgs"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

Head Script

Custom Code > Head Script

	
<link rel="stylesheet" type="text/css" href="/assets/shared/CustomHTMLFiles/Responsive/ColorSelect/Nissan/2024-colorSelect-Styles.css"/>
<link rel="stylesheet" type="text/css" href="/assets/shared/CustomHTMLFiles/Compliance/slick/slick.min.css">
<link rel="stylesheet" type="text/css" href="/assets/shared/CustomHTMLFiles/Compliance/slick/slick-theme.min.css">

Body Bottom Script

Custom Code > Body Bottom Script

	
<script src="/assets/shared/CustomHTMLFiles/Responsive/ColorSelect/touchSwipe.min.js" type="text/javascript" defer></script>
<script src="/assets/shared/CustomHTMLFiles/Compliance/slick/slick.min.js"></script>
<script src="/assets/shared/CustomHTMLFiles/Responsive/ColorSelect/Nissan/2024-colorSelect.js"></script>

Related cases