How to gallery product dynamic in my vue storefront
Hello guys
I have to gallery product images like this https://docs.storefrontui.io/v2/vue/blocks/Gallery.html i have to add this gallery product in my project
in that how can i do that and i want dynamic
Gallery | Storefront UI
The Gallery presents a visually appealing and user-friendly collection of images that can be conveniently viewed and navigated.
![No description](https://cdn.answeroverflow.com/1151802906501201961/image.png)
17 Replies
Hi @altamash000 π ,
if you check the code of a gallery you will see static links to images like this
![No description](https://cdn.answeroverflow.com/1151803544706498620/image.png)
you need to replace this static array with dynamic images
Where you get the images will depend on your project.
![No description](https://cdn.answeroverflow.com/1151804561942659072/image.png)
![No description](https://cdn.answeroverflow.com/1151804562349498408/image.png)
![No description](https://cdn.answeroverflow.com/1151804562756337676/image.png)
i shared all code file can you please check
is this code from a boilerplate?
![No description](https://cdn.answeroverflow.com/1151805010154364970/image.png)
no i think
you need to find where this product gallery is coming from and replace the images in it.
![No description](https://cdn.answeroverflow.com/1151805437776248922/image.png)
its coming from here
![No description](https://cdn.answeroverflow.com/1151805823308271626/image.png)
and here
![No description](https://cdn.answeroverflow.com/1151805973606973570/image.png)
Hello?
yes, we get busy π
In that composable, you see how the product is passed in? There are images within that product object. you need to replace the product with your dynamic products
if it possible can share my screen on anydesk?π
This afternoon we could have a short call.
I'll write you a dm if that's okay
yes thank you so much