Create Dynamic Slideshow with 4 images in the same row

Ask the community
,
1

Hi, I am having an issue and I need some help I have a Database “Products” with a list of products, in the single product page, I would like to show the slider with the 4 images in a slideshow. I follow this amazing article https://www.wix.com/corvid/example/dynamic-slideshow the issue is that in this article they explain how to create a dynamic slideshow and each image is in a different ID/row.
But in my database, I have 4 images in the same row, anyone can help me by changing the code and making it work on the same line? The ID of the pictures are: productSlider1,productSlider2,productSlider3,productSlider4.

Thanks. :grinning:

2306×422 47.9 KB

2

Hello.

If you wish to return the pictures in a single array you can use the code below:

function getProductImagesFromDatabase() {

		let images = [];

		wixData.query('products').find().then((res) => {

			images = res.items[0].productSlider1;

			images.push({

				"src": res.items[0].productSlider2

			});

			images.push({

				"src": res.items[0].productSlider3

			});

			images.push({

				"src": res.items[0].productSlider4

			});

		});

	

		return images;

	}

Note that this differs from the slideshow example since these are specific fields while the slideshow returned whole items.

Good luck!

3

Hi Sam, thank you for your help, however, I am unable to follow your code.
If you follow this example code https://www.wix.com/corvid/example/dynamic-slideshow

It looks like first need to declare the ID/Name of the slideshow, second need to declare the ID/Name of the database, in your case you only declare the database name but no the slideshow ID/Name.

I have tried to combine your code with the example one but don’t work, will be possible to double-check and provide me the full code?
Thanks buddy.