Increase Product Collection Column Amount

[unadiamond]

Hi there!

I’d like to achieve two things on this page:

1. Increase the amount of columns on this product page from 2 → 3, and

2. Remove the “free” price underneath each image tile

Here’s the URL: https://www.unadiamond.com/collections/

Thank you so much!

[BSSCommerce-B2B]

Hi @unadiamond ,

If you want to achieve two things on this page, you can try my instructions:

1. Increase the amount of columns on this product page from 2 → 3:

• Please navigate to Online store => Themes => Customize.

- Collections Pages => Product Grid => Change the Products per row on desktop from 2 to 3 and Save this set up:

2. Remove the “free” price underneath each image tile:

- Please navigate to Online store => Themes => Edit code

- Search for the file theme.css. And add this code snippet to the end of the file.

.product-item__price {
    display: none !important;
}

• Save and reload the page.

Or You can use our App to hide price on each where as you want (collections page/ home page/ Product page/ Search page…).

B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.

You can find it by

https://apps.shopify.com/login-to-access-pages?locale=fr&utm_source=shopify-community&utm_medium=reply&utm_campaign=community

I hope these instructions will help you. If they are helpful, please give us likes and mark as the solution.

Have a nice day sir!

[unadiamond]

Thank you!

This theme doesn’t have that product per row option, please see below:

So it’ll have to be a CSS / liquid file change. Is that something you can assist with?

The price CSS worked perfectly, thank you!