Hi!
First of all, thank you for your time looking my question.
I would like to create a collection slider for mobile. I see some websites have this feature but I’ve searching past two days everywhere including Google,Youtube, Shopify Forum but no results.
Example pictures;
Hopefully the pictures are clear what I would like. Can someone help me how to do that?
Thanks a lot!
That is an advanced customization whose implementation would also vary wildly between themes.
You need to massively narrow the scope of the ask or problem such as already having a slide library picked out or a reference theme, etc etc.
One approach is to just see which free themes have a similar component then try to transplant it between themes.
Hi @PaulNewton ,
Thank you for your response. I’ve just changed my theme with Impulse and It seems like they don’t have it. My previous theme was Dawn and it didnt have either.
Basically, I would like to create a slider for my collections as is seen in the picture. Also, you can see the picture sizes are small round. I’d like it that way. I realized it’s made with ‘’ flickity codes ‘’ but I don’t know where to or how to start.
Thank you for your time!
You’d have to look through all the themes to see if any current ones have something suitable to transplant. Sometimes it’s just not called a slider sometimes it’s called a logo list, brand gallery, vendor badges, etc.
The roundness is just a style you’d apply to the image display.
That that site is using the flickity library is a bit irrelevant if you don’t know how to code in the first place it will be a steep learning curve. Basically you’d output the collections in a list with images , there’s an example code in the partners liquid examples page:
https://shopify.github.io/liquid-code-examples/example/collection-list
Then apply whatever conventions the chosen slider library requires.
Also see the logolist for a settings based section
https://shopify.github.io/liquid-code-examples/example/logo-list
If you just need it built you can reach out to a designer in the experts directory https://experts.shopify.com.
Or you can contact me to get it built, via info in my sig; Please provide context: post url, store name, themes, issue description, etc .
Here is the solution for adding a collection slider with circular design:
Added a latest collections slider section to add in our shopify store without using any App.
