Lagom WHMCS Client Theme is equipped with two different templates for the "Homepage". We will guide you step by step on how to make modifications to the "Modern" (opens new window) template.
Make sure that the WHMCS homepage is enabled in WHMCS settings. It is important to have the "Default to Client Area" option unchecked, otherwise, WHMCS will automatically redirect you to the "Login" page.
You can activate and configure the "Modern" homepage template with its default content. To do so, proceed to our demo page (opens new window). If you would like to use your own content for the "Modern" template, please follow the Advanced Modification article.
After the first installation of Lagom WHMCS Client Theme, all Lagom "Pages" use the "Default" templates. Refer to the instruction below to activate the "Modern" template for your homepage:
Here you can define which sections should remain visible to your customers:
You are also given the possibility to manage homepage SEO by activating this option in the right sidebar under the "Page Settings" title. Find out more in "Page SEO".
The main slider displays WHMCS MarketConnect (opens new window) products. If those products are not configured in your WHMCS system, then the slider section will not available on your Lagom installation.
The slide for each product will be displayed on the homepage only when the "Homepage" option will be enabled in MarketConnect "Promotion Settings".
You can freely customize the title and description displayed on each slide in the product group settings of your WHMCS admin area.
By default, you CANNOT display custom products or slides in the "Modern" template slider. This is only possible by using our "Promotion Manager" (opens new window) extension that needs to be purchased separately.
If the "Show Domain Search" section is active in "Template Settings", you will see the "Domain" section with featured TLDs on your homepage.
Domain TLDs displayed in this section can be managed in WHMCS settings.
To proceed with further modifications, it is necessary to make changes to the Lagom WHMCS Client Theme files. The below articles are prepared for more advanced customers, who have at least basic knowledge about HTML, CSS, Smarty and PHP.
In case you do not have appropriate knowledge or time to perform such customizations, our team offers "Custom Development" services, which can be requested using the Custom Project Request contact form.
Before you start modifying the "modern" template files, you have to duplicate the "modern" folder, so your modifications will not be overwritten by future theme updates.
modernfolder and change its name (do not use special characters or spaces). For example, you can name it
pageoption.phpfile and change the
?rspage=[template name], or
&rspage=[template name]if a specific URL already has one
Text strings used by default in the "Modern" template are located in the Lagom language files. To modify a specific section title or description, you need to create a language override as described in the "Language Overrides" article.
All strings used in the "Modern" template are located in the
Please follow the below article to customize product groups visible in the "Products For All Businesses" section.
By default, the "Modern" template shows product groups with IDs
3. This can be customized in the
homepage.tpl file. To replace those IDs, you need to find the product group ID of a product that you would like to show:
gidfield in the
You can assign any Lagom SVG icon located in the
/templates/lagom2/assets/svg-icon directory. You can find a list of available icons below.
To assign a different icon, you need to modify the
icon field in the
homepage.tpl file. Enter the correct icon file name:
Features available in the "Our Guarantees" section can be customized in the Lagom translations as described in "Customize Section Text". If you would like to assign a different icon to a specific "feature", you need to customize the
homepage.tpl file. You can assign any Lagom SVG icon located in the
/templates/lagom2/assets/svg-icon directory by entering the icon file name without the
By default, Lagom shows exemplary testimonials. Refer to the following article to start customizing its content.
Testimonial boxes can be edited in the
homepage.tpl file by modifying the below array.
author- the first and last name shown next to the avatar in the testimonial box.
avatar- the graphic loaded from the
/templates/lagom2/core/pages/homepage/[template name]/assets/imgdirectory. You can upload your custom graphics to that folder.
website- the link to the testimonial author website.
description- the description visible in the testimonial box.
The content displayed in the "Let’s Get Started!" section can be customized in the Lagom translations as described in "Customize Section Text".