[Resolved] Custom currency switcher.

Hello,

Thank you for your patience while waited for a reply. In order to place a custom switcher in your theme files and customize it, please, proceed this way:

IMPORTANT: Please, note, a backup is required for security reasons and to avoid any data loss, you can use the https://wordpress.org/plugins/backupwordpress/ plugin for these backup needs.

1 - Click to edit your child theme files (in my test I placed it for the footer.php file) and place the custom code below:

<div class="my-custom-switcher">
<?php 
   do_action('wcml_currency_switcher', array(
       'format' => '%code%',
       'switcher_style' => 'wcml-vertical-list'
   ));
?>
</div>

Note: You can choose what to show in your currency switcher, in this example, I am displaying just the currency code, you are free to customize it according these instructions: https://wpml.org/documentation/related-projects/woocommerce-multilingual/multi-currency-support-woocommerce/#adjusting-the-output-of-the-switcher

You can learn the full details regarding this approach at: https://wpml.org/documentation/related-projects/woocommerce-multilingual/multi-currency-support-woocommerce/#currency-switcher-as-php-code

2 - Go to your WordPress Dashboard > WooCommerce > WooCommerce Multilingual > Multi-currency and place the custom CSS code below to the 'Additional CSS' field.

/*Removing some default CSS from our language switcher*/
.my-custom-switcher .wcml_currency_switcher,
.my-custom-switcher .wcml_currency_switcher li {
  margin: 0!important;
}
.my-custom-switcher .wcml_currency_switcher a {
  background-color: transparent !important;
  color: white;
}
.my-custom-switcher .wcml_currency_switcher a {
  padding: 5px;
}
/*Customize this if you want*/
.my-custom-switcher .wcml_currency_switcher {
  position: fixed!important;
  bottom: 10px;
  right: 10px;
  background: #cd2653; /*background color*/
  padding: 0px; /*padding of container*/
  border-radius: 3px; /*rounded border*/ /*Box Shadow*/
  box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.25);
}

Please, see the results in the attached screenshot.

Hope it helps, have a nice day.