Image Across Component Needs Popup Modal Capabilities

[lesliekirk]

Customer has a real need to be able to easily create and rearrange an photo gallery. The Image Across Component would be fantastic if it had the ability to link to a popup. Instead, a lengthly how-to will need to be written so that the code can be edited...

[lesliekirk]

I'm thinking we are going to need a forum just for these types of questions. I downloaded the mmx-image-across Image Across Flex Component file. So not knowing what I don't know I started peeking into the files. It looks like I need the mmx-hero Hero Flex Component file too. But again, not knowing what I don't know. Is there any way to add the data-lightbox="photos" or even just get the image to open in a new window right now?

On this page (link removed page has changed) I have both - a Bootstrap Lightbox and the Image Across Flex Components. If you click around you will figure out which is which. Using the Image Across Flex Component is amazingly fast and easy to create this photo gallery. Is it ALMOST exactly what the store owner wants. IF it had the Lightbox module this would be golden.

[Brennan]

You will need to download the component file, extract it make the necessary changes to the instance template (HTML) and add the Lightbox JS to get it to display how you want it.

[lesliekirk]

You will need to download the component file, extract it make the necessary changes to the instance template (HTML) and add the Lightbox JS to get it to display how you want it.

I understand downloading the component file (I've done that). I do not understand where to put the changes and what if the Template Page already has the Lightbox JS?

[lesliekirk]

In the Lightbox script I'm using is requires that data-lightbox="photos" be added to the a tag. The only location I have found for rendering the a tag is in the MMX / HERO scripts.js file. I added it to the

render() {
return /*html*/`
<a

It shows up in the generated code but doesn't trigger the Lightbox (which does work for the hardcoded images on the page).