Body Style Section
Use Body Style to display a set of vehicle body styles. Depending on your configuration, this section can also show live inventory counts.
Best use cases
- “Shop by body style” section on the home page
- Inventory browsing entry point
- Category navigation for shoppers
What you need before you start
- Decide whether you want icons
- Decide whether you want counts
- Decide which body styles to include
Fields and how to fill them
Content (required)
- Content: heading and intro text shown above the body style items.
Writing tips:
- Keep the heading clear.
- Example: “Shop by body style”.
Variant
Variant controls which elements appear:
- Icon and name
- Icon, name, and count
- Name and count
Guidance:
- Use an icon variant for visual browsing.
- Use a count variant when you want inventory depth to be obvious.
Bodies to show
- Bodies to show: select body styles from the list.
If your variant includes icons:
- Add an icon for each body style you include.
Available vehicle label (counts only)
If your variant includes counts, select the label that best matches your intent.
Layout
- Size: controls how many items fit per row in grid mode
- Present in a single row: enables carousel mode
- Carousel navigation position: controls navigation placement in carousel mode
Practical guidance:
- Use small size when you want a full row of options.
- Use carousel mode when you have many body styles.
Colors
- Background color
- Text color
- Card background color (if available)
Validation and common issues
- Content is required.
- If the variant includes icons, each selected body style needs an icon.
- If counts are consistently low or zero, inventory data may be limited for the selected locations.
Recommended configurations
- Visual browse: icon and name, small size
- Inventory depth: icon, name, and count, medium size