2 questions about Prestige Theme collection list

jelmerovermars
Excursionist
14 0 5

Hi All,

 

I got 2 questions about the collection list on my webshop (prestige theme)

https://shop.mediterranean-trees.com/collections

 

First: Is it possible to make the collection blocks smaller? It took a lot of scrolling to see all the collections. I would like to put 4 collection blocks on 1 row, or just make the images smaller.

Second: Is it possible to change the order of collections? They are now sorted alphabetically, is it possible to custom order them?

 

Looking forward to your replies!

0 Likes
JHKCreate
Shopify Partner
2009 326 439

Hello,

Add the following code to here theme.scss.liquid file:

@_media screen and (min-width: 641px)
{
.CollectionList.CollectionList--grid.CollectionList--spaced { 
width: 70%; margin: auto; /* Adjust As Needed To Control Width */
}
}

As for question #2, What order are you looking at?

Thanks 

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
jelmerovermars
Excursionist
14 0 5

Thank you for your quick reply. Really appreceate it! 

Where to exactly place the code? When I place it at the bottom of the theme sccs code, it does not work

 

I would like to have the same order at the collection list as at he dropdown menu of the collections, so like this:

jelmerovermars_0-1612259632053.png

 

0 Likes
JHKCreate
Shopify Partner
2009 326 439

Try this code instead, where you placed it is correct:

@_media screen and (min-width: 641px)
{
.CollectionList.CollectionList--grid.CollectionList--spaced { 
width: 70%;!important 
margin: auto;!important /* Adjust As Needed To Control Width */
}
}
- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
0 Likes
jelmerovermars
Excursionist
14 0 5

Still doens't work. It does this:

Knipsel.JPG

 

 

0 Likes
jelmerovermars
Excursionist
14 0 5

Hi, 

The collection list is good now! Changed some margins in the theme scss!

Can you help me to change the order of the collection list?

0 Likes