All things Shopify and commerce
How can I Remove the Prices on collections. Im using the Enterprise theme. Ive already removed prices on the product page but how do I do this on collection pages as well. https://stereomaxelectronics.com/collections/jensen-stereos
Solved! Go to the solution
This is an accepted solution.
- Here is the solution for you @AndrewG123
- Please follow these steps:
- Then find the theme.liquid file.
- Then add the following code at the before tag </head> and press 'Save' to save it.
<style>
.main-products-grid__results .price.price--top {
display: none !important;
}
</style>
- Here is the result you will achieve:
- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase
Post purchase upsell, downsell offers to improve sales and AOV
Salemate Post Purchase Upsell
This is an accepted solution.
- Here is the solution for you @AndrewG123
- Please follow these steps:
- Then find the theme.liquid file.
- Then add the following code at the before tag </head> and press 'Save' to save it.
<style>
.main-products-grid__results .price.price--top {
display: none !important;
}
</style>
- Here is the result you will achieve:
- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase
Post purchase upsell, downsell offers to improve sales and AOV
Salemate Post Purchase Upsell
Thank You this worked. But one more question. If in the future I did want to add Prices to a specific collection how would I add it back to that collection only?
Option 1:
{% if collection.handle == 'handle name' %}
<style>
.main-products-grid__results .price.price--top {
display: block !important;
}
</style>
{% endif %}
Option 2:
{% if collection.id == 999999 %}
<style>
.main-products-grid__results .price.price--top {
display: block !important;
}
</style>
{% endif %}
Two options you can you @AndrewG123
- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase
Post purchase upsell, downsell offers to improve sales and AOV
Salemate Post Purchase Upsell
Where would I add this code? The same place?
Yes. Before tag </head> in file theme.liquid
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase
Post purchase upsell, downsell offers to improve sales and AOV
Salemate Post Purchase Upsell
Just making sure I understanding correctly, I'm new to adding code. Say I want to put the price back on the Jensen Stereo collection I linked earlier. I would put this code
{% if collection.handle == 'jensen-stereos' %} <style> .main-products-grid__results .price.price--top { display: block !important; } </style> {% endif %}
under the code you gave me initially? Is that the proper way to put ' handle name' ?Just making sure I'm doing it right so I don't have any problems in the future, thanks.
yes. You did the right thing.
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase
Post purchase upsell, downsell offers to improve sales and AOV
Salemate Post Purchase Upsell
thank you so much.
Glad to help you. Have a good day.
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase
Post purchase upsell, downsell offers to improve sales and AOV
Salemate Post Purchase Upsell
To remove prices on collection pages in the Enterprise theme, navigate to your theme's code editor. Locate the collection-template.liquid file and find the code snippet displaying product prices. Comment out or delete this code. Save your changes, and the prices should no longer appear on the collection pages.
Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024The Hydrogen Visual Editor is now available to merchants in Shopify Editions | Summer '...
By JasonH Sep 2, 2024Note: Customizing your CSS requires some familiarity with CSS and HTML. Before you cust...
By JasonH Aug 12, 2024