FR: [v2-applications-carousel]

[mollyaljenkins]

Context/Description

As a user I want to be able to view examples of all applications that the VNR can be used for in order to understand the full variety of the product.

Acceptance Criteria

User AC:

Desktop:

• [ ] As the User scrolls down the selected application changes to the right
• [ ] As the User scrolls up the selected application changes to the left
• [ ] Image aspect ratio is 16:9

Mobile - Vertical:

• [ ] As the User scrolls down the selected application changes to the right
• [ ] As the User scrolls up the selected application changes to the left
• [ ] One application card can be fully visible at a time with spillover of the next card
• [ ] The carousel does not loop
• [ ] Image aspect ratio is 3:4

Mobile - Landscape:

• [ ] As the User scrolls down they will view one static image that doesn't have any movement

Both:

• [ ] As the selected applications change, the corresponding photo is displayed below the application cards
• [ ] Each of the following applications are displayed
• Food and Beverage
• Less-than-truckload
• Flat Bed
• Container
• Bulk Hauling

Editor AC:

• [ ] Content editors can copy and paste the V2 Applications Carousel block from the Sidekick Library.
• [ ] Content editors can use the block on any page.

Non-functional AC:

• [ ] Images are full width
• [ ] The image zooms out as the application block is scrolled through, there are two images available for each application for this functionality
• [ ] The maximum number of images will be 6, and minimum will be 3
• [ ] The images and icons are not clickable
• [ ] A new V2 Applications Carousel block is made in the Sidekick Library

Out of scope

No response

Note

Volvo Block V2 Media Gallery https://www.volvotrucks.us/trucks/all-new-vnl/#interior Mack: V2 Truck Features (anthem trucks page)

Technical details

Interaction Example: https://www.apple.com/apple-intelligence/

Attachment / link to Figma

Desktop: https://www.figma.com/design/o2edu5d5GtAvZLYQAJ20zj/VNR%3A-PDP-%26-Modals?node-id=1500-19267&t=0Vm08V54VAS8iKvB-1 https://www.figma.com/proto/o2edu5d5GtAvZLYQAJ20zj/VNR%3A-PDP-%26-Modals?node-id=1573-15555&node-type=frame&t=2bFju7KU5X5lSBB5-1&scaling=min-zoom&content-scaling=fixed&page-id=1043%3A8293&starting-point-node-id=1573%3A15555&show-proto-sidebar=1

Mobile: https://www.figma.com/design/o2edu5d5GtAvZLYQAJ20zj/VNR%3A-PDP-%26-Modals?node-id=1500-19283&t=0Vm08V54VAS8iKvB-1

[mollyaljenkins]

Questions:

• Maximum and minimum number of cards - Mix of 3, Max of 6
• Are the card clickable - No
• Will the mobile swipe be vertical or horizontal for scrolling behaviour - vertical to mimic the same effect as desktop, unless the device is on landscape view then it will just present 1 static image with no movement.

[ZoeBeykirch]

Questions are answered and ticket is updated to reflect this new information!