How do I remove price from collections page?

RMTPerformance
Excursionist
30 0 4

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

RMTPerformance_0-1709489646124.png

 

Replies 14 (14)

sakinur-rahman
Shopify Partner
125 16 19

Hi @RMTPerformance 

 

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.

 

 

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications -

Your Coffee Tip and my code, A perfect blend. ❤️ Buy Me A Coffee


Website: HelloSakin.com
RMTPerformance
Excursionist
30 0 4

This did not work unfortunately.

sakinur-rahman
Shopify Partner
125 16 19

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

 

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications -

Your Coffee Tip and my code, A perfect blend. ❤️ Buy Me A Coffee


Website: HelloSakin.com

deepaksharma
Shopify Partner
443 61 90

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 CodeScreenshot 2024-03-04 003026.png

Screenshot 2024-03-04 003051.png

Step 3: Find the base.css

Screenshot 2024-03-04 003137.png

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.

Deepak Sharma || Shopify Developer || Helping eCommerce Stores
- Was my reply helpful? Accept it as solution
- Was your question answered? Mark it as an Accepted Solution.
-CHAT ON WHATSAPP | BUY ME A COFFEE | MAIL ME: ds2305187@gmail.com

ZestardTech
Shopify Expert
5393 971 1292

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;
}

 

ZestardTech_0-1709531148634.png

ZestardTech_1-1709531166444.png

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
RMTPerformance
Excursionist
30 0 4

This works for all products.

RMTPerformance
Excursionist
30 0 4

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

deepaksharma
Shopify Partner
443 61 90

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.

 

Deepak Sharma || Shopify Developer || Helping eCommerce Stores
- Was my reply helpful? Accept it as solution
- Was your question answered? Mark it as an Accepted Solution.
-CHAT ON WHATSAPP | BUY ME A COFFEE | MAIL ME: ds2305187@gmail.com
RMTPerformance
Excursionist
30 0 4

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.

 

RMTPerformance_0-1709546091924.png


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

deepaksharma
Shopify Partner
443 61 90

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.

 

Deepak Sharma || Shopify Developer || Helping eCommerce Stores
- Was my reply helpful? Accept it as solution
- Was your question answered? Mark it as an Accepted Solution.
-CHAT ON WHATSAPP | BUY ME A COFFEE | MAIL ME: ds2305187@gmail.com
RMTPerformance
Excursionist
30 0 4

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
Shopify Partner
443 61 90

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

Deepak Sharma || Shopify Developer || Helping eCommerce Stores
- Was my reply helpful? Accept it as solution
- Was your question answered? Mark it as an Accepted Solution.
-CHAT ON WHATSAPP | BUY ME A COFFEE | MAIL ME: ds2305187@gmail.com
RMTPerformance
Excursionist
30 0 4

No problem, the same issue is still happening however.

deepaksharma
Shopify Partner
443 61 90

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

Deepak Sharma || Shopify Developer || Helping eCommerce Stores
- Was my reply helpful? Accept it as solution
- Was your question answered? Mark it as an Accepted Solution.
-CHAT ON WHATSAPP | BUY ME A COFFEE | MAIL ME: ds2305187@gmail.com