Currency Converter

Currency Converter

Add Dynamic Converter currency conversion to a site.

Coding Instructions

Step 1. Enable Dynamic Converter

Dynamic Converter is a subscription service for which Neto has an account.

  • Sign up for your own free Dynamic Converter account, and ensure that you site URL is added to the "Domains List" field on the settings page once done.

  • Update Dynamic Converter to meet your business needs. Some of the setting you might wish to update are the following:

    • Only allow these selected currencies,
    • Don't link prices,
    • Print base amount,
    • Base currency symbol.

You can find out more about theses settings in Dynamic Converter when you hover over the setting.

Step 2. Add the JS

1) Open templates/cms/footer.template.html, and paste the below code directly above [%SITE_VALUE id:'footer_javascript' type:'load'/%]:

<!-- Dynamic Converter -->
<script language="JavaScript" type="text/javascript">
    function dc_ld(){
        var dc_dlay = document.createElement("script");
        dc_dlay.setAttribute('type', 'text/javascript');
        dc_dlay.setAttribute('language', 'javascript');
        dc_dlay.setAttribute('id', 'dcdlay');
        dc_dlay.setAttribute("src", "http"+(window.location.protocol.indexOf("https:")==0?"s://converter":"://converter2")+".dynamicconverter.com/accounts/6/6743"+"."+"js"); document.getElementsByTagName("head")[0].appendChild(dc_dlay);
        } setTimeout('dc_ld()',10);
</script>

If you've signed up for your own Dynamic Converter account, you'll need to use the code from the "Installation String" section in your Dynamic Converter settings page, instead of the above.

Step 3. Add the converter to the header

Every design will be slightly different, so you'll need to decide where exactly to place the converter.

Open templates/cms/header.template.html, and paste either of the below layout options into the desired location.

1) Open templates/cms/header.template.html, and paste the below into the desired location.

<div class="form-inline">
    <div class="form-group">
        <label>Currency: </label>
        <select name="dc_selected_currency">
            <option value="AUD">AUD Australian Dollar</option>
            <option value="NZD">NZD New Zealand Dollar</option>
       </select>
    </div>
</div>

If more currencies are required, simply duplicate the option line and replace the currency code for the value parameter with the correct value, for which the full list is here.

Flag Layout

1) Download the flag icons from here

2) Unzip the file, and name the folder "flags".

3) Upload the "flags" folder to httpdocs/assets/ on your website's server by using an FTP client. If you require FTP login credentials, please contact our support team at support@neto.com.au.

4) Open templates/cms/header.template.html, and paste the below into the desired location.

<ul class="list-inline currency-converter">
    <li><i class="fa fa-flag"></i> Select Currency</li>
    <li><a href="#" onclick="dc_select_currency('AUD');" data-country="AUD" >
        <img src="[@homeurl@]/assets/flags/australia.svg" alt="View prices in Australian Dollars" title="View prices in Australian Dollars"/>
    </a></li>
    <li><a href="#" onclick="dc_select_currency('NZD');" data-country="NZD">
        <img src="[@homeurl@]/assets/flags/new-zealand.svg" alt="View prices in NZ Dollars" title="View prices in NZ Dollars"/>
    </a></li>
    <li><a href="#" onclick="dc_select_currency('USD');" data-country="USD">
        <img src="[@homeurl@]/assets/flags/united-states.svg" alt="View prices in US Dollars" title="View prices in US Dollars"/>
    </a></li>
    <li><a href="#" onclick="dc_select_currency('EUR');" data-country="EUR">
        <img src="[@homeurl@]/assets/flags/european-union.svg" alt="View prices in Euros" title="View prices in Euros"/>
    </a></li>
    <li><a href="#" onclick="dc_select_currency('GBP');" data-country="GBP">
        <img src="[@homeurl@]/assets/flags/united-kingdom.svg" alt="View prices in Pounds" title="View prices in Pounds"/>
    </a></li>
</ul>

If more currencies are required, every flag image is in the same folder as the others, and the currency code for the onclick event simply has to be changed to the correct value, for which the full list is here.

5) Open style.css and paste the below:

.currency-converter li {
    padding: 0 3px 0 0;
}

.currency-converter img {
    width: 30px;
}

Was this article useful?

Be notified when this page is updated. Optional.