Welcome to the documentation article on utilizing "Product Groups" (see demo) (opens new window) boxes with Lagom WHMCS Website Builder. In this guide, we'll walk you through the seamless process of incorporating and optimizing "Product Group" boxes to showcase your offerings effectively. Learn how to leverage this feature to organize products, personalize packages, and create a visually appealing website that captures your audience's attention.
<h2>
tag. HTML tags are allowed in that field.Presents inventory of product groups that have been included in this section and are set to be showcased on the website page. This compilation provides you with the ease of organizing items through a simple drag-and-drop mechanism, enabling you to finely tune their order as needed.
When "Add New product" modal will be shown, you wil be asked to choose the "Product Group". This select list product which has been configured in WHMCS "Product adn Services" (opens new window) page.
Product group title and description is automatically loaded from WHMCS database, and these fields can not be managed via this modal.
Choose the WHMCS page or CMS page to which a specific product group will be linked. You can select from a comprehensive list of all available WHMCS pages and CMS pages to seamlessly integrate your product group.
When the "Show graphics for this item" option is turned on, a list of available icons and graphics will be displayed. Learn more about "Media Modal".
Custom Class - Adds custom class to the product package container, which lets you to write your own CSS rules, to modify our product based on your requirements.
The "Group" option enables you to generate multiple product groups, which will subsequently appear on the frontend as distinct tabs.
Take a look at an illustrative example of how these groups might be presented on the resulting website page.:
Choose the appearance of the product boxes on your generated website page by selecting one of the predefined types from the provided list.
Choose the style for the created packages to determine how you want them to be displayed on the generated website page.
The "Product Group Slider" feature empowers you to determine the screen resolutions at which the product packages will be displayed as a slider. This option proves beneficial especially when you have a substantial number of products to showcase, and you aim to prevent excessive page length.
When enabled you'll see additional multi select field, where you'd be able to choose multiple options from below list
1320px
.992px
to 1319px
.768px
to 991px
.767px
.Here's an example of how the slider featuring "Product" packages appears on the generated website page:
The "Choose product group price display" option allows you to decide what pricing should be shown for selected product group box.
1320px
.992px
to 1319px
.768px
to 991px
.767px
.In this section you're able to add additional CTA buttons which will be shown below product boxes. Learn more how to add buttons using Add Button Manager modal.