Solved

How do I add "+ GST" label to product price?

joepenman
Visitor
2 0 1

Hi, currently the product price shows as "$42.00 NZD" (which is excluding GST) and I'd like to include a label that says "+ GST" i.e. "$42.00 NZD + GST". How can I do this? I am using the Dawn theme. TIA

Accepted Solution (1)

ThePrimeWeb
Shopify Partner
2138 614 487

This is an accepted solution.

Hey @joepenman,

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
span.price-item:after {
    content: '+ GST';
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1716739926699.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

View solution in original post

Replies 3 (3)

devcoders
Shopify Partner
176 28 42

Hi @joepenman 

From your Shopify admin, go to Online Store > Themes.
Find the Dawn theme and click on "Actions" and then "Edit code.

Navigate to the product template file. This could be named something like product-template.liquid.


Look for the section of code responsible for rendering the product price.


Within this section, you'll want to modify the Liquid code to include the "+ GST" label next to the product price.

 

{% if product.price %}
<div class="product-price">
<span class="price">{{ product.price | money }}</span> <span class="gst-label">+ GST</span>
</div>
{% endif %}
Shopify Developer: Helping eCommerce Stores
If you need assistance with your store, feel free to contact us at devcodersp@gmail.com.
If my assistance was helpful, please consider liking and accepting the solution. Thank you!

ThePrimeWeb
Shopify Partner
2138 614 487

This is an accepted solution.

Hey @joepenman,

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
span.price-item:after {
    content: '+ GST';
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1716739926699.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
joepenman
Visitor
2 0 1

Thanks a bunch!