Jump to content
Mandalorian

WHMCS Template Issues / Requests

Recommended Posts

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 by Mandalorian

Share this post


Link to post
Share on other sites

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. 😃

Share this post


Link to post
Share on other sites

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 by AladdinJ

Share this post


Link to post
Share on other sites
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!

Share this post


Link to post
Share on other sites

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

this is without the hook

image.png.1910a610dea111f4bc57ae4f12efc662.png

this is with the hook

image.png.b3d9ccb43d1f29a6efba3bca0b84ecd4.png
if you meant you want remove even that small box

I have wrote additional hook , will also remove this box

image.png.22e588a267460d6cb17cd2c3f4b14aa2.png

// 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 

image.png.8f8ccdc18d9723bd9a62167d1c329c0a.png

 

Edited by AladdinJ
added another hook

Share this post


Link to post
Share on other sites
4 hours ago, AladdinJ said:

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

this is without the hook

image.png.1910a610dea111f4bc57ae4f12efc662.png

this is with the hook

image.png.b3d9ccb43d1f29a6efba3bca0b84ecd4.png
if you meant you want remove even that small box

I have wrote additional hook , will also remove this box

image.png.22e588a267460d6cb17cd2c3f4b14aa2.png


// 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 

image.png.8f8ccdc18d9723bd9a62167d1c329c0a.png

 

Thanks @AladdinJ 

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Similar Content

    • By ModulesGarden
      1. OVH VPS & Dedicated Servers For WHMCS 1.2.0

      OVH VPS & Dedicated Servers For WHMCS has just been boosted with another significant update!

      The new 1.2.0 version lets you offer fully-suited virtual machines and dedicated servers powered by brands like So you Start and Kimsufi directly from the WHMCS V8.1 level.

      The module will make your provisioning venture even more efficient and customer-friendly also with such interesting additions as support for the OVH renewal functionality, as well as flexibility in adjusting the range of "Service Information" details that your clients will see without leaving your website.

      Eager to know this powerful release better?



      2. IP Manager For WHMCS 2.5.9

      The freshly released 2.5.9 version is here to give you all the more reason to fall in love with the top standard of comfort that our IP Manager For WHMCS channels into the complex management of IP subnets.

      Today, we are proud to announce the establishment of integration that has been expected with deep interest - the module now features WHMCS V8.1 and „Twenty-One” theme support!

      There’s more so you’d better have a look at the entire changelog!



      3. Like to keep your finger on the pulse at all times? Find the most recent releases below:
      Client Area Designer For WHMCS - v1.1.8 Client Area Popup For WHMCS - v1.2.7 GoGetSSL For WHMCS - v2.5.9

      Need Custom Software Development For Your Business?
       
      Get Your Free Quote Now! Specially for you we will adapt an application and its design to your own needs, create a new module or even a completely new system built from scratch!
    • By ModulesGarden
      1. Plesk Extended For WHMCS 3.5.0

      Because your system can never suffer from too many user-friendly features, today we are storming ahead with a solid update of Plesk Extended For WHMCS 3.5.0 that is about to nurture your web hosting business in more than a few different ways:
       
      Take maximum advantage of the newly introduced support for WHMCS V8.1 and "Twenty-One" theme. In order to limit the system resources consumed by PHP scripts, your clients are now allowed to use a custom PHP version and configurations per website. While in the comfy surroundings of the client area, let us also move a bit further to the new "Log Rotation" section where your customers can manage conditions for the log files to be cleaned up once they are too old or too big.
      Be sure to enjoy the full changelog available on our website!



      2. SMS Center For WHMCS 3.8.0

      Just as much deserving of a special mention is SMS Center For WHMCS, specifically because of its spanking-new 3.8.0 update!

      The module’s scope of support has been broadened to integrate well with as many as five all-new SMS gateways. Thanks to it, the official list of available SMS gateways now includes 51 providers in total!

      Additionally, the product has also received a series of tweak-ups so as to secure its rock-solid compatibility with both WHMCS V8.1 and "Twenty-One" system theme.

      Keep in touch with your customers no matter the time and place!



      3. Under the Microscope: MetricsCube Live Dashboard for WHMCS

      Reading through your business data feels as though you were reading a foreign language?

      Live Dashboard for WHMCS that forms a central part of MetricsCube communicates crucial metrics in a visual format to make all complex relationships in your data self-explanatory. Drop by the MetricsCube blog as soon as you can to get a close-up look at every single report and graph illustrating the real-time performance of your WHMCS business down to the last detail.

      Take an insightful stroll through the data-filled confines of Live Dashboard!



      Need Custom Software Development For Your Business?
       
      Get Your Free Quote Now! Specially for you we will adapt an application and its design to your own needs, create a new module or even a completely new system built from scratch!
    • By ModulesGarden
      1. Multibrand For WHMCS 2.8.0

      Your number one module for running multiple brands has just stepped up to the next version - welcome Multibrand For WHMCS 2.8.0! A couple of advantages you can gain thanks to this invigorating update:
      The much-anticipated compatibility with WHMCS V8.1 and "Twenty One" system theme. A neat utility to toggle off all outgoing email messages from any chosen brand. If your appetite for this brand-new release has just grown stronger, you know where to look for more - see the full changelog of Multibrand For WHMCS 2.8.0!



      2. DirectAdmin Extended For WHMCS 3.5.0

      A cordial shout-out to all DirectAdmin Extended For WHMCS enjoyers out there - the 3.5.0 update has just shown up on our website!

      And with it, a collection of new features for your clients’ use, allowing them to:
      Create and clone staging instances from the installed Softaculous applications. Update the settings of applications installed via Softaculous. Access WordPress instances through a one-click login button. Did we manage to attract your attention with this brief outline? Then be sure to inspect the full changelog for many more details!



      3. Top Reasons For Offering Dedicated Servers - EasyDCIM

      Flexibility has always been seen as a major business advantage, but the pandemic reality took it from "maybe" to "must-have". As we move from crisis to whatever comes next, web hosting companies must strive twice as hard to keep up with the ever-growing competition while adapting to any shifts in customer attitudes and needs.

      In their recently posted article, the folks at EasyDCIM deal in-depth with the challenge of staying ahead of the pack on the crowded web hosting scene. See for yourself how easily it can be achieved by diversifying your offer with dedicated servers!

      Make your business stand out!



      Need Custom Software Development For Your Business?
       
      Get Your Free Quote Now! Specially for you we will adapt an application and its design to your own needs, create a new module or even a completely new system built from scratch!
    • By ModulesGarden
      1. Office 365 For WHMCS 2.3.0

      Our freshly rolled out Office 365 For WHMCS 2.3.0 is armed and ready to enhance the charm of your Microsoft Office 365 offerings with a solid dose of novel attributes.

      After the series of comprehensive examinations, the module now boasts impeccable compatibility with WHMCS V8.1 as well as the "Twenty-One" system theme!

      Another new functionality we have lately been laboring over extends the tools available in your client area, allowing the possibility to manage addons for Office 365 users if the "Extended" type is used for the ordered services.

      Embrace other brand-new, golden solutions from Office 365 For WHMCS 2.3.0!



      2. EasyDCIM v1.7.2

      Another pioneering version of EasyDCIM has just been made official! This hefty 1.7.2 update is centered on one particular functionality everyone has been dying for - VLAN management support!
      Switch Management v1.3.0 gathers all features required to carry out such essential operations on VLANs as their addition, assignment to the network port, as well as automatic VLAN detection during the polling of a device. IP Address Management v1.8.0 brings a wealth of ease to the device’s provisioning process through the option to set VLANs as provisioning VLANs. Let the EasyDCIM Blog indulge you with a brief reading on this exciting release!



      3. WHMCS 8.1 Release Candidate

      Our Product Development Team spares no effort to make sure that every single one of the WHMCS modules from our Marketplace has been thoroughly readjusted in terms of a visual and functional integration with WHMCS V8.1. Even though the system is not yet generally available, we already managed to roll out quite a number of updates - and still counting!

      Keep an eye on our Forums for more compatibility news coming soon!



      Need Custom Software Development For Your Business?
       
      Get Your Free Quote Now! Specially for you we will adapt an application and its design to your own needs, create a new module or even a completely new system built from scratch!
    • By ModulesGarden
      1. OpenStack VPS & Cloud For WHMCS 2.0

      Making sure that our software keeps the brisk pace of transformations in the field of advanced technologies is a timeless goal to work towards. It is therefore with all the greater pleasure that we deliver to you today a brand-new 2.0 edition of OpenStack VPS & Cloud For WHMCS.

      The most impressive change that will certainly grab all your attention lies not only in the module’s upgraded name, but most of all, in a mass of trend-setting new components, such as:
      An extensively reconstructed code. A cutting-edge new framework with integrally related, coherent, and well-conceived architecture that makes the navigation quick and intuitive. Unblemished support for the upcoming WHMCS V8.1, going so far as to include the "Twenty-One" system theme based on Bootstrap 4. Confirmed compatibility with OpenStack Victoria. The scope of functional powers substantially enhanced, e.g. with the possibility to set the server’s hostname using a dedicated custom field. At the same time, your client area has been geared up to allow rebuilding as well as handling the scheduled backups for virtual machines with volumes. The extended range of OpenStack-based providers supported by the module that leads on to replacing OVH Public Cloud For WHMCS module with OpenStack VPS & Cloud For WHMCS. If you are eager to better understand the revolution in the means for server provisioning we have just triggered, we warmly invite you to study our latest Blog article explaining in detail what’s in store for the OVH Public Cloud For WHMCS users, as well as why converting into OpenStack VPS & Cloud For WHMCS has never been a better idea.

      Gain a broader perspective on OpenStack VPS & Cloud For WHMCS 2.0!



      2. WHMCS V8.1 Beta

      We just can’t hold the excitement in as we announce that in the light of WHMCS V8.1 Beta release, we have already put a vast number of our WHMCS modules under the microscope. Those which can be installed with no worry at all in this freshest environment were gathered together in a convenient list on our Forums.

      Be sure to come back there on a daily basis as we do not intend on slowing down!



      Need Custom Software Development For Your Business?
       
      Get Your Free Quote Now! Specially for you we will adapt an application and its design to your own needs, create a new module or even a completely new system built from scratch!
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

By using this site, you agree to our Terms of Use & Guidelines and understand your posts will initially be pre-moderated