Before getting started, configure the app by changing the currencies option on your store for HTML with currency and HTML without currency option in the Shopify settings as shown in the image below:
The text to copy is available below:
<div class="dualprice">${{amount}}</div> |
Steps to display both prices:
1. Under the settings section, firstly you need to activate the Dual app embed from your Shopify admin customize theme settings.
Refer to the image below to enable app embed via Shopify admin:
2. Under the settings, you may then configure whether the product's Base price is inclusive of tax or exclusive, tax rate, and other options as per your requirement.
3. Next, under the design section, input the text that you want to show adjacent to the price and set its color and font size to display the same on the product page, collection page, and home page as per your requirements.
4. Finally, activate the switch to display both prices and hit the 'Save' button.