Streaming live at 10am (PST)

Use Ajax to load collection page into hidden div


#1

I’ve been asked to replicate the functionality on this page (click grid thumbnail, reveal hidden div):
https://268generation.com/passion2018/#leaders

I currently have a grid (collection list - performers) pulling thumbnail images and names from the CMS (dummy content for now). I have interactions set to reveal the hidden div and a link block set to scroll the page up to an anchor ID. Right now the hidden div content is pulling content from the CMS, but only for one performer. So the same content is displayed no matter which thumbnail you click.

22 PM

What I want to achieve is to click on a thumbnail and load its respective collection page into the hidden div using Ajax. I don’t know much about Ajax so I don’t know where to begin to implement this idea. I’m also unsure of how to set each button in the grid to a unique URL for its respective collection page to load. I do have a link field for each performer set to their collection page URL.

This is my current share link:
https://preview.webflow.com/preview/she-fest?preview=cc6f072a1f69b2b64296b5060cee8188

And my current live link:
http://she-fest.webflow.io/

I’m very appreciative of any advice or guidance you guys could give me on this. I have searched for answers on the forum and this particular thread looked promising but there was no share link and I couldn’t see how it was set up.

@bart, could you take a look at my page and offer any help? Or is there another way to set this up so that when you click a thumbnail image, it switches the content in the hidden div to the appropriate performer?


#2

I second this I am trying to figure out the exact same problem