Changing a carousel slider into featured collection display

Technical Q&A
1

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,

Ogap31_0-1665484239689.png
Ogap31_0-1665484239689.png1837×784 145 KB

and as I would like it to be.

Ogap31_1-1665484276493.png
Ogap31_1-1665484276493.png1803×564 140 KB

Thanks in advance for your help! :slightly_smiling_face:

Hugo

2

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

3

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

4

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’.

Sheesh_b_0-1665487024811.png
Sheesh_b_0-1665487024811.png1911×947 246 KB

Kindly let me know if that solves your issue.

Thanks

5

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.

Ogap31_0-1665487455303.png
Ogap31_0-1665487455303.png2496×1270 447 KB

Thank you for your help !

6

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?

7

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

8

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

9

Here is the way to add a collection slider:

10

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