How to change Products per row in desktop version

Store Design
, ,
1

I’ve seen other sites that also use the “Prestige” theme and its collection page can show 2 products in a row. But I didn’t find where I could change it.

Even I asked the support team of Prestige. But they still said that can not be changed.

Anyone can help me with this?

2

Hi @TEN2 ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file → Save

I checked the theme Prestige and I see an option to change the items per row on the desktop mode. you can re-check

PageFlyOliver_1-1703153152772.png
PageFlyOliver_1-1703153152772.png3272×1910 691 KB

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

3

Thanks, Oliver

I think we are talking about the different “Prestige” themes.

But thanks anyway.

1703153465656.jpg
1703153465656.jpg1000×503 45.7 KB

4

Can you share the URL so I can check it?

5

Sure.

ten2.com.au

6

@TEN2 please add this code to your theme’s CSS file.

@media screen and (min-width: 700px){
.collection .product-list[collection-desktop-layout=large] {
    --product-list-items-per-row: 2 !important;
}
}
7

Many thanks for this. It works. :grin: