Make Featured Collection Block a Carousel

Shopify Discussion

Topic summary

A user running the Responsive theme on Shopify wants to convert their Featured Collection block from a static grid display into a carousel/slider format.

Current Situation:

  • Products currently display in a static grid layout
  • The theme doesn’t appear to have a built-in carousel option

Proposed Solution:
A developer suggests implementing Swiper JS, a JavaScript library commonly used for creating sliders and carousels. The implementation would require:

  • Adding specific CSS classes to the featured-products code file in the theme code editor
  • Integrating the Swiper JS library into the theme
  • Custom code modifications since the theme lacks native carousel functionality

The developer indicates the implementation isn’t overly complex and offers to provide assistance via email if needed.

Summarized with AI on November 4. AI used: claude-sonnet-4-5-20250929.
1

Hi!

I currently use the Responsive theme and would love some help on making the Featured Collection block products present as a carousel. Right now they are just static / on a grid. Would love a slider on them!

Any help would be appreciated! :slightly_smiling_face:

For reference, the page I’d love help on is www.shoprecital.com/pages/holiday

Thanks! :slightly_smiling_face:

2

Hi @recitalnicole if your theme does not provide an option to display it as slider/carousel you will probably need to make code changes.

One js library I use for this stuff is swiper js and I would also suggest you the same. You can open the swiper js documentation on how to integrate it. It’s not that tough. You just need to add specific classes to your featured-products code file in your theme code editor.

Please reach out via mail for a convenient conversation if you need any assistance with implementing this.

Thanks

Shadab