TwentyOne Theme WHMCS Template Issues / Requests

[Mandalorian 12]

Dear WHMCS Users,

Hope you're enjoying the holidays. The next WHMCS update is around the corner, so I sent this message to WHMCS support fix the following issues in TwentyOne template in the upcoming release. These issues are detrimental to the user experience. I also highlighted some small improvements that can make a big difference.

ISSUE # 1 - DUPLICATE CURRENCY DROPDOWN ON MOBILE & TABLET SCREENS

On mobile/tablet screens order product page, there are two "choose currency" drop downs. When user clicks on the first "choose currency" dropdown, it is empty. The first dropdown is also useless, as there's a second currency dropdown below that which works unlike the first dropdown. The second dropdown also takes up extra space on small screens. Please advise how to remove the first useless dropdown, or fix it in the upcoming release. Please see the screenshot here: https://snipboard.io/CVYA5e.jpg

ISSUE # 2 - NON RESPONSIVE DOMAIN SETTINGS IN CLIENT AREA

On mobile/tablets screens, the Domain Settings page (/clientarea.php?action=domains) is not responsive. You can see in the screenshot below that some of the domain options and dropdowns are going outside the screen area. Screenshot here:  https://snipboard.io/eHk0LX.jpg

ISSUE #3 - TEMPLATE HEADER TAKING TOO MUCH SPACE

On TwentyOne, instead of a single header row, there are three header rows which take up too much space on a device. For example, on TwentyOne template header, the top row/bar is for "Notifications" and a useless "Logged in as" link. Below that, there's Logo, Search, and Cart Header Bar. And then there is a third row which has a Menu Bar, and logged in User bar. 

WHMCS can improve TwentyOne template and save valuable screen space, by having all these elements on a single Header bar (logo, cart, menu, notifications, and logged in user). The top bar with "Logged in as" is totally useless. Six template header was much cleaner and better organized in that respect.

REQUEST #4 - LOGIN SCREEN

Current Login screen can be modernised by adding options to add images on the side, promo slide-shows, and latest updates. An example can be seen here: https://platform.cloudways.com/login?ref_id=web_navbar

REQUEST #5 - LOGGED IN USER PHOTO

Pull users photo from their social media, and give the option to add their own photo and display it in client area below the welcome greeting. 

REQUEST #6 - MARKET CONNECT PROMO BANNERS INSIDE CLIENT AREA

TwentyOne template can improve client area user experience manifold by simply providing an easy way to edit existing Promo Banners, and adding new custom banners. Please consider this. 

REQUEST #7 - MARKET CONNECT PRODUCT SELECTION FOR WHMCS USERS

Market Connect products are not really useful for WHMCS users. I know many WHMCS users and hardly anyone is using any of them. Please do add features (fixing upgrade of products with configurable options and others) that will add real value to WHMCS and help its users.

On a separate note, WHMCS users will want to promote Market Connect products only if they can be PRIVATE LABELLED.  For example, you guys are adding NORD VPN to Market Connect. If it can be private labelled/white labelled, I'd love to offer it to my clients.

These improvements won't take much time but they'd really help improve user experience on WHMCS.

Happy holidays!

Edited December 25, 2022 by Mandalorian

[AladdinJ 11]

Agree with you , I hope they fix these things 

[pRieStaKos 38]

I don’t think the team is targeting to improve user experience.

Your report is an addition to many other (old enough) reports/requests from users that left the community, as no one listens anymore.

The path you should take it to use your own template (with many modifications) or get a commercial template to do your job.

…but worth trying. 😃

[wsa 89]

Yes that true I dont think whmcs going to fix all this

[AladdinJ 11]

anyway who looking for quick solution
this hook will fix ISSUE # 1

use WHMCS\View\Menu\Item as MenuItem;

add_hook('ClientAreaSecondarySidebar', 1, function (MenuItem $secondarySidebar) {
   $secondarySidebar->removeChild('Choose Currency');
});

 

Edited December 26, 2022 by AladdinJ

[Mandalorian 12]

10 hours ago, AladdinJ said:

anyway who looking for quick solution
this hook will fix ISSUE # 1

use WHMCS\View\Menu\Item as MenuItem;

add_hook('ClientAreaSecondarySidebar', 1, function (MenuItem $secondarySidebar) {
   $secondarySidebar->removeChild('Choose Currency');
});

 

Hey Aladdin 🙂 Thanks, buddy!! 

I tried your hook but the duplicate/extra Choose Currency menu still shows on mobile and tablet screens.
Please could you check and re-post the hook?

Happy holidays!

[AladdinJ 11]

Hello @Mandalorian
that's strange it's works with me ,

this is without the hook

this is with the hook

if you meant you want remove even that small box

I have wrote additional hook , will also remove this box

// Remove Small box for currency on Mobile
add_hook('ClientAreaPageCart', 1, function($vars) {
    add_hook('ClientAreaFooterOutput', 1, function($vars) {
    $return = '
<script>
const SCbox = document.querySelector("select[name=currency]");
SCbox.remove();
</script>
';
    return $return;
    }); 
});

you shoud use both hooks , that will make changing currency from footer only

this is final result 

 

Edited December 26, 2022 by AladdinJ
added another hook

[Mandalorian 12]

4 hours ago, AladdinJ said:

Hello @Mandalorian
that's strange it's works with me ,

this is without the hook

this is with the hook

if you meant you want remove even that small box

I have wrote additional hook , will also remove this box

// Remove Small box for currency on Mobile
add_hook('ClientAreaPageCart', 1, function($vars) {
    add_hook('ClientAreaFooterOutput', 1, function($vars) {
    $return = '
<script>
const SCbox = document.querySelector("select[name=currency]");
SCbox.remove();
</script>
';
    return $return;
    }); 
});

you shoud use both hooks , that will make changing currency from footer only

this is final result 

 

Thanks @AladdinJ 

None of these hooks work on my TwentyOne template. Not sure why. Are you using TwentyOne too?

[AladdinJ 11]

Hi @Mandalorian yes I am on TwentyOne  latest version

[Mandalorian 12]

Update: We have case CORE-17527 open with WHMCS development team around improving the responsive display of client area domain/service and case CORE-18368 open regarding the currency sidebar.

For other issues, they want us to go and vote for features at: https://requests.whmcs.com