Page Comparison

Info

Version 1.0 - May 04, 2021 [new checkout layout]
Invision - https://dfoglobal.invisionapp.com/share/2610PW59EMH4
NAS File Path - DFO CM Van FC > Video & Photo > Product Marketing > 1 - GOLDENSTANDARD > May 2021 > Blast Auxiliary Desktop Ultra AC Ultra > Creative Assets > Checkout > 05.2021 Golden Standard

Tip

Current Page Version

Design Notes (For Design Team)

On desktop - the new layout is horizontal
On desktop - when the customer clicks the “Order Now” button, the page autoscrolls to the payment section.
On mobile - the checkout progress bar is hovering and clickable
On mobile - make sure the navigation is clickable, meaning the page will scroll to the section that user selects on navigation.
On desktop and mobile, when users make a unit selection, make sure the quantity on the order summary matches with the units selected.
On desktop and mobile, once the user clicks "EDIT", the page will either go back to the unit selection on mobile, or scroll up to the unit selection part

Feature Notes (For Dev/QA Team)

On desktop - the new layout is horizontal
On desktop - when the customer clicks the “Order Now” button, the page autoscrolls to the payment section.
On mobile - the checkout progress bar is hovering and clickable
On mobile - make sure the navigation is clickable, meaning the page will scroll to the section that user selects on navigation.
On desktop and mobile, when users make a unit selection, make sure the quantity on the order summary matches with the units selected.
On desktop and mobile, once the user clicks "EDIT", the page will either go back to the unit selection on mobile, or scroll up to the unit selection part

Versions Compared