Shopify themes, liquid, logos, and UX
We are using the stiletto theme for our Shopify store. My customers are complaining (they skew older demographic) that the home page "featured collection slider" section on mobile version is hard to navigate/shop because there are no dots or arrows indicating that they can swipe for more products (like they do for multiple images on product page for mobile. Mobile version of the featured collection slider is misleading. Moreover, the theme only lets 1 or two columns...so when I choose two, there are some extra text from the third product peeking from the mobile page..which customers have said is visually distracting from the experience...which I can somewhat agree.
Most of the time themes use some kind of libraries for the slider feature. First you need to find out, which slider your theme is using then just type the library name and your problem in google. You'll definitely get some suggestions.
How do I figure out which type of slider my theme is using? Can you advice?
Swiper slider
ok thank you, now i'm that I have the information, it's slightly confusing which liquid pages I need to implement, and which codes are necessary for this specific section (featured collection)
There is no direct solution for this, first you need to find where the swiper slider code is written, then after only you able to modify it.
the code is kind of similar -
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025