SfCarousel and bullet point
Hi folks, in my view I really need bullet point for carousel but SfCarousel dosen't support it. My solution it was clone componet (from node_module of course) and paste bullet navigation (as glide js documentation). In this way I going to import ever my custom carousel based on the original one.
Is it the best solution to have bullet point?
Thanks
Thanks
3 Replies
Hi @espoge π , If you works, use it. π I'll ask our experts on this what they think and get back to you.
Hey @espoge yes, that would be the most straightforward solution.
Though if you've using yarn or pnpm I'd try to check out yarn patch (https://yarnpkg.com/cli/patch) or pnpm patch (https://pnpm.io/cli/patch) features that allow to to create "patches" for the files from the package (that way you'll get possibility to still upgrade the carousel component if it gets updated in the package).
Also, I'd like to say that because of the issues with customizability like the one you've described we've created new version of StorefrontUI - SFUI2.
In SFUI2 all of the components are fully customizable (like Scrollable https://docs.storefrontui.io/v2/vue/components/scrollable.html), their logic is extracted as a composables (like useScrollable https://docs.storefrontui.io/v2/vue/hooks/useScrollable.html) and advanced use-cases are published within our docs as code examples (aka blocks). I believe your case is handled by "Product Gallery with bullets" example here - https://docs.storefrontui.io/v2/vue/blocks/Gallery.html#product-gallery-with-bullets
ok thanks @jakfrs