Merge pull request #690 from tblivet/feat/improvements-part-3

tblivet · web-flow · commit 976fe1d2f939 · 2025-03-14T17:35:54.000+01:00
[IMPROVEMENTS - PART 3] Global quality improvement
diff --git a/.github/workflows/tests.yml b/.github/workflows/tests.yml
@@ -9,15 +9,15 @@ jobs:
         js: [ '20' ]
     steps:
       - name: Setup Node
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: ${{ matrix.js }}
 
       - name: Checkout
-        uses: actions/checkout@v2
+        uses: actions/checkout@v4
 
       - name: Cache Node Directory
-        uses: actions/cache@v2
+        uses: actions/cache@v4
         with:
           path: ~/.npm
           key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
diff --git a/modules/blockwishlist/views/templates/components/modals/add-to-wishlist.tpl b/modules/blockwishlist/views/templates/components/modals/add-to-wishlist.tpl
@@ -41,7 +41,7 @@
 
         <div class="modal-footer">
           <div role="button" @click="openNewWishlistModal" class="wishlist-add-to-new text-primary">
-            <i class="material-icons text-primary" aria-hidden="true">add_circle_outline</i> {$newWishlistCTA}
+            <i class="material-icons text-primary" aria-hidden="true">&#xE148;</i> {$newWishlistCTA}
           </div>
         </div>
       </div>
diff --git a/modules/blockwishlist/views/templates/hook/displayCustomerAccount.tpl b/modules/blockwishlist/views/templates/hook/displayCustomerAccount.tpl
@@ -19,7 +19,7 @@
 
 <a class="col-md-6 col-lg-4{if $urls.current_url === $url} active{/if}" id="wishlist-link" href="{$url}">
   <span class="link-item">
-    <i class="material-icons" aria-hidden="true">favorite</i>
+    <i class="material-icons" aria-hidden="true">&#xE87D;</i>
     {$wishlistsTitlePage}
   </span>
 </a>
diff --git a/modules/productcomments/views/templates/hook/product-comments-list.tpl b/modules/productcomments/views/templates/hook/product-comments-list.tpl
@@ -40,7 +40,7 @@
         <ul class="pagination justify-content-center">
           {assign var = "prevCount" value = 0}
           <li class="page-item" id="pcl_page_{$prevCount}">
-            <button class="page-link btn prev"><i class="material-icons">chevron_left</i></button>
+            <button class="page-link btn prev"><i class="material-icons">&#xE5CB;</i></button>
           </li>
           {for $pageCount = 1 to $list_total_pages}
             <li class="page-item" id="pcl_page_{$pageCount}">
@@ -49,7 +49,7 @@
           {/for}
           {assign var = "nextCount" value = $list_total_pages + 1}
           <li class="page-item" id="pcl_page_{$nextCount}">
-            <button class="page-link btn next"><i class="material-icons">chevron_right</i></button>
+            <button class="page-link btn next"><i class="material-icons">&#xE5CC;</i></button>
           </li>
         </ul>
       </nav>
diff --git a/modules/ps_brandlist/views/templates/_partials/brand_form.tpl b/modules/ps_brandlist/views/templates/_partials/brand_form.tpl
@@ -11,7 +11,7 @@
     aria-haspopup="true"
     aria-expanded="false">
     {l s='All brands' d='Shop.Theme.Catalog'}
-    <i class="material-icons float-end" aria-hidden="true">arrow_drop_down</i>
+    <i class="material-icons float-end" aria-hidden="true">&#xE5C5;</i>
   </button>
   <div class="dropdown-menu dropdown-menu-start">
     {foreach from=$brands item=brand}
diff --git a/modules/ps_contactinfo/ps_contactinfo.tpl b/modules/ps_contactinfo/ps_contactinfo.tpl
@@ -8,7 +8,7 @@
 
   <div role="button" class="footer__block__toggle d-md-none collapsed" data-bs-target="#contact-infos" data-bs-toggle="collapse" aria-expanded="false">
     <span class="footer__block__title">{l s='Store information' d='Shop.Theme.Global'}</span>
-    <i class="material-icons" aria-hidden="true">keyboard_arrow_down</i>
+    <i class="material-icons" aria-hidden="true">&#xE313;</i>
   </div>
 
   <div id="contact-infos" class="footer__block__content footer__block__content-contact collapse">
@@ -19,7 +19,7 @@
 
     {if $contact_infos.phone}
       <div class="ps-contactinfo__phone">
-        <i class="material-icons" aria-hidden="true">phone</i>
+        <i class="material-icons" aria-hidden="true">&#xE0CD;</i>
         <a href="tel:{$contact_infos.phone}">{$contact_infos.phone}</a>
       </div>
     {/if}
@@ -33,7 +33,7 @@
 
     {if $contact_infos.email && $display_email}
       <div class="ps-contactinfo__email">
-        <i class="material-icons" aria-hidden="true">mail</i>
+        <i class="material-icons" aria-hidden="true">&#xE158;</i>
         {mailto address=$contact_infos.email encode="javascript"}
       </div>
     {/if}
diff --git a/modules/ps_customeraccountlinks/ps_customeraccountlinks.tpl b/modules/ps_customeraccountlinks/ps_customeraccountlinks.tpl
@@ -12,7 +12,7 @@
 
   <div role="button" class="footer__block__toggle d-md-none collapsed" data-bs-target="#footer_account_list" data-bs-toggle="collapse" aria-expanded="false">
     <span class="footer__block__title">{l s='Your account' d='Shop.Theme.Customeraccount'}</span>
-    <i class="material-icons" aria-hidden="true">keyboard_arrow_down</i>
+    <i class="material-icons" aria-hidden="true">&#xE313;</i>
   </div>
   <ul class="footer__block__content footer__block__content-list collapse" id="footer_account_list">
     {if $customer.is_logged}
diff --git a/modules/ps_customersignin/ps_customersignin.tpl b/modules/ps_customersignin/ps_customersignin.tpl
@@ -16,7 +16,7 @@
           aria-haspopup="true"
           aria-expanded="false"
           aria-label="{l s='View my account (%s)' d='Shop.Theme.Customeraccount' sprintf=[$customerName]}">
-          <i class="material-icons header-block__icon" aria-hidden="true">account_circle</i>
+          <i class="material-icons header-block__icon" aria-hidden="true">&#xE853;</i>
           <span class="header-block__title d-none d-md-block d-lg-none">{$customer.firstname|capitalize|truncate:2:".":true}{$customer.lastname|capitalize|truncate:2:".":true}</span>
           <span class="header-block__title d-lg-inline d-none">{$customerName|capitalize|truncate:22:"...":true}</span>
         </a>
@@ -81,7 +81,7 @@
           class="header-block__action-btn"
           rel="nofollow"
           role="button">
-          <i class="material-icons header-block__icon" aria-hidden="true">account_circle</i>
+          <i class="material-icons header-block__icon" aria-hidden="true">&#xE853;</i>
           <span class="d-none d-md-inline header-block__title">{l s='Sign in' d='Shop.Theme.Actions'}</span>
         </a>
       </div>
diff --git a/modules/ps_emailalerts/views/templates/front/mailalerts-account-line.tpl b/modules/ps_emailalerts/views/templates/front/mailalerts-account-line.tpl
@@ -19,6 +19,6 @@
     class="js-remove-email-alert btn btn-link {$componentName}__remove"
     rel="js-id-emailalerts-{$mailAlert.id_product|intval}-{$mailAlert.id_product_attribute|intval}"
     data-url="{url entity='module' name='ps_emailalerts' controller='actions' params=['process' => 'remove']}">
-    <i class="material-icons" aria-label="{l s='Delete' d='Modules.Emailalerts.Shop'}">delete</i>
+    <i class="material-icons" aria-label="{l s='Delete' d='Modules.Emailalerts.Shop'}">&#xE872;</i>
   </a>
 </div>
diff --git a/modules/ps_legalcompliance/views/templates/hook/hookDisplayFooter.tpl b/modules/ps_legalcompliance/views/templates/hook/hookDisplayFooter.tpl
@@ -9,7 +9,7 @@
 
   <div role="button" class="footer__block__toggle d-md-none collapsed" data-target="#footer_eu_about_us_list" data-bs-toggle="collapse">
     <span class="footer__block__title">{l s='Information' d='Modules.Legalcompliance.Shop'}</span>
-    <i class="material-icons" aria-hidden="true">keyboard_arrow_down</i>
+    <i class="material-icons" aria-hidden="true">&#xE313;</i>
   </div>
   <ul class="footer__block__content footer__block__content-list collapse" id="footer_eu_about_us_list">
     {foreach from=$cms_links item=cms_link}
diff --git a/modules/ps_linklist/views/templates/hook/linkblock.tpl b/modules/ps_linklist/views/templates/hook/linkblock.tpl
@@ -9,7 +9,7 @@
 
     <div role="button" class="footer__block__toggle d-md-none collapsed" aria-expanded="false" data-bs-target="#footer_sub_menu_{$linkBlock.id}" data-bs-toggle="collapse">
       <span class="footer__block__title">{$linkBlock.title}</span>
-      <i class="material-icons" aria-hidden="true">keyboard_arrow_down</i>
+      <i class="material-icons" aria-hidden="true">&#xE313;</i>
     </div>
 
     <ul id="footer_sub_menu_{$linkBlock.id}" class="footer__block__content footer__block__content-list collapse">
diff --git a/modules/ps_mainmenu/ps_mainmenu.tpl b/modules/ps_mainmenu/ps_mainmenu.tpl
@@ -133,7 +133,7 @@
               {* Cannot use page identifier as we can have the same page several times *}
               {assign var=_expand_id value=10|mt_rand:100000}
               <button class="menu__toggle-child btn btn-link js-menu-open-child" data-target="{$_expand_id}">
-                <i class="material-icons rtl-flip">chevron_right</i>
+                <i class="material-icons rtl-flip">&#xE5CC;</i>
               </button>
             {/if}
           </li>
@@ -172,7 +172,7 @@
       data-bs-target="#mobileMenu"
       aria-controls="mobileMenu"
     >
-      <span class="material-icons">menu</span>
+      <span class="material-icons">&#xE5D2;</span>
     </a>
   </div>
 </div>
@@ -186,7 +186,7 @@
   <div class="offcanvas-header">
     <div class="ps-mainmenu__back-button">
       <button class="btn btn-link btn-sm d-none js-back-button" type="button">
-        <span class="material-icons rtl-flip">chevron_left</span>
+        <span class="material-icons rtl-flip">&#xE5CB;</span>
         <span class="js-menu-back-title">{l s='All' d='Shop.Theme.Global'}</span>
       </button>
     </div>
diff --git a/modules/ps_searchbar/ps_searchbar.tpl b/modules/ps_searchbar/ps_searchbar.tpl
@@ -27,8 +27,8 @@
   <div id="ps_searchbar" class="ps-searchbar js-search-widget" data-search-controller-url="{$search_controller_url}">
     <form class="ps-searchbar__form" method="get" action="{$search_controller_url}">
       <input type="hidden" name="controller" value="search">
-      <i class="material-icons ps-searchbar__magnifier js-search-icon" aria-hidden="true">search</i>
-      <i class="material-icons ps-searchbar__clear js-search-clear d-none" aria-hidden="true">clear</i>
+      <i class="material-icons ps-searchbar__magnifier js-search-icon" aria-hidden="true">&#xE8B6;</i>
+      <i class="material-icons ps-searchbar__clear js-search-clear d-none" aria-hidden="true">&#xE14C;</i>
       <input class="js-search-input form-control ps-searchbar__input" type="text" name="s" value="{$search_string}" placeholder="{l s='Search our catalog' d='Shop.Theme.Catalog'}" aria-label="{l s='Search' d='Shop.Theme.Catalog'}">
     </form>
 
@@ -51,7 +51,7 @@
 <div class="ps-searchbar--mobile d-md-none d-flex col-auto">
   <div class="header-block d-flex align-items-center">
     <a class="header-block__action-btn" href="#" role="button" data-bs-toggle="offcanvas" data-bs-target="#searchCanvas" aria-controls="searchCanvas" aria-label="{l s='Show search bar' d='Shop.Theme.Global'}">
-      <span class="material-icons header-block__icon">search</span>
+      <span class="material-icons header-block__icon">&#xE8B6;</span>
     </a>
   </div>
 
diff --git a/modules/ps_shoppingcart/ps_shoppingcart.tpl b/modules/ps_shoppingcart/ps_shoppingcart.tpl
@@ -12,7 +12,7 @@
         <span class="header-block__action-btn pe-md-0">
       {/if}
 
-      <i class="material-icons header-block__icon" aria-hidden="true">shopping_cart</i>
+      <i class="material-icons header-block__icon" aria-hidden="true">&#xE8CC;</i>
       <span class="d-none d-md-flex header-block__title">{l s='Cart' d='Shop.Theme.Checkout'}</span>
       <span class="header-block__badge">{$cart.products_count}</span>
 
diff --git a/modules/ps_supplierlist/views/templates/_partials/supplier_form.tpl b/modules/ps_supplierlist/views/templates/_partials/supplier_form.tpl
@@ -11,7 +11,7 @@
     aria-haspopup="true"
     aria-expanded="false">
     {l s='All suppliers' d='Shop.Theme.Catalog'}
-    <i class="material-icons float-end" aria-hidden="true">arrow_drop_down</i>
+    <i class="material-icons float-end" aria-hidden="true">&#xE5C5;</i>
   </button>
   <div class="dropdown-menu dropdown-menu-start">
     {foreach from=$suppliers item=supplier}
diff --git a/modules/psgdpr/views/templates/front/customerPersonalData.tpl b/modules/psgdpr/views/templates/front/customerPersonalData.tpl
@@ -26,8 +26,8 @@
   <div class="mb-4">
     <h2 class="h5">{l s='Access to my data' mod='psgdpr'}</h2>
     <p>{l s='At any time, you have the right to retrieve the data you have provided to our site. Click on "Get my data" to automatically download a copy of your personal data on a pdf or csv file.' mod='psgdpr'}</p>
-    <a id="exportDataToCsv" class="btn btn-outline-primary d-block d-sm-inline-block mx-0 mb-2 mb-sm-0" target="_blank" href="{$psgdpr_csv_controller|escape:'htmlall':'UTF-8'}"><i class="material-icons" aria-hidden="true">download</i> {l s='Get my data to CSV' mod='psgdpr'}</a>
-    <a id="exportDataToPdf" class="btn btn-outline-primary d-block d-sm-inline-block mx-0 mx-sm-2" target="_blank" href="{$psgdpr_pdf_controller|escape:'htmlall':'UTF-8'}"><i class="material-icons" aria-hidden="true">download</i> {l s='Get my data to PDF' mod='psgdpr'}</a>
+    <a id="exportDataToCsv" class="btn btn-outline-primary d-block d-sm-inline-block mx-0 mb-2 mb-sm-0" target="_blank" href="{$psgdpr_csv_controller|escape:'htmlall':'UTF-8'}"><i class="material-icons" aria-hidden="true">&#xF090;</i> {l s='Get my data to CSV' mod='psgdpr'}</a>
+    <a id="exportDataToPdf" class="btn btn-outline-primary d-block d-sm-inline-block mx-0 mx-sm-2" target="_blank" href="{$psgdpr_pdf_controller|escape:'htmlall':'UTF-8'}"><i class="material-icons" aria-hidden="true">&#xF090;</i> {l s='Get my data to PDF' mod='psgdpr'}</a>
   </div>
 
   <h2 class="h5">{l s='Rectification & Erasure requests' mod='psgdpr'}</h2>
diff --git a/templates/_partials/form-fields.tpl b/templates/_partials/form-fields.tpl
@@ -150,7 +150,7 @@
             aria-label="{l s='Show Password' d='Shop.Theme.Actions'}"
             aria-expanded="false"
           >
-            <i class="material-icons">visibility</i>
+            <i class="material-icons">&#xE8F4;</i>
           </button>
         </div>
       {/block}
diff --git a/templates/_partials/header.tpl b/templates/_partials/header.tpl
@@ -55,7 +55,7 @@
           {* JUST PLACEHOLDER FOR RESPONSIVE COMPONENT TO LOAD REAL ONE *}
           <div class="header-block">
             <a href="{$urls.pages.my_account}" class="header-block__action-btn">
-              <i class="material-icons header-block__icon" aria-hidden="true">account_circle</i>
+              <i class="material-icons header-block__icon" aria-hidden="true">&#xE853;</i>
             </a>
           </div>
           {* JUST PLACEHOLDER FOR RESPONSIVE COMPONENT TO LOAD REAL ONE *}
@@ -66,7 +66,7 @@
             {* JUST PLACEHOLDER FOR RESPONSIVE COMPONENT TO LOAD REAL ONE *}
             <div class="header-block">
               <a href="{$urls.pages.cart}" class="header-block__action-btn">
-                <i class="material-icons header-block__icon" aria-hidden="true">shopping_cart</i>
+                <i class="material-icons header-block__icon" aria-hidden="true">&#xE8CC;</i>
                 <span class="header-block__badge">{$cart.products_count}</span>
               </a>
             </div>
diff --git a/templates/catalog/_partials/product-cover-thumbnails.tpl b/templates/catalog/_partials/product-cover-thumbnails.tpl
@@ -73,7 +73,7 @@
               </picture>
 
               <div class="product__images__modal-opener" data-bs-toggle="modal" data-bs-target="#product-modal">
-                <i class="material-icons zoom-in">search</i>
+                <i class="material-icons zoom-in">&#xE8B6;</i>
               </div>
             </div>
           {/foreach}
diff --git a/templates/catalog/_partials/products-top.tpl b/templates/catalog/_partials/products-top.tpl
@@ -21,7 +21,7 @@
         {if !empty($listing.rendered_facets)}
           <div class="col-4 d-block d-md-none filter-button">
             <button id="search_filter_toggler" class="btn btn-outline-primary w-100 js-search-toggler" data-bs-toggle="offcanvas" data-bs-target="#offcanvas-faceted">
-              <i class="material-icons" aria-hidden="true">filter_list</i>
+              <i class="material-icons" aria-hidden="true">&#xE152;</i>
               {l s='Filter' d='Shop.Theme.Actions'}
             </button>
           </div>
diff --git a/templates/catalog/_partials/quickview.tpl b/templates/catalog/_partials/quickview.tpl
@@ -56,7 +56,7 @@
             {hook h='displayProductAdditionalInfo' product=$product}
           </div>
           <div class="product-additional-info--end">
-            <a href="{$product.url}" class="d-inline-flex align-items-center">{l s='All details' d='Shop.Theme.Catalog'} <div class="material-icons" aria-hidden="true">chevron_right</div></a>
+            <a href="{$product.url}" class="d-inline-flex align-items-center">{l s='All details' d='Shop.Theme.Catalog'} <div class="material-icons" aria-hidden="true">&#xE5CC;</div></a>
           </div>
         </div>
     </div>
diff --git a/templates/catalog/_partials/sort-orders.tpl b/templates/catalog/_partials/sort-orders.tpl
@@ -3,7 +3,7 @@
  * file that was distributed with this source code.
  *}
 
-<p class="d-none d-md-block sort-by m-0 me-3"><i class="material-icons" aria-hidden="true">sort</i><span class="align-middle">{l s='Sort by:' d='Shop.Theme.Global'}</span></p>
+<p class="d-none d-md-block sort-by m-0 me-3"><i class="material-icons" aria-hidden="true">&#xE164;</i><span class="align-middle">{l s='Sort by:' d='Shop.Theme.Global'}</span></p>
 
 <div class="products-sort-order flex-grow-1 flex-grow-md-0 dropdown me-2 me-md-0">
   <button
@@ -13,7 +13,7 @@
     aria-haspopup="true"
     aria-expanded="false">
     {if $listing.sort_selected}{$listing.sort_selected}{else}{l s='Choose' d='Shop.Theme.Actions'}{/if}
-    <i class="material-icons ms-2">expand_more</i>
+    <i class="material-icons ms-2">&#xE5CF;</i>
   </button>
 
   <div class="dropdown-menu dropdown-menu-start">
diff --git a/templates/checkout/_partials/cart-summary-products.tpl b/templates/checkout/_partials/cart-summary-products.tpl
@@ -12,7 +12,7 @@
         {l s='Show details' d='Shop.Theme.Actions'}
       </span>
 
-      <i class="material-icons" aria-hidden="true">expand_more</i>
+      <i class="material-icons" aria-hidden="true">&#xE5CF;</i>
     </a>
   </p>
 
diff --git a/templates/checkout/_partials/order-final-summary-table.tpl b/templates/checkout/_partials/order-final-summary-table.tpl
@@ -13,7 +13,7 @@
         {l s='%products_count% items in your cart' sprintf=['%products_count%' => $products_count] d='Shop.Theme.Checkout'}
       {/if}
 
-      <a href="{url entity=cart params=['action' => 'show']}"><span class="step-edit"><i class="material-icons edit" aria-hidden="true">mode_edit</i> {l s='edit' d='Shop.Theme.Actions'}</span></a>
+      <a href="{url entity=cart params=['action' => 'show']}"><span class="step-edit"><i class="material-icons edit" aria-hidden="true">&#xE254;</i> {l s='edit' d='Shop.Theme.Actions'}</span></a>
     </p>
   </div>
 {/block}
diff --git a/templates/checkout/_partials/order-final-summary.tpl b/templates/checkout/_partials/order-final-summary.tpl
@@ -11,7 +11,7 @@
   <div class="order__summary__addresses mb-4">
     <p class="h5 mb-3">
       {l s='Addresses' d='Shop.Theme.Checkout'}
-      <span class="btn step-edit step-to-addresses fs-6 js-edit-addresses" data-step="checkout-addresses-step"><i class="material-icons edit fs-6" aria-hidden="true">mode_edit</i> {l s='edit' d='Shop.Theme.Actions'}</span>
+      <span class="btn step-edit step-to-addresses fs-6 js-edit-addresses" data-step="checkout-addresses-step"><i class="material-icons edit fs-6" aria-hidden="true">&#xE254;</i> {l s='edit' d='Shop.Theme.Actions'}</span>
     </p>
 
     <div class="row">
@@ -80,7 +80,7 @@
   {if !$cart.is_virtual}
     <p class="h5 mb-3">
       {l s='Shipping Method' d='Shop.Theme.Checkout'}
-      <span class="btn step-edit step-to-addresses fs-6 js-edit-shipping" data-step="checkout-delivery-step"><i class="material-icons edit fs-6" aria-hidden="true">mode_edit</i> {l s='edit' d='Shop.Theme.Actions'}</span>
+      <span class="btn step-edit step-to-addresses fs-6 js-edit-shipping" data-step="checkout-delivery-step"><i class="material-icons edit fs-6" aria-hidden="true">&#xE254;</i> {l s='edit' d='Shop.Theme.Actions'}</span>
     </p>
 
     <div class="bg-light rounded-3 p-3 mb-4">
diff --git a/templates/checkout/_partials/steps/addresses.tpl b/templates/checkout/_partials/steps/addresses.tpl
@@ -100,14 +100,14 @@
 
       <div class="mt-4 d-flex flex-wrap justify-content-between">
         <button class="btn btn-outline-primary w-100 w-md-auto mb-3 mb-md-0 js-back" data-step="checkout-personal-information-step">
-          <i class="material-icons rtl-flip" aria-hidden="true">arrow_backward</i>
+          <i class="material-icons rtl-flip" aria-hidden="true">&#xE5C4;</i>
           {l s='Back to Personal Information' d='Shop.Theme.Actions'}
         </button>
 
         {if !$form_has_continue_button}
             <button type="submit" class="btn btn-primary w-100 w-md-auto continue" name="confirm-addresses" value="1">
               {l s='Continue to Shipping' d='Shop.Theme.Actions'}
-              <div class="material-icons rtl-flip" aria-hidden="true">arrow_forward</div>
+              <div class="material-icons rtl-flip" aria-hidden="true">&#xE5C8;</div>
             </button>
 
             <input type="hidden" id="not-valid-addresses" class="js-not-valid-addresses" value="{$not_valid_addresses}">
diff --git a/templates/checkout/_partials/steps/payment.tpl b/templates/checkout/_partials/steps/payment.tpl
@@ -131,7 +131,7 @@
 
   <div class="payment__actions d-block d-md-flex d-flex flex-wrap justify-content-between">
     <button class="btn btn-outline-primary w-100 w-md-auto mb-3 mb-md-0 js-back" data-step="checkout-delivery-step">
-      <div class="material-icons rtl-flip" aria-hidden="true">arrow_backward</div>
+      <div class="material-icons rtl-flip" aria-hidden="true">&#xE5C4;</div>
       {l s='Back to Shipping method' d='Shop.Theme.Actions'}
     </button>
 
@@ -140,7 +140,7 @@
         <div class="payment__actions">
           <button type="submit" class="btn btn-primary w-100{if !$selected_payment_option} disabled{/if}">
             {l s='Place order' d='Shop.Theme.Checkout'}
-            <div class="material-icons rtl-flip" aria-hidden="true">arrow_forward</div>
+            <div class="material-icons rtl-flip" aria-hidden="true">&#xE5C8;</div>
           </button>
         </div>
       </div>
diff --git a/templates/checkout/_partials/steps/personal-information.tpl b/templates/checkout/_partials/steps/personal-information.tpl
@@ -46,7 +46,7 @@
           value="order"
        > 
           {l s='Continue to Addresses' d='Shop.Theme.Actions'}
-          <div class="material-icons rtl-flip" aria-hidden="true">arrow_forward</div>
+          <div class="material-icons rtl-flip" aria-hidden="true">&#xE5C8;</div>
         </button>
       </form>
     </div>
diff --git a/templates/checkout/_partials/steps/shipping.tpl b/templates/checkout/_partials/steps/shipping.tpl
diff --git a/templates/checkout/cart-empty.tpl b/templates/checkout/cart-empty.tpl
diff --git a/templates/checkout/cart.tpl b/templates/checkout/cart.tpl
diff --git a/templates/components/account-menu.tpl b/templates/components/account-menu.tpl
diff --git a/templates/components/password-policy-template.tpl b/templates/components/password-policy-template.tpl
diff --git a/templates/customer/_partials/order-detail-no-return.tpl b/templates/customer/_partials/order-detail-no-return.tpl
diff --git a/templates/customer/my-account.tpl b/templates/customer/my-account.tpl
diff --git a/templates/customer/password-new.tpl b/templates/customer/password-new.tpl
