How to combine different My Account tabs into one

It's possible to combine different My Account tabs. For example, please, see the following steps on how to combine the tabs Wallet and Payments & History.

1. In the My Account Layout template, take two tabs you want to combine and change the ng-if value for one of them. So, instead of this code:

   XML

   <my-account-history ng-if="current=='payments'"></my-account-history>
   <my-account-wallet ng-if="current=='wallet'"></my-account-wallet>
   

   You would get:

   XML

   <my-account-history ng-if="current=='payments'"></my-account-history>
   <my-account-wallet ng-if="current=='payments'"></my-account-wallet>
   

2. In the My Account Common Components template delete the unnecessary tab (Wallet in our case) and rename the one left from this:

   HTML

   <li data-item="wallet"><a class="" href="#"><t>Cards</t></a></li>
   <li data-item="payments"><a class="" href="#"><t>History</t></a></li>
   

   To this:

   HTML

   <li data-item="payments"><a class="" href="#"><t>Cards and payments history</t></a></li>
   

Last updated: June 26, 2026