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):
Open main-product.liquid or product.liquid.
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):
Open product-card.liquid.
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.
