Examples of multi-display currency prices

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1">  <meta name="csrf-token" content="AYp7O3WTS9kiVP1GRP3xYxwTdB2e4mYjZ0jOvqWT"> <title> Examples of multi-display currency prices | Dynamic Converter </title> <meta name="description" content="Show dual currency prices on your website">  <script> window.DynamicConverter = {"csrfToken":"AYp7O3WTS9kiVP1GRP3xYxwTdB2e4mYjZ0jOvqWT","stripeKey":"pk_live_eQzcKqGzjQ4CwL1dxVF8PMOA","user":null} </script>  <link rel="dns-prefetch" href="//fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600" rel="stylesheet" type="text/css">  <link href="/css/app.css?id=f4ef77b7405748146952" rel="stylesheet">  <script defer>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MCGZN77');</script>  </head> <body> <div id="app">  <nav class="navbar navbar-inverse fixed-top navbar-expand-md navbar-light"> <div class="container">  <a class="navbar-brand brand" href="/"> <img src="/img/dc_logo.png" style="height: 32px;"> </a>  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent">  <ul class="navbar-nav mr-auto">  <li class="nav-item"> <a class="nav-link" href="/features">Features</a> </li> <li class="nav-item"> <a class="nav-link" href="/packages">Plans</a> </li> <li class="nav-item"> <a class="nav-link" href="/carts">Carts</a> </li> <li class="nav-item"> <a class="nav-link" href="/examples">Examples</a> </li> <li class="nav-item"> <a class="nav-link" href="/faq">FAQ</a> </li> <li class="nav-item"> <a class="nav-link" href="/contact">Contact</a> </li> </ul>  <ul class="navbar-nav ml-auto">   <li class="nav-item"> <a class="nav-link" href="https://dynamicconverter.com/login">Login</a> </li> <li class="nav-item"> <a class="nav-link btn btn-primary text-white" href="https://dynamicconverter.com/register"><b>TRY NOW</a> </li> </ul> </div> </div> </nav> <div id="test"></div> <div class="mast mast-new"> <div class="container"> <div class="row"> <div class="col-md-12 text-center"> <h1>Dynamic Converter in action</h1> <strong>Dynamic Converter is very flexible - you can configure it so that it fits in with the look and feel of your site.</strong> <br> <br> <br> </div> </div> </div> </div>  <div class="main-block"> <div id="home-container" class="container"> <div class="content-block butted-block waypoint-block" id="browser-block"> <div class="tier"> <div class="examples"> <a name="example1"> </a> <h3>Dynamic Converter Example #1</h3> <div class="example_wrapper row"> <div class="col-md-4 example_text"> <p>This example shows a list of products.</p> <p>The base price (in US Dollars) is shown at the top and the converted price is show below. No decimal places are used.</p> <p>If you choose this examples base currency (US Dollars) you will see the converted price change to the text 'Convert' to encourage international viewers to click to change your currency.</p> </div> <div class="col-md-8 example_example"> <div class="row md-1"> <div class="col-sm-3 text-center"> <img title="Dynamic Converter Example" alt="Dynamic Converter Example" src="/img/examples/f11697c.jpg" height="94px" width="125px"> </div> <div class="col-sm-2 col-sm-push-7 text-center" style="padding:10px"> <span class="dcconvert" amount="490" override="base_currency:USD,decimals:0,pre:<br />,post: "> $490 </span> </div> <div class="col-sm-7 col-sm-pull-2"> <b>Men's diamond wedding ring</b> <br>You can click on the price in this example to change your currency. </div> </div> <div class="row md-1"> <div class="col-sm-3 text-center"> <img title="Dynamic Converter Example" alt="Dynamic Converter Example" src="/img/examples/f6113c.jpg" height="94px" width="125px"> </div> <div class="col-sm-push-7 col-sm-2 text-center" style="padding:10px"> <span class="dcconvert" amount="900" override="base_currency:USD,decimals:0,pre:<br />,post: "> $900 </span> </div> <div class="col-sm-7 col-sm-pull-2"> <b>Men's Platinum and White Gold wedding ring</b> <br>You can click on the price in this example to change your currency. </div> </div> </div> <div class="col-md-12 p-none"> <div class="example_explained"> <h4>Your DC console settings for this example will be:</h4> <b>Same currency display</b>: <code>convert</code><br> <b>Before currency display</b>: <code><br></code><br> <b>After currency display</b>: <code>BLANK</code><br> <b>Print base amount</b>: <code>SELECTED</code><br> <b>Show decimals</b>: <code>0:No</code><br> </div> </div> </div> </div> <br><br> <div class="examples"> <a name="example2"> </a> <h3>Dynamic Converter Example #2</h3> <div class="example_wrapper row"> <div class="col-md-4 example_text"> <p>This example uses a simple list. You can change your currency by clicking on the select your currency link.</p> <p>In this example you <b>cannot</b> click on the price to change your currency. </p> <p>If you choose this examples base currency (GB Pounds) you will see the converted price disappear.</p> </div> <div class="col-md-8 example_example p-none"> <span title="Click to select your home currency - Dynamic Converter Currency Conversion" style="cursor: pointer;" id="select_currency_link">Click here to select your currency</span><br><br> <table> <tbody> <tr> <th>Product</th> <th>Price</th> </tr> <tr> <td>Item A</td> <td><span title="" class="dcconvert" amount="20" override="nolink: 1, pre:  (, post: ),same_display: -, base_currency: GBP, display_format: 1">£20.00</span> </td> </tr> <tr> <td>Item B</td> <td><span title="" class="dcconvert" amount="300" override="nolink: 1,pre:  (, post: ),same_display: -, base_currency: GBP, display_format: 1">£300.00</span> </td> </tr> <tr> <td>Item C</td> <td><span title="" class="dcconvert" amount="500" override="nolink: 1,pre:  (, post: ),same_display: -, base_currency: GBP, display_format: 1">£500.00</span> </td> </tr> <tr> <td>Item D</td> <td><span title="" class="dcconvert" amount="890" override="nolink: 1,pre:  (, post: ),same_display: -, base_currency: GBP, display_format: 1">£890.00</span> </td> </tr> <tr> <td>Item E</td> <td><span title="" class="dcconvert" amount="1200" override="nolink: 1,pre:  (, post: ),same_display: -, base_currency: GBP, display_format: 1">£1,200.00</span> </td> </tr> </tbody> </table> </div> <div class="col-md-12 p-none"> <div class="example_explained "> <h4>Your DC console settings for this example will be:</h4> <b>Same currency display</b>: <code>-</code><br> <b>Before currency display</b>: <code>&nbsp;(</code><br> <b>After currency display</b>: <code>)</code><br> <b>Print base amount</b>: <code>SELECTED</code><br> <b>Don't link prices</b>: <code>SELECTED</code><br> <br> For the link, you will need to place this html in the place you want the link to appear:<br> <code><span id="select_currency_link"></span></code> </div> </div> </div> </div> <br><br> <div class="examples"> <a name="example3"> </a> <h3>Dynamic Converter Example #3</h3> <div class="example_wrapper row"> <div class="col-md-4 example_text"> <p>In this example, you can click on the flag of your choice to change the currency.</p> <p>Only the converted price is displayed and decimal places has been switched off.</p> </div> <div class="col-md-8 example_example"> <div class="row"> <div class="col-sm-4"> <img title="Dynamic Converter Example" alt="Dynamic Converterer Example" src="/img/examples/example3.jpg" style="width: 100%"> </div> <div class="col-sm-8"> <div class="col-xs-12 text-center"> <h3 style="margin-top:0px">California Driving Tour</h3> </div> <div class="col-xs-12"> California and the surrounding areas in Nevada and Arizona are wonderful places for a driving tour of the USA. They offer a great variety of scenery with some spectacular attractions. Here is my favorite driving tour in the California - Nevada - Arizona area. </div> <div class="col-xs-12 text-center"> Tour Price: <span title="" class="dcconvert" amount="2320" override="base_currency: USD, print_base: 0, same_display: show, nolink: 1, pre: , post: ,decimals: 0"> GBP £1,525 </span> p/p </div> <div class="col-xs-12 text-center"> Convert to your currency: <br> <img src="/img/flags2/united-states.png" alt="View prices in US Dollars" title="View prices in US Dollars" style="cursor: hand; cursor:pointer;" onclick="dc_select_currency('USD');" height="19px" width="31px"> <img src="/img/flags2/united-kingdom.png" alt="View prices in Pounds" title="View prices in Pounds" style="cursor: hand; cursor:pointer;" onclick="dc_select_currency('GBP');" height="19px" width="31px"> <img src="/img/flags2/canada.png" alt="View prices in Canadian Dollars" title="View prices in Canadian Dollars" style="cursor: hand; cursor:pointer;" onclick="dc_select_currency('CAD');" height="19px" width="31px"> <img src="/img/flags2/new-zealand.png" alt="View prices in New Zealand Dollars" title="View prices in New Zealand Dollars" style="cursor: hand; cursor:pointer;" onclick="dc_select_currency('NZD');" height="19px" width="31px"> </div> </div> </div> </div> </div> <div class="col-md-12 p-none"> <div class="example_explained"> <h4>Your DC console settings for this example will be:</h4> <b>Same currency display</b>: <code>show</code><br> <b>Before currency display</b>: <code>EMPTY</code><br> <b>After currency display</b>: <code>EMPTY</code><br> <b>Print base amount</b>: <code>NOT SELECTED</code><br> <b>Don't link prices</b>: <code>SELECTED</code><br> <b>Show decimals</b>: <code>0:No</code><br> <br> For the flag link, you will need to place this html in the place you want the link(s) to appear:<br> <code style="font-size:.9em"><img src="/path/flag.png" alt="currency" title="View in currency" onclick="if (window.dc_select_currency) dc_select_currency( 'ISO4217' );"></code> </div> </div> </div> <br><br> <div class="examples example4"> <a name="example4"> </a> <h3>Dynamic Converter Example #4</h3> <div class="example_wrapper row"> <div class="col-md-4 example_text"> <p>It is easy to place a currency selection box on your site. In this example, you can select your currency using the currency drop down.</p> <p>The converted prices are displayed under the base price in brackets.</p> <p>If you choose this examples base currency (Euros) you will see the converted price disappear.</p> </div> <div class="col-md-8 example_example"> <div class=" row"> <div class="col-xs-12 col-md-12"> Convert to your currency <span id="currency_select"></span> </div> <div class="col-xs-6 col-sm-4 text-center"> <img title="Dynamic Converter Example" alt="Dynamic Converterer Example" src="/img/examples/a7955c.jpg" width="100%"><br> <span title="" class="dcconvert" amount="120" override="display_format: 7, base_currency: EUR, print_base: 1, same_display: -, nolink: 1, pre: <br/>(, post: )">€120.00 <br>(£85.77 GBP )</span> </div> <div class="col-xs-6 col-sm-4 text-center"> <img title="Dynamic Converter Example" alt="Dynamic Converterer Example" src="/img/examples/a11102c.jpg" width="100%"><br> <span title="" class="dcconvert" amount="220" override="display_format: 7, base_currency: EUR,print_base: 1, same_display: -, nolink: 1, pre: <br/>(, post: )">€220.00 <br>(£157.24 GBP )</span> </div> <div class="col-xs-6 col-sm-4 text-center"> <img title="Dynamic Converter Example" alt="Dynamic Converterer Example" src="/img/examples/f10706c.jpg" width="100%"><br> <span title="" class="dcconvert" amount="310" override="display_format: 7, base_currency: EUR,print_base: 1, same_display: -, nolink: 1, pre: <br/>(, post: )">€310.00 <br>(£221.57 GBP )</span> </div> <div class="col-xs-6 col-sm-4 text-center"> <img title="Dynamic Converter Example" alt="Dynamic Converterer Example" src="/img/examples/f11394c.jpg" width="100%"><br> <span title="" class="dcconvert" amount="1120" override="display_format: 7, base_currency: EUR,print_base: 1, same_display: -, nolink: 1, pre: <br/>(, post: )">€1,120.00 <br>(£800.51 GBP )</span> </div> <div class="col-xs-6 col-sm-4 text-center"> <img title="Dynamic Converter Example" alt="Dynamic Converterer Example" src="/img/examples/f11697c.jpg" width="100%"><br> <span title="" class="dcconvert" amount="1520" override="display_format: 7, base_currency: EUR,print_base: 1, same_display: -, nolink: 1, pre: <br/>(, post: )">€1,520.00 <br>(£1,086.40 GBP )</span> </div> <div class="col-xs-6 col-sm-4 text-center"> <img title="Dynamic Converter Example" alt="Dynamic Converterer Example" src="/img/examples/f10132c.jpg" width="100%"><br> <span title="" class="dcconvert" amount="420" override="display_format: 7, base_currency: EUR,print_base: 1, same_display: -, nolink: 1, pre: <br/>(, post: )">€420.00 <br>(£300.19 GBP )</span> </div> </div> </div> <div class="col-md-12 p-none"> <div class="example_explained"> <h4>Your DC console settings for this example will be:</h4> <b>Same currency display</b>: <code>-</code><br> <b>Before currency display</b>: <code><br>(</code><br> <b>After currency display</b>: <code>)</code><br> <b>Print base amount</b>: <code>SELECTED</code><br> <b>Don't link prices</b>: <code>SELECTED</code><br> <br> For the link, you will need to place this html in the place you want the link to appear: <code><span id="currency_select"></span></code> </div> </div> </div> </div> <br><br> <div class="examples" id="dynamicPricing"> <a name="example5"> </a> <h3>Dynamic Converter Example #5</h3> <div class="example_wrapper row"> <div class="col-md-4 example_text text-center"> <p>This example shows how Dynamic Converter can be used within dropdown selection boxes.</p> <p>Try clicking on one of the drop downs and you will see the converted price in brackets next to the base price.</p> <p>Also the dynamic price is update on the attribute selection which is then reconverted.</p> <img src="/img/examples/example4.jpg"> </div> <div class="col-md-8 example_example"> <b>Desktop PC</b> <br> A powerful desktop PC for the home or office. <br> <br>Standard Features:<br> <ul> <li> 6.3GHz Outel® Beyond Processor with 5MB cache</li> <li><b>No</b> floppy drive but a 8GB flash drive</li> <li>Outel z810 Direct PCI-e Video with 1024Mb VRAM</li> <li>Micro-Tower Chassis</li> <li>3 Button Internet Keyboard</li> <li>On-Board Digital Sound</li> </ul> <br> <b> Price:   <span id="dynamicPrice" style="cursor: pointer;" title="Click to select your home currency - Dynamic Converter Currency Conversion" class="dcconvert" amount="3450" override="base_currency: USD, pre:  (, post: )">$3,450.00</span></b> <br> <br>Select size of Monitor:<br><select name="v_11_1" class="dcconvert" override="base_currency: USD"> <option placeholder="19inch" amount="" value="1" selected="">19inch </option> <option placeholder="21inch (+PPPPPPPP0)" amount="90.00" value="2"> 21inch [+$90.00] </option> <option placeholder="30inch (+PPPPPPPP0)" amount="200.00" value="3"> 30inch [+$200.00] </option> </select> <br>Select amount of Memory:<br><select name="v_11_2" class="dcconvert" override="base_currency: USD"> <option placeholder="1024MB DDR4" amount="" value="1" selected=""> 1024MB DDR4 </option> <option placeholder="2048MB DDR4 (+PPPPPPPP0)" amount="40.00" value="2"> 2048MB DDR4 [+$40.00] </option> <option placeholder="5120MB DDR4 (+PPPPPPPP0)" amount="170.00" value="3">5120MB DDR4 [+$170.00] </option> <option placeholder="10240MB DDR4 (+PPPPPPPP0)" amount="220.00" value="4">10240MB DDR4 [+$220.00] </option> </select> <br>Select capacity of Hard Disk:<br><select name="v_11_3" class="dcconvert" override="base_currency: USD"> <option placeholder="20PB" amount="" value="1" selected="">20PB </option> <option placeholder="40PB (+PPPPPPPP0)" amount="25.00" value="2"> 40PB [+$25.00] </option> <option placeholder="60PB (+PPPPPPPP0)" amount="50.00" value="3"> 60PB [+$50.00] </option> </select> <br>Select Extra Drive:<br><select name="v_11_4" class="dcconvert" override="base_currency: USD"> <option placeholder="Purple-Ray drive (+PPPPPPPP0)" amount="125.00" value="1" selected="">Purple-Ray drive [+$125.00] </option> <option placeholder="Purple-Ray (+PPPPPPPP0)" amount="230.00" value="2"> Purple-Ray [+$230.00] </option> <option placeholder="No extra drive" amount="" value="-1">No extra drive </option> </select> </div> <div class="col-md-12 p-none"> <div class="example_explained"> <h3>Your DC console settings for this example will be:</h3> <b>Same currency display</b>: <code>-</code><br> <b>Before currency display</b>: <code> (</code><br> <b>After currency display</b>: <code>)</code><br> <b>Print base amount</b>: <code>SELECTED</code><br> <b>Don't link prices</b>: <code>NOT SELECTED</code><br> <b>Before currency display in a dropdown menu</b>: <code>(</code><br> <b>After currency display in a dropdown menu</b>: <code>)</code><br> <b>Replace detected dropdown prices with selected format</b>: <code>NOT SELECTED</code><br> <br> For the link, you will need to place this html in the place you want the dropdown to appear: <code><span id="currency_select"></span></code><br> And you need to add the class <b>dcconvert</b> to the select tag you want converted. <code><select class="dcconvert"></code><br> </div> </div> </div> </div> </div> </div> </div> </div> <flash message=""></flash> </div>  <div class="footer-block"> <div class="container"> <div class="row"> <div class="col-sm-6"> <img alt="DynamicConverter" class="logo" src="/img/dynamicconverter-footer.png" /> <div class="statement"> Dynamic Converter allowing you to display your prices in multiple currencies <br/><small>© 2025</small> </div> </div> <div class="col-sm-6 right-align"> <a href="/testimonials">Testimonials</a> <a href="/terms">Terms</a> <a href="/privacy">Privacy</a> <a href="/contact">Contact</a> <br> <span id="dc_box" class="dc_box_right"></span> </div> </div> </div> </div>  <script src="https://code.jquery.com/jquery-1.12.3.min.js" integrity="sha256-aaODHAgvwQW1bFOGXMeX+pC4PZIPsvn2h1sArYOhgXQ=" crossorigin="anonymous"></script> <script> jQuery(document).ready(function () { $(function () { $('#dynamicPricing select').change(updateDynamicPricing); }); }); function updateDynamicPricing() { var newPrice = 3450; $('#dynamicPricing select').each(function () { var $self = $(this); newPrice += parseFloat($self.find('option:selected').attr('amount')) || 0; }); $('#dynamicPrice').attr('amount', newPrice); if (window.dc_convert_now) { dc_convert_now(); } } </script> ; <script language="JavaScript" type="text/javascript"> if (window.dc_select_currency) { var cf = document.getElementById('currency_flags'); if (cf) cf.style.visibility = 'visible'; } </script> <script>$('div.alert').not('.alert-important').delay(3000).fadeOut(350); </script> <script src="/js/app.js?id=c2b84019724e7ff297a8" defer></script>  <script language="JavaScript" type="text/javascript" src="https://converter.dynamicconverter.com/accounts/1/1029.js"></script> </body> </html>

CINXE.COM

Examples of multi-display currency prices | Dynamic Converter