Lagom WHMCS Client Theme settings have been divided into two parts. Under the “General” section, you will find settings applicable for all theme pages while the “Order Process” part contains settings only for the order template.
In the “General” settings tab, you can freely modify Lagom WHMCS Client Theme pages. The changes implemented under this section will impact all Lagom WHMCS Client Theme pages, layouts, and styles.
The “Logo Link” option grants you the possibility to overwrite a default URL assigned to logo graphics used in the Lagom WHMCS Client Theme. By default, a logo connects to the home page or login page depending on the WHMCS settings. By providing a different URL to the “Logo Link” field, you will change this default behavior.
Click “switcher” to activate this option.
Enter the preferred URL that you wish to assign to the Logo Link option.
The “Gravatar” option allows you to display the customer's “avatar” in place of the “account” icon in the Lagom WHMCS Client Theme. The gravatar shows graphics from the gravatar.com (opens new window) website. Your customer needs to have a registered account on the gravatar.com website with the same email address as in your WHMCS system, otherwise, the placeholder graphic will be displayed.
Carry out these steps to learn how to activate the “Gravatar” option in Lagom WHMCS Client Theme:
When customer email address does not have any gravatar image assigned, then placeholder will be shown. This option allows you to decide what type of placeholder you'd like to display for your customers. Every available placeholder is described in gravatar documentation (opens new window).
Use the “Cookie Box” functionality if you wish to turn on and manage “Cookie Box” that will be shown to all your customers on all Lagom WHMCS Client Theme pages.
When enabled, you'll have two options to choose with:
When enabled, it will replace default status dots with custom designed icons in Services, Domains, Invoices, Tickets, Quotes table pages, as shown in below example:
This setting allows you to define table cache duration. By default, WHMCS and Lagom WHMCS Client Theme, store table settings for 2 hours. This means that when customer filter the table, for example by clicking on the "Status" filter, this selection will be stored in browser cache for 2 hours, after this time selection will be restored to default table settings.
Available options:
When enabled client ID will be shown in account dropdown. This feature is also integrated with "Resellers Center" (opens new window) module.
This feature is also compatible with pages generated by the Lagom WHMCS Website Builder product. Learn more about "Alternate" links - click. To enable "Alternate Links" click on the "enable" button, as shown below:
Once enabled, all your WHMCS pages will contian additional alternate code in the <head> tag, as shown below:
By default, our theme applies capitalization to section titles on the Homepage and MarketConnect pages to ensure consistency in design and uniformity across all titles. This approach addresses the issue of varied styles in WHMCS language variables, where titles may appear capitalized based on their entry in the WHMCS language files. To modify this behavior, customization of these strings in the WHMCS language files is required.
This feature lets you hide discount calculations for different billing cycles. Normally, our products show which billing period saves the most money, encouraging customers to choose longer commitments by comparing costs. If you prefer to keep pricing simple and not show discounts, this function will hide any savings shown for longer billing periods, making your pricing presentation cleaner. For more information on how the discounts are calculated, refer to our documentation - Product Discount Calculation.
Discounts can be visible in our both products, Lagom WHMCS Client Theme and Lagom WHMCS Website Builder. With the feature disabled, customers can see the percentage savings for choosing longer billing cycles, such as annual or biennial plans on the respective pages generated by the product.
Discounts visible on the Configure Product page in the Lagom WHMCS Cient Theme.
With the "Hide Billing Cycle Discounts" feature enabled.
Discounts are also visible on the pages generated by the Lagom WHMCS Website Builder as shown below.
With the feature enabled, these savings are hidden, and only the flat rates are displayed.
This feature enhances the speed and responsiveness of your client area by dynamically loading data tables using AJAX. This means data for items like domains, tickets, invoices, or any other services is only loaded as needed.
Consider you have 2000 domains listed in the client area. Typically, loading such a table could take 20-60 seconds because WHMCS loads all data simultaneously. However, with the "Enable Dynamic AJAX Loading for Data Tables" feature activated, only the first 10 domains are initially loaded, reducing the load time to less than 1 second.
This improvement not only speeds up the interface but also makes it more responsive, especially when handling large datasets. Actions like filtering domain names, sorting ticket entries, or searching for specific invoices become smoother as the data updates dynamically without needing to reload the entire page.
Below is an example of how the "Enable Dynamic AJAX Loading for Data Tables" feature works in practice.
By default, the Lagom WHMCS Client Theme displays all available languages which are offered by the WHMCS system. The "Custom Language List" option lets you manage the languages on your website and choose which ones will be available in the "Language Selector" in the menu.
Important: If you are using the Lagom WHMCS Website Builder, ensure to clear the Menu Cache using the option available under `RS Themes -> Tools` after making changes.
Languages you pick in the "Custom Language List" function will appear in the "Language Selector" as seen below. If you want to learn more about this type of menu item, see the "Menu Manager" (opens new window) documentation.
This option adapts our current themes to dark color scheme, enhancing visual comfort, especially in low-light environments. In the Style Manager, you can freely modify the variables for dark mode under the sections for Color Variables (opens new window) allowing for tailored adjustments to fit your site's aesthetics. Please note that the Dark Mode is not available for the Futuristic style.
Choose whether you want to enable a toggle switch in the menu for users to switch between Dark and Light mode, or force Dark Mode where users do not have the option to change to Light Mode.
The mode switcher has been added to the theme as a menu item in the Menu Manager. Once enabled our addon will try to perfrom automatic update of the menus, however If you have customized your default navigation using the Menu Manager, our addon cannot automatically update such navigation. In this case, you will need to manually add the mode switcher to your menus. To ensure the switcher is visible in your theme, please follow the steps outlined below.
In the "Default" display rule (opens new window), when Lagom Website Builder extension is NOT enabled, the "Mode Switcher" is added to the Client Secondary Menu. To manually add it to your customized navigation menu, follow these steps:
In the "CMS" display rule (opens new window), when the Lagom Website Builder extension is enabled, the "Mode Switcher" is automatically added to the following navigation menus:
To manually add the "Mode Switcher" to your customized navigation menu, follow these steps:
Once everything is configured correctly and the Dark Mode option is enabled, the switcher will appear as shown below:
When using Lagom Webiste Builder, after switching from the "Switcher" to "Force Dark Mode" (or vice versa), you may need to refresh the Section Cache located at RS Themes -> Tools -> Section Cache.
Choosing this option will enable Dark Mode permanently. Users will not have the ability to switch between Dark and Light Mode, as the switcher will not be displayed, unlike in the "Switcher" setting mentioned above.
Select the default mode that will be activated on your site when the Switcher (Dark/Light) option is enabled.
img-darkmode Custom Class We have introduced a custom CSS class called img-darkmode, which allows you to apply a brightness filter to icons used in the "Features" (opens new window) section of the Lagom WHMCS Website Builder (opens new window). When adding or editing a feature, scroll to the "Advanced Settings" and enter the class name in the "Item Custom Class" field.
This class increases the brightness of the icon, making it suitable for dark backgrounds. However, please note that not all icons will be visually compatible with this effect, so we recommend testing it first.
Below you can see an example:
In this example, the icon has been significantly brightened to match the Dark Mode styling.
This option allows you to globally control the visibility of all graphics assigned in the Graphics section. When enabled, assigned graphics will appear across your client area. When disabled, the graphics remain assigned but are not displayed on your webpage.
When enabled, this option ensures that product prices on your website are automatically updated based on the latest exchange rate set in your WHMCS system settings.
This ensures that the pricing shown in the "modern homepage" product boxes and within the Lagom Website Builder even when Website Caching (opens new window) is enabled remains accurate and reflects any currency fluctuations. Whenever the exchange rate is updated, the system will automatically adjust the displayed prices, keeping them consistent across your website.
Note: Pricing updates are processed according to your server's cron job schedule. As a result, changes may take a few minutes to reflect, depending on your server configuration.
With the "Affixed Navigation" feature, you can keep the top Lagom WHMCS Client Theme navigation visible while scrolling, improving accessibility and user experience. You can also choose between two types of affixed navigation to match your website’s needs.
Follow the below steps to enable the "Affixed Navigation" option in the Lagom WHMCS Client Theme:
Choose the type of affixed navigation you want to apply to your website. Two options are available:
Confirm by clicking on the "Save Changes" button placed at the bottom of the screen.
Please see the video below demonstrating the difference between the "Dynamic" and "Sticky" nagivation settings.
The "Affixed Sidebars" functionality empowers you to affix the Lagom WHMCS Client Theme sidebars to the top of the browser window. Sidebars will be affixed once a website is scrolled UP and DOWN. Turning off this option will NOT disable affixed sidebars during the ordering process of WHMCS products.
Check how to enable the "Affixed Sidebars" feature in Lagom WHMCS Client Theme:
This setting lets you enable the "Account Details Box" and decide on which pages it should be displayed within the Account Management and User Management sections. You can choose "All Account Pages" to show it everywhere, or limit it to specific pages only.
With this option enabled, the Account Details Box is displayed in the sidebar.
When disabled, the Account Details Box will not be shown.
This feature lets you to easily manage company description located in the footer with an additional option for easy translation. The text you provide will appear only when Footer "Extended" Layout (opens new window) is selected.
If this field is left empty, the following default string from the language file (/templates/lagom2/core/lang) will be used:
'footer_extended' => [
"footer_desc" => 'Get in touch with us!',
Please see below how it can appear on your website.
This feature allows you to display icons of supported payment gateways in the footer of your website. You can choose the location within the footer where these icons will appear.
Choose where the payment gateway icons should be displayed within the Footer. The settings below apply only to the "Extended Footer Layout" (opens new window), as the "Default" layout supports only one icon placement option ("Bottom").
Adds icons on the left side beneath the social media icons.
Places icons at the center of the footer's bottom section.
For the "Default Footer Layout" (opens new window), the icons are displayed on the right side of the Footer.
This feature allows you to select between available icons size variants aligning it more to your preferences or increasing transparency within your website by selecting one of available variants.
Available options:
48x32px62x42pxAdd a header for the icons section, which will appear if you choose the "Default" option in Section Location.
This feature allows you to easily translate the header using the quick translation tool.
In this section you can manage and customize the payment icons displayed in your website footer.
Click Upload Image to open the payment icon management window.
It includes three tabs for different actions:
This layout helps you quickly organize and reuse your payment method images whenever needed.
The "Change Icon " button allows you to directly replace a particular icon without having to delete and add a new one.
This button allows you to remove the added icon. When clicked, confirmation window will appear.
This feature allows you to add tooltips to your payment gateway icons. Once implemented, when customers hover over an icon, they will see the name of the payment method, helping them easily identify each option.
This feature allows you to easily translate the tooltip using the quick translation tool.
This option allows you to enable automatic dropdown menu expansion while hovering over it. It works for both Main Menu, and Secondary Menu.
Decide how the navigation should behave on mobile phones, by default when you click on the menu icon, the menu items will slide from the left side. However with the new release you can activate the "dropdow" style.
This option lets you hide the breadcrumbs, a navigation path that appears just below the page title in the Client Area (for example: Portal Home / Client Area / Support Tickets). It shows users where they are in the website structure.
Hiding breadcrumbs can help create a cleaner and more focused layout.
By default, the breadcrumb nagivation is displayed like this.
Effect after enabling the "Hide Breadcrumb" option.
IMPORTANT Compatibility Notes: The features described below are tailored specifically for the Lagom WHMCS Client Theme and are exclusive to its order process.
Please note that these features are not compatible with the Lagom Smart Order Form For WHMCS module, which is a separate product for the ordering process with its own implementations and functions. Thus, it does not support the features from the Lagom WHMCS Client Theme.
The “Package Price” option gives you the possibility to decide how to adjust long product prices to the package width. By default, product prices in the Lagom WHMCS Client Theme are shown always in one line. This might result in some issues with very long prices as presented below.
Select the “Break All” option in the “Package Price” settings if you wish very long prices to be shown in two lines as in the following picture.
Important: This feature is specific to the Lagom WHMCS Client Theme and Lagom WHMCS Website Builder, it does not apply to the Lagom Smart Order Form For WHMCS. For more details, see Compatibility Notes.
This setting let you decide what price calculation should be shown on the product categories (opens new window) pages.
By default WHMCS display prices from the first billing cycle, from your product configuration. For example "Single" package in "Web Hosting" (opens new window) category, have below billing cycle setting:
As you can see in above example, the lowest price per month, which you pay for "Single" package, is $2.99 when you choose "Annually" billing cycle. However WHMCS will display "Montly" price, as its a first billing cycle, which is configured for specific product:
When this option is selected, our addon will replace prices generated by WHMCS, with the lowest price calculated from all configured billing cycles.
In our above example "Single" package in "Web Hosting" (opens new window) category, has lowest price for Anually billing cycle, so the $2.99 price will be shown.
Additionally, when "Order Now" button is clicked, our addon will automatically select the lowest billing cycle in product configuration step:
Important: This feature is specific to the Lagom WHMCS Client Theme and does not apply to the Lagom Smart Order Form For WHMCS. For more details, see Compatibility Notes.
The “Hide Product Nameservers” feature will allow you to hide the "NS1 Prefix" and "NS2 Prefix" fields, which are shown in the “Configure Server” section, during the ordering process in the product configuration.
In order to hide nameservers fields in Lagom WHMCS Client Theme, perform the following steps:
Decide whether “Nameserver” should be hidden for all products or only for selected groups. Once you tick “Hide for selected product groups”, you will see a list of product groups configured in your WHMCS system.
To confirm your setup, click “Save Changes” at the bottom of the window screen.
Important: This feature is specific to the Lagom WHMCS Client Theme and does not apply to the Lagom Smart Order Form For WHMCS. For more details, see Compatibility Notes.
With the “Hide Product Hostname” option, you can block the "Hostname" and “Root Password" fields, which are located in the “Configure Server” section of the product configuration during the ordering process.
To do so, follow the instruction below.
rsstudio-[20 random characters].net.
Prefix Random Chars Type - Choose the types of characters to be included in generating the hostname. Multiple selections are allowed:
Hide On Checkout Page - Upon selection, hostnames will also be omitted from the checkout summary table, as shown in below example:
Important: This feature is specific to the Lagom WHMCS Client Theme and does not apply to the Lagom Smart Order Form For WHMCS. For more details, see Compatibility Notes.
When this option is enabled, a password strength checker and password generator are available for the "Root Password" field on the product configuration page during the ordering process.
This feature applies only to server products that use the "Root Password" field. It does not affect password fields on other pages, such as customer registration or client area password change.
If the entered password does not meet strength requirements, the customer will not be able to continue to the next order step. After clicking "Continue", an error message will be shown.
Password validation logic
The "Root Password" field uses the same validation and generation script as the password field in the customer registration form.
Both fields share the same base configuration, which can be adjusted in the WHMCS admin area, as described in the WHMCS documentation (opens new window).
This toggle enables the use of a custom list of special characters for the Root Password generator.
When disabled, the generator uses the default character set defined in WHMCS.
Defines which special characters may be used by the password generator when "Custom Special Characters" is enabled.
Enter characters without separators. Example: !@#$%^&*.
Some operating systems reject passwords containing specific special characters. Limiting the generator to an allowed character set prevents password rejection during checkout and avoids confusion for customers.
This option improves the visibility of active promo codes during the entire ordering process.
When enabled, a small label showing the promo code information will appear across multiple checkout steps. The promo code must already be active in the customer's session, either by entering it manually or through a direct link that includes the code.
This helps reassure customers that their discount is applied correctly at every stage of the order.
The label will be displayed on the following pages:
If you are using the "Banner" Main Menu Layout (opens new window), you can change the label's colors in the Style Manager, under Layout → Header for banner Layout section of your active style.
The text inside the label and the tooltip can be translated using the following strings located in our language files (/templates/lagom2/core/lang):
'promocode' => [
'header_label' =>'promo code has been applied to your session!',
'header_tooltip' =>'The promo code has been added to your cart and will be applied to the eligible product at checkout.',
Important: This feature is specific to the Lagom WHMCS Client Theme and does not apply to the Lagom Smart Order Form For WHMCS. For more details, see Compatibility Notes.
The feature is also not compatible with the Discount Center For WHMCS module.
By default WHMCS does not allow to choose billing cycle for which specific domain name, by enablig this function our theme will add new features to specific places
When activated, this feature enables your customers to select the registration duration for their searched domain name during the hosting product ordering process. It allows for immediate comparison of prices across different billing cycles. By default, WHMCS offers this option only on the View Cart page.
The option to modify the domain billing cycle will also be accessible in subsequent stages of the ordering process, specifically on the domain configuration page. This allows your customers to reconsider and potentially make adjustments to the domains they have added to their order.
The option to alter the domain billing cycle can be found on both the Domain Search (opens new window) and Domain Transfer (opens new window) pages, as illustrated in the screenshots provided below.
Important: This feature is specific to the Lagom WHMCS Client Theme and does not apply to the Lagom Smart Order Form For WHMCS. For more details, see Compatibility Notes.
By default, our theme automatically removes the <br/> tags from product descriptions. These tags are inserted by the WHMCS system whenever a new line break is introduced in the product description field on the product configuration page.
We recommend using HTML code within product descriptions for enhanced formatting. However, this practice has led to issues because WHMCS adds a <br/> tag with every line break, disrupting the intended layout.
To maintain consistency and ensure the proper display of product descriptions, we utilize HTML code in all our demo pages, as demonstrated in the example below.
<p>Perfecto para iniciarese en el mundo web. Ideal para pruebas y aprendizaje.</p>
<ul class="package-features">
<li><b>Unlimited</b> Website</li>
<li><b>50 GB</b> NVMe Storage</li>
<li><b>Unmetered</b> Bandwidth</li>
<li><b>Unlimited</b> Emails & DBs</li>
<li><b>Free</b> SSL Certificate</li>
<li class="premium-divider"><span>Premium Features</span></li>
<li><b>On-demand</b> Backups</li>
<li><b>50% Faster</b> Servers</li>
<li><b>Priority</b> Support</li>
</ul>
When this option is activated, <br/> tags are omitted, ensuring the HTML code is formatted correctly, as illustrated below:
However, if the option is deactivated, <br/> tags are inserted after each line break, resulting in HTML with extra spacing between each feature line
By disabling this option, you should not use line break when you write the code in product description, as in below example:
<p>Perfecto para iniciarese en el mundo web. Ideal para pruebas y aprendizaje.</p><ul class="package-features"> <li><b>1 Sitio web</b> permiitido </i></span></li><li><b>500MB</b> de Espacio web</li><li><b>1GB</b> de Transferencia mensual</li> <li><b>SSL</b> incluido para mayor seguridad</li> <li><b>1</b> Base de datos</li><li><b>PHP</b> 7.4 soportado </li><li class="premium-divider"><span>Nota</span></li><li> Este plan no incluye soporte técnico</li></ul>
This feature significantly improves the visibility and understanding of free domain offers on the "Configure Product Domain" page within the Lagom Client Theme. It is designed to eliminate confusion and enhance user comprehension by clearly outlining the free domain promotions.
Before enhancements, when ordering hosting products, the inclusion of a free domain was unclear. Although a note appeared under the domain search box (* Free Domain Registration applies to the following extensions only: .com), the regular prices were still displayed upon searching. This did not clearly communicate which domains were free and under what conditions. Furthermore, the "Most Popular" and "Suggested Domains" sections continued to show standard prices.
The setting can be found in our RS Themes addon under Settings and the Order Process category.
Improvements Made
This feature is available for both "Configure Product Domain" page templates ("Boxed" and "Default").
Discounts are immediately visible, with original prices crossed out also in the "Most Popular" and "Suggested Domains" sections.
This option helps customers better understand configuration costs during the ordering process by making prices of included configuration options always visible in order summaries.
By default, prices of configuration options included in the product price are shown only on hover. Enabling this option displays these prices permanently, without requiring any user interaction.
When enabled, included configuration option prices are shown directly in the configuration summary on the "Product Configuration" page and in the order summary on the "View Cart" page, allowing customers to see all configuration costs at a glance.
Example view on the "Product Configuration" page.