How do I remove price from collections page?

[Reinhart]

Hello,

How do I remove the price from the collections page?

I have these Brabus products which require consultations and would like to remove the ‘£0.00’

URL is https://rmtperformance.com/

Thanks in advance

[sakinur-rahman]

Hi @Reinhart

You can try this code by following these steps:

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

Step 2: Search file base.css

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

.collection .price {
display: none !important;
}

Thank you.

[deepaksharma]

Hey there

You can achieve this from the theme code edit only. You will have to comment out the price

Or Simply paste this code in you base.css

Step1: Go to your Shopify Online Store

Step2: Edit Code

Step 3: Find the base.css

Step 4: Open the base.css file.

Step 5: Paste the code above and save.

.price {
    display: none !important;
}

Note: If this not work past the code in the component-card.css file, if these step not works you can contact me freely. If this helps please give me an upvote.

[Reinhart]

This did not work unfortunately.

[sakinur-rahman]

Send me a message at DM and add me as a staff.

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the Top of the file:

.collection .price {
display: none !important;
}

[Reinhart]

This works for all products.

[Reinhart]

Would you know how to do this, only for Brabus products?

[deepaksharma]

Hey there RMTPerformance,

Hope you are doing well

I understand you want to hide the pricing for specific product only
you can customise the above code by modifying little bit

{% if item.variant.product.title contains 'Brabus' %}
      .collection .price {
         display: none !important;
       }
    {% endif %}

here whenever product title contains the word brabus their price will not be shown.

Please inform if this doesn’t work.

[Reinhart]

Based on the code I could see how this would work, however this is not the case unfortunately.

Maybe it should be variant.collection title? Since ALL Brabus products are inside a Collection list named ‘Brabus’ ? - Tried this it did not work.

Also the code removed all images from the collections.

Preview - https://t8i97xr1xekfn52p-80586113371.shopifypreview.com

[deepaksharma]

Little bit correction remove .collection from the code.

{% if item.variant.product.title contains 'Brabus' %}
      .collection .price {
         display: none !important;
       }
    {% endif %}

It should look like this and try again, let me know if this don’t work.

[Reinhart]

Unfortunately this did not work. It hides all product prices, and images.

The products in this collection list are all grouped into the collection ‘Featured Products’
This is then featured on the homepage.

So maybe it has to be assigned to when it detects ‘Brabus’ with it being with so many different variants of product, in the same collection list.

[deepaksharma]

I am so sorry I mistakenly gave you the same code again

{% if item.variant.product.title contains 'Brabus' %}
      .price {
         display: none !important;
       }
    {% endif %}

Try this again sorry for the mistake

[Reinhart]

No problem, the same issue is still happening however.

[deepaksharma]

Can we chat on DM if you don’t mind?