change product gallery
Hello @rohrig
how change product gallery horizontal to verticla
like this https://docs.storefrontui.io/v2/vue/blocks/Gallery.html
Gallery | Storefront UI
The Gallery presents a visually appealing and user-friendly collection of images that can be conveniently viewed and navigated.
16 Replies
@skirianov how can i do that
Hi 👋 It is vertical. Isn't that what you want 🤔
@rohrig
i want same like this https://docs.storefrontui.io/v2/vue/blocks/Gallery.html on product images
Gallery | Storefront UI
The Gallery presents a visually appealing and user-friendly collection of images that can be conveniently viewed and navigated.
you can copy the code there:
@rohrig
but its static i have to put images in the code right
i want dynamic images
You need to fetch the images and . . .
this is your product gallery code right
I'm not sure if you're not mixing two things. I recall you're using a VSF2 project. Is that correct?
Is it a Nuxt 2 Application you have with Storefront UI 1?
@rohrig how can i check
the package.json
check the version of nuxt
and the version of storefrontui
@rohrig i think its VSF2 project
okay, so the doc you linked above is for SFUI2, which is not compatible here. You need to be looking at: https://docs.storefrontui.io/v1/?path=/story/welcome--page
@rohrig check this
@rohrig i think I'm using right
@rohrig how can i do
If the standard component doesn't fit your needs you'll need to create a custom component.
Here are some resources:
https://madewithvuejs.com/blog/top-vue-js-slider-components
https://v2.vuejs.org/
https://v2.nuxt.com/
https://docs.vuestorefront.io/v2/
https://docs.storefrontui.io/v1/?path=/story/welcome--page
Top Vue.js Carousel & Slideshow Components 2023 - Made with Vue.js
Needing to build carousels have caused me some of the most painful moments of my freelance career. I have probably seen every version of them that designers can think of.So, before you use a carousel: Have you checked ? 🙃No, but seriously: If you...
Vue.js
Vue.js - The Progressive JavaScript Framework
Nuxt 2
The Intuitive Vue Framework
Build your Vue 2 application with confidence using Nuxt 2. An open source framework making web development simple and powerful.
Vue Storefront 2
Vue Storefront 2 documentation