Overview
Use the Product module to present products, packages, or offers in a structured showcase. It can combine product copy, imagery, pricing-style details, and calls to action so visitors can compare or choose quickly.
The settings control card layout, columns, spacing, and visual treatment. This makes it useful for ecommerce-style blocks, service packages, feature comparisons, or highlighted offers.
Content Fields
Heading
The main title shown at the top of the Product module.
Intro
Optional short line or subheading under the heading.
Description
Optional longer text for this section. Use it when visitors need more context than the intro provides.
Product
The list of Product items visitors see. Use Add Product Card for each item.
Title
The primary title for this item.
Subtitle
The primary title for this item.
Description
Optional longer text for this section. Use it when visitors need more context than the intro provides.
Price
Sets the price value for this product showcase.
Button
Optional link or call to action for this item or section.
Link Type
Optional link or call to action for this item or section. Options include Module, Email, Website, File.
Email Link
Optional link or call to action for this item or section. Enter a valid email address.
Module Link
Optional link or call to action for this item or section. Options include Hero, about, product, Team, Gallery, Carousel, review, counter, Contact, Slideshow, Banner, embed, subscribe. Inactive modules (greyed out) cannot be selected. If a module you had selected is later turned off, the link will default to Contact.
Website Link
Optional link or call to action for this item or section. Enter the website address. Please include the https://.
Window
Enter the website address. Please include the https:// Options include Open in same Tab, Open in new Tab.
File
Enter the website address. Please include the https://
Image or Icon
Optional image used by this item or section. Use consistent image sizes where possible for a cleaner layout. Options include Icon, Image, None.
Icon
Optional icon used to visually support this item.
Image
Optional image used by this item or section. Use consistent image sizes where possible for a cleaner layout. Recommended Size: 600px by 450px.
Settings Fields
Active
Control whether the Product module should display for visitors. Set it to No when the section is not in use or not ready. Options include Yes, No.
Order
A number that controls where this module appears among other homepage modules (lower numbers typically appear higher on the page).
Menu
Optional label in the navigation with jump links that scroll to this module.
Display
Choose how items are shown. Grid-style options show items together, while slider-style options let visitors move through them.
Columns
How many columns the layout uses on wider screens.
Gap
Space between items in pixels.
Padding
Inner spacing for the block, in pixels, so content does not sit flush against the edges.
Card Radius
Sets the card radius value for this product showcase.
Image Radius
Rounds the corners of images, as a percentage. Use -1 where available to use the global image radius from Setup.
Image Crop
Control how images are cropped so items can display with a consistent shape. Options include Natural, 4:3, 1:1.
Layout
Control the overall layout or media orientation for this module. Options include Portrait:, Landscape.
Text Align
Aligns the text within this module. Options include Left, Center.
Border
Adds a visible border when enabled. The color is set in Setup. Options include Yes, No.
Background
Applies the theme background treatment when enabled. The color is set in Setup. Options include Yes, No.
Equal Heights
Keeps items at the height of the tallest item so rows feel balanced. Options include Yes, No.
Pagination
Navigation options for how visitors move between slider items. Options include Dots, Arrows, None.
Speed
Set the transition time between slides, in milliseconds.
Delay
When using a slider, set the pause between automatic advances in milliseconds. Use 0 to disable autoplay.
Custom Style
Advanced option: set to Yes to unlock the extra CSS field for custom style tweaks. Options include Yes, No.
Custom CSS
Optional CSS for fine-tuning this module. Best used by designers or Digifox support.