Hotspot 360 View

[mollyaljenkins]

Agile requirement
As a business owner, I want to display the cool technical characteristics of diesel powertrains so that users can learn more about them and as a way of promoting their interest.

Usage on current website: https://www.macktrucks.com/trucks/lr-series/features/, and on another site: https://info.macktrucks.com/futureofmd

Description
Create a Hot Spots Module that follows the design in figma and works in the following way:

Users can have a 360 look of the motor rotating it using a slider

• Slider button on top of the slider bar
• Background colour for slider button

Open question

• Should we have hot spots with and without 360 view
• What priority for this ticket?
• Would the picture be a 3D model or several 2D images
  • 2D would be easier solution, all images pre-loading for ease of control

#147 Existing slider - code to be edited

Add to SRB

Assumption

• Using a fixed amount of 2D images to rotate through, not a 3D image
  • Max 8 images
• Content cards should be closed when use interacts with slider

[shirin27]

Kamino cloned this issue to hlxsites/vg-macktrucks-com