币种前增加图标

app/design/frontend/Joshine/breeze/Magento_Directory/templates/currency.phtml

@@ -28,7 +28,8 @@
                  data-toggle="dropdown"
                  data-trigger-keypress-button="true">
                 <strong class="language-<?= $block->escapeHtml($block->getCurrentCurrencyCode()) ?>">
-                    <span><?= $block->escapeHtml($currentCurrencyCode) ?> / <?= $currencyModel->load($currentCurrencyCode)->getCurrencySymbol(); ?></span>
+                    <i data-currency-code="<?= $block->escapeHtml($currentCurrencyCode) ?>"></i>
+                    <span><?= $block->escapeHtml($currentCurrencyCode) ?></span>
                 </strong>
             </div>
             <ul class="dropdown switcher-dropdown" data-target="dropdown">
@@ -36,7 +37,7 @@
                 <?php foreach ($currencies as $_code => $_name) : ?>
                     <?php if ($_code != $currentCurrencyCode) : ?>
                         <li class="currency-<?= $block->escapeHtmlAttr($_code) ?> switcher-option">
-                            <a href="#" data-post='<?= /* @noEscape */ $block->getSwitchCurrencyPostData($_code) ?>'> <?= $block->escapeHtml($_code) ?> / <?= $currencyModel->load($_code)->getCurrencySymbol(); ?> </a>
+                            <a href="#" data-post='<?= /* @noEscape */ $block->getSwitchCurrencyPostData($_code) ?>'><i data-currency-code="<?= $block->escapeHtml($_code) ?>"></i><?= $block->escapeHtml($_code) ?></a>
                         </li>
                     <?php endif; ?>
                 <?php endforeach; ?>

app/design/frontend/Joshine/breeze/web/css/_custom.less

@@ -945,6 +945,7 @@ footer{
     top: 18px;
     right: 145px;
     z-index: 1;
+    font-size: 13px;
   }
   .page-header .header.content .logo{
     position: absolute;
@@ -1008,6 +1009,52 @@ footer{
   }
 
 }
+
+.currency-GBP a>i,.language-GBP>i{
+  content: '';
+  display: inline-block;
+  background-image: url(../images/country-flag-bg.png);
+  background-position: -280px 0;
+  width: 20px;
+  height: 15px;
+  vertical-align: middle;
+}
+.currency-EUR a>i,.language-EUR>i{
+  content: '';
+  display: inline-block;
+  background-image: url(../images/country-flag-bg.png);
+  background-position: -300px 0;
+  width: 20px;
+  height: 15px;
+  vertical-align: middle;
+}
+.currency-CAD a>i,.language-CAD>i{
+  content: '';
+  display: inline-block;
+  background-image: url(../images/country-flag-bg.png);
+  background-position: -20px 0;
+  width: 20px;
+  height: 15px;
+  vertical-align: middle;
+}
+.currency-USD a>i,.language-USD>i{
+  content: '';
+  display: inline-block;
+  background-image: url(../images/country-flag-bg.png);
+  background-position: 0 0;
+  width: 20px;
+  height: 15px;
+  vertical-align: middle;
+}
+.currency-XPF a>i,.language-XPF>i{
+  content: '';
+  display: inline-block;
+  background-image: url(../images/country-flag-bg.png);
+  background-position: -140px 30px;
+  width: 20px;
+  height: 15px;
+  vertical-align: middle;
+}
 @media(max-width: 767.98px){
   .sidebar .block-collapsible-nav{
     top:120px;