How to alter product row count to 5 in Prestige theme?

Store Design
1

How can I change the products per row to 5 in the prestige theme? It only allows a maximum of 4.

1 Like
2

@MST65912

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

3

Thank you, the url is:

https://aestheticblendd.com/collections/stainless-steel-chains

1 Like
4

@MST65912

thanks for store url please add this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
    this code apply for after 5 - 6 second
@media screen and (min-width: 1140px) {
.ProductList.ProductList--grid .\31\/4--desk, .ProductList.ProductList--grid .\33\/12--desk {
    width: 20%;
}
}
1 Like
5

I tried it, but the maximum products per row is still at 4.

6

I tried it, but the maximum products per row is still at 4.

7

hello @MST65912

please Go to Online Store->Theme->Edit code
Asset->/theme.css ->paste below code at the bottom of the file. see screenshort http://prnt.sc/13gxaip

@media screen and (min-width: 1024px) {
 .template-collection .CollectionInner__Products .ProductListWrapper  .ProductList    .Grid__Cell {
         width: 20% !important;
}
}
8

@MST65912

please add again and see view

@media screen and (min-width: 1140px) {
.ProductList.ProductList--grid .\31\/4--desk, .ProductList.ProductList--grid .\33\/12--desk {
    width: 20%;
}
}

KetanKumar_0-1622114622976.png
KetanKumar_0-1622114622976.png1920×1080 352 KB

1 Like
9

@KetanKumar This works! But the total products on a page remains to be multiple of 4. Any way to change it so it’s multiple of 5?