TLDR: Add this snippet before the closing </head> div in your theme.liquid:
{% if template contains 'product' %}
{{ 'api.jquery.js' | shopify_asset_url | script_tag }}
{% endif %}
Overview:
A small number of themes come out of the box missing a jQuery API that our app calls in order to format the money displayed in this box.
If your theme does not have this API, you may see something like this:
Fixing this issue is actually quite simple! All that you will need to do is follow the tutorial below.
Tutorial:
Step 1: Locate/Open Your Theme Code Files
- Be sure that you are signed into your Shopify store.
- Locate and click the "Online Store" button on the left hand side in the admin menu.
This brings you to the "Themes" page. - Find the three dots at the top right of the page. Click it, and then click "Edit Code".
This takes you to the code of your theme - From here, locate and click the "Theme.liquid" file on the left hand side, under "Layout"
Step 2: Paste The Snippet
- Find the closing "</head>" item in your theme (You can use CTRL + F) and simply paste this snippet one single line above that item.
{% if template contains 'product' %}
{{ 'api.jquery.js' | shopify_asset_url | script_tag }}
{% endif %}}
Step 3: Save!
Then, all that is left is to click the "Save" button at the top right, and Voila! Your "Additional Added" box should now display the correct money formatting decimals and dollar sign!
Feel free to shoot us an email at, support@w3trends.com if you have any trouble, or require any assistance at all!