Calling dynamic content from outsider Dynamic Lists

[moofawsaw (Kyle Underhill)]

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!

https://share.viewedit.com/S5Qg2D4Dxnany3xhLdYTR2

https://preview.webflow.com/preview/kyle-s-amazing-site-wohoo?preview=801bcc083f3b810f3109fa29d51ed741

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

[samliew (webflowexpert.com)]

@moofawsaw

how do I get the dynamic content from the Home Grid onto the Home Modal sidebar?

Custom code perhaps?

http://svg-collection.webflow.io

http://fonts.webflow.io

[moofawsaw (Kyle Underhill)]

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-title').text($(this).find('.item-title').text());
    $('#preview-image').css('background-image', 'url("'+src+'")');
    $('#preview-tags').text($(this).find('.item-tags').text());
    $('#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.