Motion: Change the 'collection switcher' product view from a slider to a normal grid

Hello all,

This is my first post on the Shopify Community forum. I am using the Motion theme for my e-commerce store and I am trying to edit the theme’s ‘Collection Switcher’ so that the products show in a grid that you can scroll down, instead of the default slider view.

So something like this:

As oppose to this (which is the default view in motion for the Collection switcher):

I have tried to edit the theme/ section myself using lines of code found in other sections that use a normal grid but I only made things worse (and had to revert back to the original lines of code before making the mistakes permanent)

Any help would be appreciated!

@KetanKumar I saw that you helped someone with a similar request before. Maybe you are able to help here too?

As additional info for the above post:

There is a collection page setting that shows the collections in the grid that I would like (as per my post above), however the only option to switch/filter between products is a filter button. Here is a picture from my site with a red box for the filter button that I want to replace with a heading type filter/switcher:

Screenshot of Collection page section on my motion theme website:

What I would like is to have this kind of grid with a header like the one below, which I was able to get right on the collection switcher settings (with a bit of additional code). However, as per my post above, the collection switcher only comes with an image slider option and not a grid layout/view. Here is a picture from my site with a green underline for the heading that I want, which switches/filters between the collections and a red underline showing that it is a image slider, which I don’t want:

Screenshot of Collection switcher section on my motion theme website:

So I essentially want to achieve a combination of these two - the header filter as per the collection switcher, but with the grid layout as per the collection page.

Can someone help with this?

@madebyhoop

yes, its my pleasure to help us all thing i will check and update