# Graphics
The Lagom WHMCS Client Theme Graphics functionality allows you to assign custom illustrations, icons, and other visuals to different elements of your WHMCS client area. It helps you organize and visually enhance key areas such as products, domains, and support departments. By combining recognizable graphics with functionality, you can make your client area more intuitive, engaging, and consistent with your brand identity.
# Main Page
The Graphics section allows you to assign dedicated graphics for products, domains, and support departments. You can manage them under the Graphics tab in the RS Themes addon.
To ensure that the assigned graphics are visible on your website, make sure the Display Product Graphics (opens new window) option is enabled in the Settings tab.
- Categories – Choose the category to which you want to assign graphics.
- Item list – Expand individual entries to manage their assigned graphics.
- Search – Quickly find specific items within a selected category.
# Add/Edit Graphic
You can assign graphics to individual items via a modal window by clicking Assign Graphic.
After opening, the modal window lets you select one of the available graphic types.
If a graphic is already assigned, click Edit to change it or Delete to remove it.
# Products
This category allows you to manage graphics assigned to product groups and individual products. It helps you maintain a consistent, visually appealing layout across the client area, order process, and homepage.
Note that it is also possible to configure graphics for products or product groups marked as hidden in WHMCS.
# Product Group Illustration
The Product group illustration option allows you to assign a large, representative image displayed on the Homepage (Modern template) to visually represent each product group.
Displayed on:
- Homepage (Modern template)
Available graphic types:
- Small and Medium Icon
- Font Awesome
- SVG Icon
- SVG Illustration
- Graphics from the Library
- Custom graphics
# Example Views
Below you can find example views showing how assigned illustrations appear on the homepage.
# Product Group Graphic
The Product group graphic defines the image that represents all products belonging to a given group. This graphic is used consistently across multiple views in the client area and order process.
Assigning a graphic here ensures that all products within the same group share the same visual representation. For example, all products under Shared Hosting will display the same image.
Displayed on:
- Client Area Dashboard – "Your Active Products/Services" panel
- Services – List of active products and services
- Product Details – Detailed product information page
- Store – Product package listings in the store
- Configure Product – Product configuration page during ordering
- View Cart – Shopping cart summary view
Available graphic types:
- Small and Medium Icon
- Font Awesome
- SVG Icon
- Graphics from the Library
- Custom graphics
# Example Views
Below you can find example views showing how product graphics appear across related pages.
# Client Area Dashboard
# "Services" page
# "Product Details" page
# "Store" page
# "Configure Product" page
# "View Cart" page
# Product Graphic
The Product graphic option is available for individual products that belong to a group. Assigning a graphic here overrides the group graphic for that specific product.
Displayed on:
- Client Area Dashboard – "Your Active Products/Services" panel
- Services – List of active products and services
- Product Details – Detailed product information page
- Store – Product package listings in the store
- Configure Product – Product configuration page during ordering
- View Cart – Shopping cart summary view
Available graphic types:
- Small and Medium Icon
- Font Awesome
- SVG Icon
- Graphics from the Library
- Custom graphics
# Product Addons
This category allows you to assign small graphics to additional services that customers can add during the ordering process. These graphics improve clarity, help users quickly recognize addon types, and keep the visual style consistent across the client area.
# Product addon graphic
The Product addon graphic option defines the image displayed for each addon in all supported pages.
Displayed on:
- Store – Shopping Cart product list
- Configure Product – "Additional Services" section during product configuration
- View Cart – Final shopping cart summary before checkout
Available graphic types:
- Small and Medium Icon
- Font Awesome
- SVG Icon
- Custom graphics
# Example Views
Below you can find example views showing how product addons graphics appear across related pages.
# "Store" page
# "Configure Product" page
# "View Cart" page
# Domains
This category allows you to assign graphics to all domain-related pages and actions. It helps you maintain a clear and consistent appearance across the client area and the order process, making it easier for users to recognize each domain option.
# Domain Graphic
The Domain graphic option defines the image displayed across various domain management and order views.
Displayed on:
- Domains – List of registered domains
- Domain Details – Domain management view
- Domain Renewals – Renewal selection page
- Configure Product Domain – Domain selection step during product configuration ("Boxed" template only)
- Configure Domains – Domain configuration step during domain ordering
- View Cart – Shopping cart summary
Available graphic types:
- Small and Medium Icon
- Font Awesome
- SVG Icon
- Custom graphics
# Example Views
Below you can find example views showing how domain graphics appear across related pages.
# "Configure Product Domain" page
# "Configure Domains" page
# "Domains" page
# "Domain Details" page
# "Domain Renewals" page
# "View Cart" page
# Support Departments
This category allows you to assign graphics to your WHMCS support departments. These visuals help users quickly identify the correct department when submitting or managing tickets.
# Department Graphic
The Department graphic option defines the image displayed across different support-related views.
Displayed on:
- Support Ticket – Departments – Section of choosing a department while opening a ticket
- Support Tickets – List of submitted tickets
- Support Ticket – Step Two – "Department" dropdown selection while opening a ticket
Available graphic types:
- Small Icon
- Medium Icon
- Font Awesome
- SVG Icon
# Example Views
Below you can find example views showing how department graphics appear across support-related pages.
# "Support Tickets"
# "Support Ticket – Departments"
# "Support Ticket – Step Two"
← Branding How To Start →