From the course: Figma: Designing with Variables and Conditionals
Unlock the full course today
Join today to access over 23,400 courses taught by industry experts.
Adding quantities to the cart - Figma Tutorial
From the course: Figma: Designing with Variables and Conditionals
Adding quantities to the cart
- [Instructor] Once we've added at least one product to the cart from one of the six product screens, we're able to manage the number of bottles for each product through a simple set of controls aligned with each listed item. We'll first handle the ability to add quantities to the cart by setting new data values for a product quantity and adjust the cart total as appropriate. Just like before, we'll want to do this for all six products. Select the Delicate list item, and within that list item, you'll find this little plus button. Sometimes it's easier to do things from the layers panel to make sure you have the exact instance you want selected. Plus button. We'll want to set two variables here on tap. So for interactions under the prototype workspace, we'll click the plus button and add an ONTAP action. From here we'll set a variable, which is going to take the number of delicate, so num_delicate and add one to it. So num delicate equals num_delicate + 1. We also need to increase the…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
(Locked)
Assigning variables to text elements5m 2s
-
(Locked)
Prototyping with conditional logic6m 45s
-
(Locked)
Developing a reset function2m
-
(Locked)
Controlling visibility with Booleans5m 23s
-
(Locked)
Adding products to the cart6m 50s
-
(Locked)
Adding quantities to the cart3m 31s
-
(Locked)
Removing quantities in the cart8m 56s
-
(Locked)
-