Imagine you can build your own website using drag-drop elements. Nowadays, it’s pretty common thinking but if I say you can also do dynamic content pop in your drag-drop website with just simple steps. Then it’s a new thing huh!!??

So let’s start.

We will take Wix as your drag-drop builder.

Main Page scripts

import wixData from 'wix-data';
import wixWindow from 'wix-window';

$w.onReady(function () {
        .then((results) => {
            $w(`#repeater1`).data = results.items;
        .catch((err) => {
            let errorMsg = err;

    $w(`#repeater1`).onItemReady(($w, itemData) => {
        // console.log(itemData);
        // $w(`#button1`).label = itemData.title;
            wixWindow.openLightbox('product-lightbox', itemData);	

Lightbox scripts

import wixWindow from 'wix-window';

$w.onReady(function () {
	let dataFromTableRow = wixWindow.lightbox.getContext();
	// console.log(dataFromTableRow.price);	
	$w('#text49').text =;
	$w("#text36").text = dataFromTableRow.price.toString();
	$w("#text50").html = dataFromTableRow.description.toString();	
	$w("#image4").src = dataFromTableRow.mainMedia;
Do you like Ashiqur Rahman's articles? Follow on social!
Comments to: Wix Hacks

Your email address will not be published. Required fields are marked *

Attach images - Only PNG, JPG, JPEG and GIF are supported.


Welcome to rDevs

Brief and amiable onboarding is the first thing a new user sees in the theme.
Join rDevs

start writing