How to create dynamic lightboxes

Add paragraph text. Click “Edit Text” to customize this theme across your site. You can update and reuse text themes.

Add paragraph text. Click “Edit Text” to customize this theme across your site. You can update and reuse text themes.

//THIS IS PAGE CODE


import wixWindow from 'wix-window';

$w.onReady(function () {
    $w("#myRepeater").onItemReady(($item, itemData, index) => {
        $item("#myButton").onClick((event) => {
            const data = {
                image: itemData.image,
                color: itemData.color
            };
            wixWindow.openLightbox("Dynamic Lightbox", data);
        });
    });
});




//THIS IS LIGHTBOX CODE


import wixWindow from 'wix-window';
$w.onReady(function () {
    const receivedData = wixWindow.lightbox.getContext();
    const image = receivedData.image;
    const color = receivedData.color;
    $w("#myImage").src = image;
    $w("#myText").text = color;
});