Hide Product Price on Collection Template

Store Design
1

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/

2

Hi @chels_grove

Kindly try the below code.

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

That one didn’t seem to work, surprisingly!

1 Like
4

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

Hello @chels_grove

Add below code in theme.liquid above

{% if collection.handle contains ‘service-parts’ %}

.grid-product__price { display: none; }

{% endif %}

1 Like
6

That worked! Thanks.

7

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

1 Like
8

@LaseMakers

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

9

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!

10

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

2 Likes
11

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?

12

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 closing tag.

Thanks

Sheesh B

13

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

14

Hi @Lukas23

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

Thanks

Sheesh B