...
Rules:
For the Desktop, we should show the arrows buttons but hide them on tablet/mobile
All the content should be inside the carousel
The logic for the buttons:
“Add” button:
Single item modal: adds 1 free item and closes the modal
Carrossel Carousel modal: adds 1 free item and moves to the next page
“Add” button:
Disabled and his text will be changed to: “Added to Order” (localized text)
“Not Now”:
Button text will be changed to: “You can remove this item later at checkout” (localized text)
“Close” button
The text will be changed to “Save and Exit” (localized text)
Obs: these items will be made on the page that the user was on before clicking on the “add” button
“Not Now” button:
Single item modal: closes the modal without adding an item
Carrossel Carousel modal: pass to the next page without adding the item
If the user is on the last page: close the modal without adding the last item, what was added before remains added, and what was not added will be available on the cart section
“Close” button (will be visible only if we have more than 1 item/carrouselcarousel):
Closes the modal: what was added before remains added, and what was not added will be available on the cart section
...