#Trying to make a favorited screen

16 messages · Page 1 of 1 (latest)

ebon dune
#

Once users like a painting, it will then take them to a new screen which will show the favorited painting. I know I have to use variables but I don’t know how and I keep on going around in circles. Can someone please help me?

#

I don’t know if this should be in general or interactive component, so sorry

sand grove
#

Hey @ebon dune ! Yes, variables can help with this! You would likely need to make a component set of all the possible paintings and then use an instance of one of them and tie that to a variable that you change

#

I have some educational files about variable interactions that might help understanding it a bit more:

https://www.figma.com/community/file/1263566887761836189/changing-text-with-chips-with-variables

https://www.figma.com/community/file/1260004860370274328/tab-interactions-with-variables -- for this one, under the use cases tab you can see this part that has a popup come up with content depending on which click me button was clicked [see img below]

I have 2 others also, but these must be most relevant

image.png
ebon dune
#

In total I should have 24 paintings. How do I make the favorited screen have the favorited paintings stay there? Say for example the user favorited two things, those things then get put onto the favorites screen and the user can go back and forth between the home page, profile and favorited screen and still see the original two favorited content @sand grove

sand grove
#

I would put all the 24 paintings on that page already

#

But i would create 24 boolean variables (one for each) where each are false

#

And tie them to the their layer visibility

#

So at the layer, you see it says 100% and an eye icon? Right click the eye icon after u made the booleans and it should show you the booleans

#

Tie each img to the right boolean variable

#

While doing this you will see them disappearing

#

Then where you fan favorite them, do an on click interaction where you set the boolean associated w that image to true

ebon dune
sand grove
#

you dont need any plugins for this

sand grove