Hide Product Price on Collection Template

[chels_grove]

Hi,

I tried some of the solutions in the community but couldn't find one that worked. I want to hide prices on the Services Parts collection template in Symmetry theme. Could I get help? Something along the lines of: 

{% if template.name == "collection.service-parts" %} 
{% style %}
.grid-product__price {
    display: none !important;
}
  {% endstyle %}
{% endif %}

https://time-bicycles-america.myshopify.com/ 

[Sheesh_b]

Hi @chels_grove 

Kindly try the below code.

  {% if collection.handle == "service-parts" %}
   {% style %} .grid-product__price { display: none !important; }  {% endstyle %}
  {% endif %}

[chels_grove]

That one didn’t seem to work, surprisingly!

[KetanKumar · Accepted solution]

@chels_grove 

oh sorry for that issue can you try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.

#shopify-section-template--15783231422655__main-collection .grid-product__price {
    display: none;
}

[chels_grove]

That worked! Thanks.

[LaseMakers]

Hi @KetanKumar I have the same issue, but your code is not working for me. Can you help?

[KetanKumar]

@LaseMakers 

oh sorry for that issue can you please send store url so i will check and let you know 

[Lukas23]

Hi @KetanKumar I have a similar issue, I want to hide the prices from this collection: https://shop.graduprint.de/collections/shop
However, I cannot locate the "theme.css" file in Symmetry. Only .js and .liquid

Thanks for your help!

[Sheesh_b]

Hi @Lukas23 

You can add the below CSS to styles.css to fix the issue

#shopify-section-template--16084328251660__main .product-price {
	display: none !important;
	opacity: 0;
}

Thanks

Sheesh B

[Lukas23]

Hi @Sheesh_b thanks for the helpful answer! We have implemented this and it worked until the last update.

Symmetry no longer has a "styles.css" file - do you have any advice where to place the code now?

[Sheesh_b]

Hi @Lukas23 

You can find the css file maybe named style.css or style.css.liquid.

If that's not the case paste below code in theme.liquid just before </head> closing tag.

<style>
#shopify-section-template--16084328251660__main .product-price {
	display: none !important;
	opacity: 0;
}
</style>

Thanks

Sheesh B

[Lukas23]

Hi @Sheesh_b , unfortunately placing it above the /head value in theme.liquid did not remove the prices

[Sheesh_b]

Hi @Lukas23 

Can you share the website link again to check as above link isn't working.

Thanks

Sheesh B

[Savior]

Hello @chels_grove 

Add below code in theme.liquid above </body>

{% if collection.handle contains 'service-parts' %}

<style>

.grid-product__price { display: none; }

</style>

{% endif %}