How. do you show the word Free instead of £0.00

Solved

How. do you show the word Free instead of £0.00

Shane_h
Pathfinder
101 3 25

Hi does anyone know how we can show the word

Free

 

for items that are £0.00  here is an example page https://kitout-fitness.co.uk/collections/mockup-emulator\

its a mockup digital file thats free 

 

if its code - what is it and where to place 

 

thankyou for any support

Accepted Solution (1)
suyash1
Shopify Partner
10968 1357 1734

This is an accepted solution.

@Shane_h - can you accept me as collab? I will check complete code and let you know the changes

To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

View solution in original post

Replies 7 (7)

Shane_h
Pathfinder
101 3 25

here is an image its in a. collection

 

Screenshot 2025-04-26 at 16.07.46.png

suyash1
Shopify Partner
10968 1357 1734

@Shane_h - this will need liquid code editing, price needs to be compared and then show the text

To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Shane_h
Pathfinder
101 3 25

thanks this is my price liquid can you tell me where to put it and what 

 

{%- comment %}BSS Login{% endcomment -%}{% capture bss_lock_check %} {% render 'bss-lock-condition', scope: 'subject', subject: product, subject_parent: product, variable: 'price', get_content: true, bss_lock_action: 'bss_hide_price' %} {% endcapture %} {% if bss_lock_check contains 'bss-lock-element' %} {{ bss_lock_check }} {% break %} {% endif %}{%- comment %}BSS-Login{% endcomment -%}
{% comment %}
Renders a list of product's price (regular, sale)

Accepts:
- product: {Object} Product Liquid object (optional)
- use_variant: {Boolean} Renders selected or first variant price instead of overall product pricing (optional)
- show_badges: {Boolean} Renders 'Sale' and 'Sold Out' tags if the product matches the condition (optional)
- show_stock: {Boolean} Renders product 'Stock' if the product matches the condition (optional)
- show_sku: {Boolean} Renders product 'SKU' if the product matches the condition (optional)

Usage:
{% render 'price', product: product %}
{% endcomment %}
{%- liquid
if use_variant
assign target = product.selected_or_first_available_variant
else
assign target = product
endif

assign compare_at_price = target.compare_at_price
assign price = target.price | default: 1999
assign available = target.available | default: false
assign money_price = price | money

if target == product and product.price_varies
assign money_price = 'products.product.price.from_price_html' | t: price: money_price
endif
-%}

<div
class="
price
{%- if available == false %} price--sold-out {% endif -%}
{%- if compare_at_price > price %} price--on-sale {% endif -%}
{%- if product.price_varies == false and product.compare_at_price_varies %} price--no-compare{% endif -%}
{% if settings.price_label == false %} no-label{% endif %}
"
>
<dl>
{%- comment -%}
Explanation of description list:
- div.price__regular: Displayed when there are no variants on sale
- div.price__sale: Displayed when a variant is a sale
- div.price__availability: Displayed when the product is sold out
{%- endcomment -%}
{%- if compare_at_price > price -%}
{%- comment -%} Renders sale price {%- endcomment -%}
<div class="price__sale {% if settings.predictive_search_show_price %}label-hidden{% endif %}">
<dt class="price--compare">
<span class="visually-hidden">{{ 'products.product.price.regular_price' | t }}</span>
</dt>
<dd class="price--compare">
{% render 'render-price', price: compare_at_price, css_class: 'price-item price-item--regular' %}
</dd>
<dt>
<span class="visually-hidden">{{ 'products.product.price.sale_price' | t }}</span>
</dt>
<dd>
{% render 'render-price', price: price, css_class: 'price-item price-item--sale price--final' %}
</dd>
</div>

{%- else -%}
{%- comment -%} Renders regular price {%- endcomment -%}
<div class="price__regular">
<dt>
<span class="visually-hidden">{{ 'products.product.price.regular_price' | t }}</span>
</dt>
<dd>
{% render 'render-price', price: price, css_class: 'price-item price-item--regular price--final' %}
</dd>
</div>
{%- endif -%}

{%- render 'render-price-unit', variant: product.selected_or_first_available_variant, always_render: true -%}
</dl>
{%- if show_badges -%}
{%- render 'badge-onsale', product: target, position: 'in-content', size: 'sm' -%}
{%- render 'badge-soldout', product: target, position: 'in-content', size: 'sm' -%}
{%- endif -%}
</div>
<div class="stock-sku">
{%- render 'stock-sku', target: target, show_sku: show_sku, show_stock: show_stock -%}
</div>

suyash1
Shopify Partner
10968 1357 1734

This is an accepted solution.

@Shane_h - can you accept me as collab? I will check complete code and let you know the changes

To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Shane_h
Pathfinder
101 3 25

thankyou for your offer have decided to hide the £0.00 instead

Cristina_92
Shopify Partner
131 10 36

Hi @Shane_h .

 

You can read this thread and try to implement the accepted solution.

Boxi: Bundle Builder & BYOB  - increase sales and AOV by letting your customers build personalized product boxes.
ISBNExpress: Books Importer  - import book details by ISBN into your bookstore with a single click.
Shopify Guides for Merchants
Shane_h
Pathfinder
101 3 25

thankyou