Hide Product Price on Collection Template

Solved

Hide Product Price on Collection Template

chels_grove
Shopify Partner
68 0 20

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/ 

Accepted Solution (1)
KetanKumar
Shopify Partner
36938 3642 12000

This is an 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;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 13 (13)

Sheesh_b
Shopify Partner
516 113 117

Hi @chels_grove 

Kindly try the below code.

  {% if collection.handle == "service-parts" %}
   {% style %} .grid-product__price { display: none !important; }  {% endstyle %}
  {% endif %}
We're here to simplify website creation for those looking to establish a strong online presence. Book a meeting slot if you want to discuss. It's FREE. BOOK NOW | Try Shopify for $1 for 3 Months: Shopify Trial | Shopify Web Store Developer |
LIKE or mark as ACCEPTED SOLUTION
chels_grove
Shopify Partner
68 0 20
That one didn’t seem to work, surprisingly!
KetanKumar
Shopify Partner
36938 3642 12000

This is an 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;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
chels_grove
Shopify Partner
68 0 20

That worked! Thanks.

LaseMakers
Shopify Partner
101 1 28

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

KetanKumar
Shopify Partner
36938 3642 12000

@LaseMakers 

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Lukas23
New Member
4 0 0

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
Shopify Partner
516 113 117

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

We're here to simplify website creation for those looking to establish a strong online presence. Book a meeting slot if you want to discuss. It's FREE. BOOK NOW | Try Shopify for $1 for 3 Months: Shopify Trial | Shopify Web Store Developer |
LIKE or mark as ACCEPTED SOLUTION
Lukas23
New Member
4 0 0

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
Shopify Partner
516 113 117

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

We're here to simplify website creation for those looking to establish a strong online presence. Book a meeting slot if you want to discuss. It's FREE. BOOK NOW | Try Shopify for $1 for 3 Months: Shopify Trial | Shopify Web Store Developer |
LIKE or mark as ACCEPTED SOLUTION
Lukas23
New Member
4 0 0

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

Sheesh_b
Shopify Partner
516 113 117

Hi @Lukas23 

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

 

Thanks

Sheesh B

We're here to simplify website creation for those looking to establish a strong online presence. Book a meeting slot if you want to discuss. It's FREE. BOOK NOW | Try Shopify for $1 for 3 Months: Shopify Trial | Shopify Web Store Developer |
LIKE or mark as ACCEPTED SOLUTION
Savior
Shopify Partner
537 108 161

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

banned