Streaming live at 10am (PST)

Calling dynamic content from outsider Dynamic Lists

Hey guys,

Check out the video below. I have a 4 quadrant grid with each quandrant having it’s own dynamic list. As you can see I created an interaction where if you click the div block a sidebar opens (class=Home Modal). This sidebar is a sibling of the grid with the dynamic content and is using flexbox in order to keep dimensions.

My question is, how do I get the dynamic content from the Home Grid onto the Home Modal sidebar?

Thanks for the help!

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

Custom code perhaps?

That looks like exactly what I’m looking for. Any idea how to hook this up to the CMS? I pulled the code into a codepen but I can’t seem to figure out how I’m going to hook this into my current setup…

Here is your code:

 $('#collection').on('click', '.item', function() {
    var src = $(this).find('img').attr('src');
    $('#preview-image').css('background-image', 'url("'+src+'")');
    $('#preview-dl').attr({ 'href': src, 'download': 'download' });
    return false;

Where in the JS would I swap my items?

Each of the Placeholder images is tied into a CMS Cllection with a lot of other information that I want to populate in the Home Modal.

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