Streaming live at 10am (PST)

Using text to navigate slider


#1

Hi, My client wants to have something on their website that is like Fitbit where you click a listing in the text and it changes the image.

https://www.fitbit.com/charge3

See the sections:
" Reveal more about your health and your heart"
" Track way more than steps "

If you bring it down to mobile, you can see it’s a slider.

Is something like this possible in Webflow?


Here is my public share link: LINK
(how to access public share link)


#2

Another example: http://www.gsd.harvard.edu/


Show & hide elements on click interactive with CMS collection
#3

You can do this using interactions.

You can hide the desktop version on mobile and display a slider instead.


#4

Thank you @samliew! Which interaction do you think would be best for desktop?


#5

Hi again,

What do you think about using a tab approach:
https://preview.webflow.com/preview/clear-ballot-redesign?utm_source=clear-ballot-redesign&preview=87d0132db4cad9ee49625cae46bcdade

I’m trying to use the CMS to populate the images and text by having 3 fields for each “feature”
http://clear-ballot-redesign.webflow.io/products/aut-est

But I want it to look like the Fitbit example where the text navigation is to the right on desktop and image to the left. And on mobile, collapse the the text under the images