How to create a treatment for Bios

Hi,

I want to create a treatment for a Team Bios, like this one Inside the Studio | McKinney York Architects (click on team) Any suggestion on how to start? Perhaps @Waldo @PixelGeek

Thanks,


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

Are you running it out of a CMS collection?

Hi, yes I have the site in a CMS collection.

Perhaps it’s done like this? How to build a pop-up modal in Webflow | Webflow Blog

Hmmm. I was thinking you wanted the hover effect so I set this up real quick. http://jason-s-fresh-site-c90876.webflow.io/ https://preview.webflow.com/preview/jason-s-fresh-site-c90876?preview=2f0797b9c5192ba2d6e3ac6af36e184d but now I’m wondering if you were asking about something different… poke around and see if that’s what you are looking for.

I used a background photo but you could also use an image element inside the div. Looks like you are talking about a modal, so yeah you are on the right track with that video.

Actually I have that hover effect implemented, but if you click on the person, a modal comes up. That’s what I am trying to do.

Right, so the modal is easy enough using interactions but it’s not going to allow filtering because you are basically inserting two sections dyna list on the the same page. Linking to the Bios template let’s the filtering happen but isn’t the modal effect…or course.

I played around with it a bit and I don’t think it’s currently doable in Webflow. Maybe custom code. Or maybe @Waldo @PixelGeek have an idea that I didn’t think of.

1 Like

Hi there, but what I about if I create the modal and use static content?

That will work for sure. You would just have to create a modal and for each Bio.

Are your Bios (images) going to be on the homepage?

Hi, no they won’t be on the home page. Actually I have not been able to create a modal. Any idea why? here is my preview link https://preview.webflow.com/preview/jaco-desarrollos?preview=5a6d2f30b10d2d967a40c4f711c5377e

The share link didn’t work.

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.