take away price from product

Store Design

Topic summary

A user needed to remove $0.00 pricing displays from their “Our Services” page on a Shopify store using the Studio theme.

Initial Solution:

  • Add CSS code to hide card information by inserting .card-information{display:none !important;} in the theme.liquid file above the </head> tag, wrapped in {% style %} tags.
  • The original suggestion to modify component-card.css wasn’t applicable to the Studio theme.

Extended Request:
The user then asked to remove additional elements from individual product pages:

  • Product price
  • Quantity selector
  • “Pay with Shop” button and other payment options

Final Solution:
Add CSS targeting specific product page elements ([id^="price-template--"], [id^="Quantity-Form-template--"], .product-form__buttons) with display:none !important; in the same theme.liquid location.

Status: Resolved. The user confirmed both solutions worked perfectly for their needs.

Summarized with AI on November 1. AI used: claude-sonnet-4-5-20250929.
1

Hi there, i would like to remove the $0.00 from my “Our Services” page for all of my individual services.

www.globalallureusa.net or https://globalallureusa.net/pages/our-services

Thank you

2

@globalallureusa Thanks for posting the query. You need to add this code in the theme files. For which you need to go to Online Store > Actions (Active theme) > Edit Code > Assets, under assets add the code at the bottom of component-card.css file.

.card-information{
display:none !important;
}
3

I’m currently using the “Studio” theme. Under the assets file I’m unable to find card.css

4

Hi @globalallureusa

I hope you are well. You can follow our instructions below:
1/ Shopify admin > Online store > Edit code
2/ Search for “theme.liquid” file
3/ Open the file and search for tag and add the following code above tag

Here is the code for Step 3:

{% style %}
.card-information{
    display:none !important;
}
{% endstyle %}

If this helpful, please let us know by giving us a like and marking its as a solution. Thanks you :heart_eyes:

5

Amazing! Thank you; if I go into the “Product” how am I able to take away the price, quantity & “pay with shop” tag?

6

https://globalallureusa.net/products/sporting-events-and-concerts

for example I can still see the price, add more than a quantity of 1+ and “Pay with Shop” & more pay options. How am I to get rid of those?

7

Hi @globalallureusa
Do you want to hide the price, quantity, and the “Pay with Shop” tag?

8

Yes if it’s possible to hide or take them away

9

You can follow our instructions below:
1/ Shopify admin > Online store > Edit code
2/ Search for “theme.liquid” file
3/ Open the file and search for tag and add the following code above tag

{% style %}
[id^="price-template--"],
[id^="Quantity-Form-template--"],
.product-form__buttons
{
    display:none !important;
}
{% endstyle %}
10

@globalallureusa Have you applied my solution? If any issues arise, feel free to ask.

1 Like
11

Yes! Thank you so much i just did now and its perfect! thank you