Changing a carousel slider into featured collection display

Topic summary

A developer is trying to convert a carousel slider back to a static grid display for featured collections on a Shopify store using the Flow theme. The site currently shows products in a carousel format, but the client wants a traditional grid layout instead.

Key Technical Details:

  • The carousel code appears to be in the collection--featured-collection.liquid file
  • References to ‘splide’ slider library found in the code
  • The ‘Featured Collection’ section has been modified from its default behavior

Troubleshooting Steps Taken:

  • Confirmed the correct section type is selected in the theme editor
  • Attempted to remove HTML code from the section without success
  • Shared preview link for diagnosis

Current Status:

  • The issue remains unresolved
  • A support member has compared the modified theme against a fresh Flow theme installation and identified code differences
  • Requested theme files or store access to implement necessary code changes
  • Two YouTube tutorial links were shared by another user showing how to add collection sliders (though the goal is the opposite)
Summarized with AI on October 29. AI used: claude-sonnet-4-5-20250929.

Hello,

I’m currently working on a client’s site, and it seems that the featured collections sections have been changed to carousels. I can’t seem to remove and replace the code to make it a static featured collection again.

Here is the site in question: https://archi-v.myshopify.com/

On the attached screen, the carousel as it is now,

and as I would like it to be.

Thanks in advance for your help! :slightly_smiling_face:

Hugo

Hi @Ogap31

Thanks for the question on Shopify Community and welcome.

To understand this clearly, can you share the theme name and if possible kindly share the code of section of theme file to check and to provide a solution after doing significant changes on JS or section files.

Thanks

Hello, and thank you for your answer!

The theme used is: Flow

I think the code snippet is in the collection–featured-collection.liquid folder:

The code is in the collection–featured-collection.liquid folder:


<I don’t know if you’ve heard of it, but I’m sure you’ve heard of it.
<I don’t know if I’ve ever heard of a splide.
{% assign offsetvalue = 0 %}
{% for product in collection.products limit: product_limit %}
<{% assign offsetvalue = 0 %} {% for product in collection.products limit: product_limit %}

Thank in advance for your help

Hi @Ogap31

I have checked on Shopify Flow theme and found a section already available what you want to implement on your client’s store. Have you tried ‘Featured Collection’.

Kindly let me know if that solves your issue.

Thanks

Hi @Sheesh_b

The problem is that the featured collection has been turned into a carousel slider. As you can see, the section chosen is indeed “featured collection” but the display is not the right one.

Thank you for your help !

Hi @Ogap31

It looks like the section code is modified. Can you try removing the HTML code seen in the image shared above?

Due to modification, the slider enables, and grid type isn’t working.

Can you share theme in any case to check the modified code correctly?

Hi @Sheesh_b

I removed the HTML code from the section, but it didn’t change anything.

Here is the preview of the theme before deploying it.

https://r8pzk7202o8rqbs7-57142640806.shopifypreview.com

Thank for you help

Hi @Ogap31

I compared the fresh theme and your theme code on preview link. We can fix it as we have to do some code changes.

Anyhow, can you send me your theme files.

You can click on Actions > Download theme file and use a secure medium to share the file or you can share only theme access to your store to be able to do changes.

Thanks

Here is the way to add a collection slider:

Here is the new update for adding custom featured collection slider in your store.