Data passed from dynamic page to lightbox return always the first page data

Ask the community
,
1

Hi, everyone,

I have an item dynamic page that has 4 buttons, each opens a different lightbox with some content related to the button’s label (a video in the example bellow). The current code for this functionality is this:

--------------------BUTTONS CODE---------------------
export function button2_click(event) {
    let dataObj = { "url": $w('#dynamicDataset').getCurrentItem().definicao }
    wixWindow.openLightbox("Definição de sinal", dataObj.url);
} 

export function button3_click(event) {
    let dataObj = { "url": $w('#dynamicDataset').getCurrentItem().exemploUso }
    wixWindow.openLightbox("Exemplo de uso", dataObj.url);
}

export function button4_click(event) {
    let dataObj = { "url": $w('#dynamicDataset').getCurrentItem().variacaoSinal }
    wixWindow.openLightbox("Variacao", dataObj.url);
}

export function button1_click(event) {
 let dataObj = { 
 "configDireita": $w('#dynamicDataset').getCurrentItem().configDireita,
 "configEsquerda": $w('#dynamicDataset').getCurrentItem().configEsquerc,
 "locacao": $w('#dynamicDataset').getCurrentItem().localizacao,
 "signwriting": $w('#dynamicDataset').getCurrentItem().signWriting }
    wixWindow.openLightbox("Configuracoes sinal", dataObj);
}

---------LIGHTBOX CODE (for button 2, but the other look like this, but adapted for each situation-----------------
$w.onReady(function () {
 // Write your JavaScript here
 let receiveData = wixWindow.lightbox.getContext();

 if (!receiveData) {
        $w('#videoPlayer1').collapse();
    } else {
        $w('#videoPlayer1').src = receiveData;
    }
});

The problem is: in preview mode, everything works fine, the lightboxes show the proper content based on the item I’m in, but in live mode the lightboxes show just the first data passed to them, ignoring “other versions” of the dynamic page.

To test this, you can:
(1) Go here: www. golibras. com .br/categorias-2/ufpa and click on any of the buttons bellow the youtube videos. This will take you to the dynamic page I’m talking;
(2) Click on any of the buttons next to the youtube video. You’ll see each of them opens a lightbox with a video or some information;
(3) Now go back to the page linked on step 1 using the “back” button of your browser and click on a different button. This will take you to that same dynamic page, but with some different content;
(4) Check the lightboxes againt and you’ll see that the data that was passed is the same as you saw in step 2 (it shouldn’t be, you can check this by going to step 1 again and repeat the process starting from a different “version” of the dynamic page).

Please, I have no idea how to solve this. I already read a lot of posts and also the Lightbox API, but neither could help.