Product Details Section
A product header with a photo and video gallery, name, brand, SKU, price, value proposition, callouts, buttons, and an optional Add to Quote button.
How to add it
Edit a page, open the module picker, and search for Product Details Section. Drop it into a drag-and-drop area, then fill in the fields below. See the theme modules page for how the modules look together.
Fields
Fields are grouped as they appear in the editor. Indented rows belong to the group above them.
| Field | Type | Notes |
|---|---|---|
| Product Name | Text | Default: Product Name. |
| Brand Name | Text | Default: Brand Name. |
| Product Category Link | Link | |
| Override Product Category Text | Text | By default, the category page title is used. You can override this by entering text here. |
| SKU | Text | Default: #02202302. |
| Price | Group | |
| Price Prefix | Text | Default: Starting at. |
| Price | Number | Default: 2500. |
| Low Price | Number | Default: 2500. |
| Currency | Text | Default: USD. |
| Currency Symbol | Text | Default: $. |
| Product Value Proposition | Text | Why should your customer buy this product from you and not your competitors? Default: Value Proposition. |
| Description | Text | Default: A short product description goes here.. |
| Callout Feature or Benefit | Text | Repeatable. |
| Product Media | Group | Add each product photo and, optionally, a video. Items appear as thumbnails in this order, and the first item fills the large view. If an item has a video, the video plays in the large view and its image is used as the thumbnail, so every item still needs an image. Repeatable. |
| Image | Image | Shown in the large view, or as the thumbnail when this item has a video. If your image is large it may take a few minutes for the thumbnails to be created causing the layout being too tall. |
| Video (optional) | Embed | Paste a YouTube or Vimeo URL, or switch the source to embed code. When added, this item plays the video in the large view instead of showing the image. |
| Button | Group | Repeatable. |
| Button Style | Dropdown | Options: Primary, Secondary, Tertiary. Default: button. |
| Button Link | URL | |
| Button Text | Text | Default: Request a Quote. |
| Style | Group | |
| Main Image Maximum Height | Number | Default: 360. |
| Quote Cart | Group | Adds this product to the site-wide quote list. Enable the quote cart in Theme Settings > Quote Cart first. |
| Show Add to Quote Button | Toggle | Shows an Add to Quote button that saves this product to the visitor's quote list. Requires the quote cart to be enabled in Theme Settings. Default: off. |
| Show Quantity Input | Toggle | Lets the visitor choose a quantity before adding the product to their quote list. Default: on. |
| Product Options | Group | Optional inputs shown next to the Add to Quote button (dimensions, finish, checkboxes...). Each answer travels with the item into the quote request. Repeatable. |
| Option Label | Text | For example: Width (inches), Material, Include installation. Default: Option. |
| Input Type | Dropdown | Options: Text, Number, Dropdown, Checkbox. Default: text. |
| Dropdown Choices | Text | Comma-separated list, for example: Steel, Aluminum, Stainless. |
| Quantity Label | Text | Default: Qty. |
| Button Text | Text | Default: Add to Quote. |
| Button Style | Dropdown | Options: Primary, Secondary, Tertiary. Default: button. |
| Optional | Group | |
| Review Count | Number | Default: 1. |
| Review Rating | Number | This module is not tied to any review tracking system. These values are set to the default values but can be overwritten here if you are manually adding reviews to this page. Default: 5. |