Insert the add-on to your page
Step 1: From the EcomSolid Dashboard, head to the Theme Editor.
Step 2: Access the Library from the top bar of the Editor.
Next, navigate to Add-ons > Sales and Conversion and look for the Auto Currency Converter add-on.
After that, click on the "Add" button, and the add-on will be inserted at the bottom of your Editor.
Configure the Content tab
Click on the Auto Currency Converter add-on to reveal the configuration options in the left sidebar.
All the currency supported will be listed down in this section. Hit the Trash bin icon to remove the currency or click on “Pick a currency” to add a new one. The default currency of your store will be included in the list and can’t be removed.
Next, the currency picker window will appear for you to select the currency to add. Use the search bar to look for your preferred currencies and hit “Save” when finished.
There are three types of currency converter widgets you can choose from at this point.
You can decide the details of the currency format, including:
- Currency formatting: Select the format of the price with currency from the drop-down menu.
- Decimals (On/Off): Toggle on this switch to display the price as a decimal (e.g., $4.99)
- Decimal Separator: Choose the decimal separator between the comma and point.
- Round Decimals: Input the number to this field; it will be shown behind the decimal point. If you set it as Auto, the accurate decimals of the converted price will be displayed.
Configure the Design tab
Toggle on the Auto position switch; the add-on will be located at a suggested position depending on your chosen preset.
Otherwise, you can manually select a position for your add-on from the Position Currency drop-down menu. After that, adjust the Distance slider for the correct position as you want.
Padding Popup: Input the number to adjust the space inside the widget.
Padding item modal: Use the slider or enter the preferred number for the padding inside the drop-down menu.
Select a color or enter a hex color code for your preferred background color, text color, or hover color.
Use the slider or input your preferred size in pixels.
When everything is in place, hit “Save” then “Update Live.”