Changing a carousel slider into featured collection display

Changing a carousel slider into featured collection display

Ogap31
Shopify Partner
15 0 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

 

and as I would like it to be.

 

Ogap31_1-1665484276493.png

 

 

Thanks in advance for your help! 🙂

Hugo

 

Replies 8 (8)

Sheesh_b
Shopify Partner
522 116 120

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

 

We're here to simplify website creation for those looking to establish a strong online presence. Book a meeting slot if you want to discuss. It's FREE. BOOK NOW | Try Shopify for $1 for 3 Months: Shopify Trial | Shopify Web Store Developer |
LIKE or mark as ACCEPTED SOLUTION
Ogap31
Shopify Partner
15 0 1

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:

 

<div class="grid-uniform homepage-product-grid-wrapper">

The code is in the collection--featured-collection.liquid folder: <div class="splide splide-{{section.id}}">
<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 

Sheesh_b
Shopify Partner
522 116 120

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

 

Kindly let me know if that solves your issue.

 

Thanks

We're here to simplify website creation for those looking to establish a strong online presence. Book a meeting slot if you want to discuss. It's FREE. BOOK NOW | Try Shopify for $1 for 3 Months: Shopify Trial | Shopify Web Store Developer |
LIKE or mark as ACCEPTED SOLUTION
Ogap31
Shopify Partner
15 0 1

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

 

Thank you for your help !

Sheesh_b
Shopify Partner
522 116 120

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?

We're here to simplify website creation for those looking to establish a strong online presence. Book a meeting slot if you want to discuss. It's FREE. BOOK NOW | Try Shopify for $1 for 3 Months: Shopify Trial | Shopify Web Store Developer |
LIKE or mark as ACCEPTED SOLUTION
Ogap31
Shopify Partner
15 0 1

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

Sheesh_b
Shopify Partner
522 116 120

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

We're here to simplify website creation for those looking to establish a strong online presence. Book a meeting slot if you want to discuss. It's FREE. BOOK NOW | Try Shopify for $1 for 3 Months: Shopify Trial | Shopify Web Store Developer |
LIKE or mark as ACCEPTED SOLUTION

MRamzan
Shopify Partner
339 3 35

Here is the way to add a collection slider:

 

Hire Me:

WhatsApp: +91-9145985880
Email: mohdramzaan112@gmail.com
Skype: mohdramzaan112