Hello! We would like to hide the pricing for two certain collections in our store, specifically the product cards in the search results. I have shared a screen shot to show what we’d like to hide. We are using the Ella theme. Any help would be greatly appreciated!
We would like to hide the prices for the collection named Johnson and the collection named Villagio
Website: goldenstatefloors.com
One option would be to duplicate the template that each of these collections is using and then go into the customizer and hide the price for that template using CSS. Then you can go back into each collection and apply the new template.
Duplicate template:
On the duplicated template, add custom CSS:
.card-price {
display: none;
}
Then go to Products > Collections - select the collections you want this new template to be applied to and change it from the dropdown on the right sidebar.
Hope that helps!
Thanks so much for the response! Is there a way to make a certain collection handle’s price be hidden? For example, something like:
{% if.collection.handle == “johnson-villaggio”%}
.card-price { display: none; }
{% end.if %}
Or something like that? If so what would it be and where would I be able to place it?
I created the extra template and applied the products I want the price hidden for but for some reason those products are still showing prices on their product cards in the search results.
Thanks!
