PluginUs.Net - Business Tools for WooCommerce and WordPress

[realize your idea - make your dreams come true]

Support Forum

You need to log-in to create request (topic) to the support

How can we Add AED currency Symbol in Currency Switcher

The support doesn work on Saturdays and Sundays, so some Friday requests can be answered on Monday. If you have problems with registration ask help on contact us page please
If you not got email within 24~36 business hours, firstly check your spam box, and if no any email from the support there - back to the forum and read answer here. DO NOT ANSWER ON EMAILS [noreply@pluginus.net] FROM THE FORUM!! Emails are just for your info, all answers should be published only here.
The support doesn work on Saturdays and Sundays, so some Friday requests can be answered on Monday.

We have paid FOX - Currency Switcher Professional for WooCommerce, and we are using it for our e-commerce website. There we are using multiple currencies, but as per our requirement, we are not able to add the AED currency symbol AED currency symbol for the UAE. please help us how can we add.

Item Purchase Code :  [removed]

Hello

p.s. for future use please secret area for any private information like purchase code for example:

https://share.pluginus.net/image/i20230222134241.png
https://share.pluginus.net/image/i20230222134615.png

Hi Alex,

thank you for the update , And there is any way to add this icon, because  its available in image only  AED currency symbol, we don't have Unicode.

Hello

Just looked into the web, and at the moment, it has not yet been added to the Unicode standard, so there is no official Unicode character for it yet, this simbol is very new, BUT I have an idea:

  • open file classes/woocs.php
  • find public function woocommerce_price_html($price_html, $product)
  • replace return of it to return apply_filters('woocs_price_html', $price_html);
  • this hook will be added into next versions
  • go to file functions.php of your wp site
  • place there next code:
    add_filter('woocs_price_html', function($price_html) {
        global $WOOCS;
        
        if (isset($WOOCS) && $WOOCS->current_currency === 'AED') {
            $image = '<img src="https://lightyellow-chicken-161714.hostingersite.com/wp-content/uploads/2026/01/aed-d.webp" alt="AED" style="display:inline-block; width:15px; height:15px; vertical-align:middle;" />';
            
            $price_html = str_replace('AED', $image, $price_html);
            $price_html = str_replace('د.إ', '', $price_html);
        }
        
        return $price_html;
    }, 10, 1);
    

     

  • Result:

p.s. better upload that image to your own site to make its loading faster

Give me know about results please, maybe you will need using CSS place new image symbol more precise

 

HI

We have updated as per your suggestion, and now it's working.

 

But somewhere it's not working; can you help me to update there also? 

Hello

Here I can help only partly:

  • go to file \views\auto_switcher\classic_blocks.php
  • open it and completely replace code to
    <?php
    if (!defined('ABSPATH'))
        die('No direct access allowed');
    global $WOOCS;
    $currencies = apply_filters('woocs_currency_manipulation_before_show', $WOOCS->get_currencies());
    ?>
    <?php ob_start() ?>
    .woocs_auto_switcher {
    top: <?php echo esc_attr($top) ?>;
    }
    .woocs_auto_switcher li a {
    background:<?php echo esc_attr($color) ?>;
    }
    .woocs_auto_switcher li a.woocs_curr_curr {
    background:<?php echo esc_attr($hover_color) ?>;
    }
    .woocs_auto_switcher li  a:hover {
    background:<?php echo esc_attr($hover_color) ?>;
    }
    .woocs_auto_switcher li  a span {
    background:<?php echo esc_attr($hover_color) ?>;
    }
    .woocs_auto_switcher.left li span:after {
    border-right: 10px solid <?php echo esc_attr($hover_color) ?>;
    }
    .woocs_auto_switcher.right li a span:after {
    border-left: 10px solid <?php echo esc_attr($hover_color) ?>;
    }
    <?php
    $data = ob_get_clean();
    wp_add_inline_style('woocommerce-currency-switcher', $data);
    ?>
    <ul class='woocs_auto_switcher <?php echo esc_attr($side) ?>' data-view="classic_blocks">
        <?php
        foreach ($currencies as $key => $item):
    
            if (isset($item['hide_on_front']) AND $item['hide_on_front']) {
                continue;
            }
    
            $current ="";
            if ($key == $WOOCS->current_currency) {
                $current ="woocs_curr_curr";
            }
            $base_text = $this->prepare_field_text($item, $basic_field);
            $add_text = $this->prepare_field_text($item, $add_field);
            ?>
            <li>
                <a data-currency="<?php echo esc_html($key) ?>" class="  <?php echo esc_attr($current) ?> woocs_auto_switcher_link" href="#">
                    <?php echo wp_kses_post(apply_filters('woocs_price_html', $base_text)) ?>
                    <span>
                        <div>
                            <?php echo wp_kses_post($add_text) ?>
                        </div>
                    </span>
                </a>
            </li>
        <?php endforeach; ?>
    
    </ul>
    

     

What about price slider - its functionality of woocommerce, and its need custom code customization, you can drop link of the site here and I will look, but no warranty

Currently we are using working here you can check this link  -  https://lightyellow-chicken-161714.hostingersite.com/

And when we have updated the code for the sidebar, it's updated on both the name and the symbol.

Hello

Into file functions.php place next script for customization:

add_action('wp_footer', function() {
    ?>
    <script>
    jQuery(document).ready(function($) {
        function replaceAEDInPriceFilter() {
            $('.woocommerce-Price-currencySymbol').each(function() {
                var $span = $(this);
                if ($span.text().trim() === 'AED') {
                    $span.html('<img src="https://lightyellow-chicken-161714.hostingersite.com/wp-content/uploads/2026/01/aed-d.webp" alt="AED" style="display:inline-block; width:15px; height:15px; vertical-align:middle; margin: 0; padding: 0;" />');
                }
            });
        }
        
        replaceAEDInPriceFilter();
        
        var observer = new MutationObserver(function() {
            replaceAEDInPriceFilter();
        });
        observer.observe(document.body, { childList: true, subtree: true });
    });
    </script>
    <?php
}, 999);

 

What about your screen

Use CSS code:

.woocs_auto_switcher_link > img:nth-of-type(2) { display: none !important; }

 

If no luck - provide please wp-afmin accsess to this tite using private area of this ticket