Shopify themes, liquid, logos, and UX
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/
Solved! Go to the solution
This is an accepted solution.
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;
}
Hi @chels_grove
Kindly try the below code.
{% if collection.handle == "service-parts" %}
{% style %} .grid-product__price { display: none !important; } {% endstyle %}
{% endif %}
This is an accepted solution.
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;
}
That worked! Thanks.
Hi @KetanKumar I have the same issue, but your code is not working for me. Can you help?
oh sorry for that issue can you please send store url so i will check and let you know
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!
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
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?
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
Hi @Sheesh_b , unfortunately placing it above the /head value in theme.liquid did not remove the prices
Hi @Lukas23
Can you share the website link again to check as above link isn't working.
Thanks
Sheesh B
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 %}
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024