Repeater & Hover Interaction on Editor X | Editor X

In this video we will learn how to create Hover Interaction on Repeater in Editor X.
We will connect the Repeater to a database that will display dynamic information in accordance with the existing information in the database.

0:00 What are we going to build
0:50 Elements we will use
1:45 Adding a Repeater and designing it
4:20 Adding Tests Elements
13:27 Adding The Image
16:46 Adding Horizontal Line
17:35 Adding Text Scale
17:52 Adjust Tablet & Mobile Breakpoints
25:02 Connecting Repeater To Database
29:47 Adding Hover Interaction
35:00 Remove Hover Interaction on Mobile
37:27 Final Result

Example site:

Learn more about interactions:

Learn more about Repeaters:

Learn more about databases:

Create it on your own site:

#editorx #repeater #interaction

[bakugan]

Glad to see you back, though a quick suggestion on future content, pickup out great UI/UX website template examples from Dribble for Homepage or landing pages designs and showcase such designs on Editor X, that way we can sped up live practical example of using Editor X for more complex design systems
thanks for everything

[Peteristrate]

Excellent! Thank you.
Can you do love videos about the Wix Store / e-commerce, please?

[catchyusername]

thank you so much for this video, i wish i had seen it before i spent a couple of hours learning to use the velo code to achieve the same text image hover effect (which doesn't work half the time). Do you have any ideas as to how i might be able to play an Iframe or a widget (soundcloud player) inside a repeater??? ideally i'd like to be able to link the track in the data set and have it appear in the repeater

[DarkOverFlowOverflow]

can you do a image product? for example have a page with your images, lets say a square container which has an image from your product, when your mouse hovers over/on it, it shows a text which is the name and then the price