Replace price with "Free" for products with a price of £0.00

Store Design
, , ,

Topic summary

Goal: Display “Free Entry” instead of £0.00 on product pages.

Proposed approach: Edit the theme template that renders prices (e.g., product.liquid, product-card.liquid, or a product-template section). Use a conditional in the template to check if product.price equals 0.00; if true, output “Free,” otherwise render the regular price with the money filter. This relies on Shopify’s Liquid templating language.

User follow-up: The requester asks if this can be done with custom CSS, as they’re not comfortable modifying theme code.

Outcome/status: No CSS-based solution has been provided. The discussion is unresolved and currently seeks guidance on whether a CSS-only method is possible or alternative non-code approaches.

Summarized with AI on January 16. AI used: gpt-5.
1

Is there a way to replace the price of products that are £0.00 with the text “Free Entry”?

Any help much appreciated!

1 Like
2

Hello @myloart

In the theme code editor, you’ll need to locate the template responsible for displaying product prices. This template may be named something like product.liquid or product-card.liquid. If you’re not sure, it might be within a section like “product-template” or similar.

Replace or modify the code that displays the price with something like this:

{% if product.price == 0.00 %}
Free
{% else %}
{{ product.price | money }}
{% endif %}

This code checks if the product’s price is equal to £0.00 and displays “Free” if true. Otherwise, it displays the regular price.

3

Thanks for your reply! Is there a way to do it by adding custom CSS. I’m lost when it comes to modifying the code!