Hide Price, Add to Cart, Buy Buttons in Masonry Theme

Store Design
,
1

Hi, how do I use css to hide price, add to cart and buy buttons on specific collections.

2

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

3

https://nikoafrica.com/ I want to hide price, add to cart and buy buttons on jewellery and outerwear collection.

4

Hello @ErnestKN
Please share your website URL.

5

https://nikoafrica.com/ I want to hide price, add to cart and buy buttons on jewellery and outerwear collection.

6

Hello @ErnestKN

I would like to give you a solution to support you:

  1. Go to Online Store-> Theme-> Edit code
  2. Open your theme.liquid theme file
  3. Paste the below code before :
.productoptions.spaced-row { display: none !important; } span.price { display: none !important; }
7

Hello @MandasaTech that hides for all collections. I want to hide it on specific collections not site wide.

8

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find product grid and paste this at the bottom of the file:
{% if collection.handle == 'jackets' %}

{% endif %}
9

Thank @ZestardTech , the price is still showing on the individual products in the jackets collection e.g. https://nikoafrica.com/collections/jackets/products/ladies-field-jacket.

I have tried to add
.product-info .pricearea {display: none !important;}
span.price.theme-money {display: none !important;}

but it hasn’t worked.