Main Product Service: Nav
Overview
The Product Service Collection Row section displays a row-style product listing (often used for services) with a configurable widget-style text area. You can control how many items appear, mobile column layout, spacing, and whether unit prices display. The section also includes settings for the widget heading and description typography, plus standard layout controls (container width, color scheme, alignment, and responsive padding). The preset includes a heading area and a service product row container.
Section Configuration:
Grid settings
| Setting |
Description |
| Products to show |
Sets how many products are displayed in the row (2–8). |
| Mobile columns |
Sets how many items are shown per row on mobile (1 or 2). |
| Gap |
Controls spacing between items in the row layout. |
Card settings
| Setting |
Description |
| Show unit price |
When enabled, unit pricing is displayed for products that support it. |
| Setting |
Description |
| Widget heading |
Sets the widget title text shown with the service row. Supports inline rich text. |
| Heading size |
Controls the heading size preset used for the widget heading. |
| Heading weight |
Sets the font weight used for the widget heading. |
| Heading case |
Controls capitalization styling for the widget heading. |
| Heading tag |
Selects the HTML heading level (H1–H6) used for the widget heading. |
| Heading link styles |
Controls the link styling preset if the heading contains a link (theme preset). |
| Widget description |
Adds supporting rich text content for the widget area. |
| Text size |
Controls the size preset used for the widget description. |
| Text weight |
Sets the font weight used for the widget description. |
| Text case |
Controls capitalization styling for the widget description. |
Layout
| Setting |
Description |
| Container layout |
Controls how the section is sized on the page: page-width (boxed), contained-content, or container-fluid (full width). |
| Container size (Desktop) |
Sets the maximum section width on desktop as a percentage (50%–100%). |
| Color scheme |
Applies a theme color scheme to the section styling. |
| Text alignment (Desktop) |
Controls text alignment on desktop (left, center, right). |
| Text alignment (Mobile) |
Controls text alignment on mobile (left, center, right). |
Inner padding
| Setting |
Description |
| Top (Desktop) |
Adds space above the section’s inner content on desktop. |
| Bottom (Desktop) |
Adds space below the section’s inner content on desktop. |
| Left (Desktop) |
Adds space to the left of the section’s inner content on desktop. |
| Right (Desktop) |
Adds space to the right of the section’s inner content on desktop. |
| Top (Mobile) |
Adds space above the section’s inner content on mobile. |
| Bottom (Mobile) |
Adds space below the section’s inner content on mobile. |
| Left (Mobile) |
Adds space to the left of the section’s inner content on mobile. |
| Right (Mobile) |
Adds space to the right of the section’s inner content on mobile. |
Outer padding
| Setting |
Description |
| Top (Desktop) |
Adds space above the section (outside the section content) on desktop. |
| Bottom (Desktop) |
Adds space below the section (outside the section content) on desktop. |
| Left (Desktop) |
Adds space on the left side of the section (outside) on desktop. |
| Right (Desktop) |
Adds space on the right side of the section (outside) on desktop. |
| Top (Mobile) |
Adds space above the section (outside) on mobile. |
| Bottom (Mobile) |
Adds space below the section (outside) on mobile. |
| Left (Mobile) |
Adds space on the left side of the section (outside) on mobile. |
| Right (Mobile) |
Adds space on the right side of the section (outside) on mobile. |
Blocks Configuration:
Heading
A heading area that introduces the section.
| Block |
Description |
| Heading |
Displays the main section title. |
| Description |
Displays supporting text beneath the heading. |
Product Service Collection Row
| Block |
Description |
| Service row container |
Displays the service-style product listing row and contains the service row item block. |
Service row item
| Block |
Description |
| Row item |
Renders a single product/service entry within the service row layout. |