How to remove money_with_currency from the product page of the dawn theme?

Sixpieces
Tourist
14 0 1

How to remove money_with_currency from the product page and product cards of the dawn theme? So now its showing as $10.00 USD, I want it without the currency, so just $10.00. I know about the money filter, just don't know how to put it to use.

Replies 6 (6)

EBOOST
Shopify Partner
973 263 303

Hi @Sixpieces ,

You can go to Settings -> Store details -> Store currency -> change currency formating

EBOOST_0-1716415190744.png

 

Update like the screenshot below

EBOOST_1-1716415208354.png

 

- Hope can help. If you find my reply helpful, please hit Like and Mark as Solution
- Need a Shopify developer? Contact email: eboost10@gmail.com
- Visit our site: https://www.eboosttech.net to view and download shopify themes and magento2 extensions free
- ❤❤DONATE ❤❤
Sixpieces
Tourist
14 0 1

@EBOOST this works but when the customer in europe selects their country the currency is still in $USD. Same the other way around. What is a solution to this?

EBOOST
Shopify Partner
973 263 303

Hi,

You need create market for each country if you want to use their currency.

Settings-> Markets

EBOOST_0-1716433179937.png

 

- Hope can help. If you find my reply helpful, please hit Like and Mark as Solution
- Need a Shopify developer? Contact email: eboost10@gmail.com
- Visit our site: https://www.eboosttech.net to view and download shopify themes and magento2 extensions free
- ❤❤DONATE ❤❤

TerenceKEANE
Shopify Partner
511 86 78

Hi,

 

From what I understand, you want to remove phrases like 'USD' from the relevant places. What you've described can be done. Could you send the website link?

 

Terence

★ Looking for Dedicated Premium Coding Support? Join our unique "PREMIUM SUPPORT" service starting at 59 USD for 1 MONTH!
★ Get skilled Shopify developers at BUDGET-FRIENDLY RATES — explore Novajetsoft.com for a rapid quote!
If my support was a lifeline for you, The COFFEE  
would be the anchor keeping me steady!
★ For Quick response --> WhatsApp | Email --> info@novajetsoft.com | Software Engineer - Specializing In Advanced E-Commerce Websites

websensepro
Shopify Partner
1047 146 153

To remove the currency code from the price display in the Dawn theme on your Shopify store, you will need to modify the theme's Liquid templates to use the appropriate money filter. Here's a step-by-step guide on how to do it:

1. Locate the Price Display Code

First, identify the Liquid files where the prices are displayed. In the Dawn theme, this typically includes the product page and product cards.

Product Page:

  • Go to Online Store > Themes.
  • Find the Dawn theme and click Actions > Edit Code.
  • Navigate to the product template: Sections > main-product.liquid or product.liquid.

Product Cards:

  • In the same Edit Code section, navigate to the product card snippet: Snippets > product-card.liquid.

2. Modify the Money Filter

You'll need to replace the money_with_currency filter with the money filter. Here’s how you can do it:

Product Page (main-product.liquid or product.liquid):

  1. Open main-product.liquid or product.liquid.

  2. Locate the price display code. It might look something like this:

 

{{ product.price | money_with_currency }}

 

  • Change money_with_currency to money:

 

{{ product.price | money }}

 

  • Save the changes.

    Product Cards (product-card.liquid):

    1. Open product-card.liquid.

    2. Locate the price display code, which may look similar to:

 

{{ product.price | money_with_currency }}

 

  • Change money_with_currency to money:

 

{{ product.price | money }}
​

 

  • Save the changes.

    3. Update Any Other Relevant Templates

    Depending on your theme customization, you may need to update other templates where prices are displayed. This can include collection templates, cart templates, and more.

    4. Check Your Changes

    After saving the changes, go to your storefront and check the product pages and product cards to ensure that the currency code has been removed and only the price is displayed.

    Example

    Here’s a concrete example of what you might see and change in the code:

    Before:

 

<span class="price">
  {{ product.price | money_with_currency }}
</span>

 

After:

 

<span class="price">
  {{ product.price | money }}
</span>

 

Testing and Validation

  • Preview: Use the Preview option in the theme editor to check the changes before publishing them.
  • Cross-Check: Ensure all instances where prices are displayed are updated.

Additional Tips

  • Liquid Filters Documentation: Refer to Shopify's Liquid filters documentation for more details on the money filter and other useful filters.
  • Backup: Always make a backup of your theme before making changes to the code. This allows you to revert to the original if something goes wrong.

By following these steps, you should be able to remove the currency code from the price display on your product pages and product cards in the Dawn theme.

  •  
  • Save the changes.

Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here
Sixpieces
Tourist
14 0 1

my main-product.liquid file doesnt have that. Only {{ variant_price_compare | money_with_currency }}, and when i change it to {{ variant_price_compare | money }} nothing changes to the prices on the website.