Product List module
You can create a module promoting a list of products.
For a wire frame example of what this content type can look like on your site, see .
To create a Product List module:
- In the header, click .
- From the Create list, select Product List Module.
- Using the following tables as a reference, complete the fields as needed.
- Click Save.
Product List module fields
Click each tab below to see a description of the associated fields.
Field | Description |
Internal Name | In the Internal Name field, enter an internal name. Brightspot uses this name in selection fields. |
Title | Enter a title. The title is visible to the visitors to your site. |
Description | Enter a description. This description is visible to the visitors to your site. |
Items | Select one of the following:
|
Call To Action | The destination when a visitor clicks the call to action button. Select None, Internal or External.
|
Call To Action Button Text | In the Call To Action Button Text, enter text appearing on the call-to-action button. This text is visible to the visitors to your site. |
Field | Description |
Anchor | Modify the anchor to something that would make sense when appearing in an Anchor field's drop-down menu on another asset. This allows you to directly link to this module in another asset. Being specific makes it easier to identify in a list of other anchors. |
Advanced
Field | Description |
Hide Descriptions | Toggle on to hide the descriptions of the assets contained in the list module. For example, toggling on this setting displays the Headline of an article, but hides the Description of an article contained in the list module. |
Hide Images | Toggle on to hide the images included on the assets contained in the list module. |
Hide Prices | Toggle on to suppress the display of product prices in this module. |
Product List Styles
Field | Description |
Template | Select the template of this module from the list of options. Templates are visual presentation presets that differ depending on the type of module. |
Preset | Select one of the following:
|
List Title Size | Overrides the default text size of the list's Title as specified in your theme's CSS file. |
List Description Size | Overrides the default text size of the list's Description as specified in your theme's CSS file. |
Choose How Many Columns You Would Like | Select the number of columns to use when laying out this list module. |
Choose a Background Color | Enter the hexadecimal value of a background color for this module. For instance, entering #000888 provides a dark blue background. |
Change Primary Text Color to Primary Inverse Text Color (Set in Theme Colors) | Toggle on to convert the primary color of the text in the module to the inverse color of the text set in the theme. |
Choose an Item Background Color | Open the color picker to override the default background color for the items included on the asset. |
Choose an Item Border Color | Select the color for borders around a product's featured image. |
Change the item Primary Text Color to Primary Inverse Text Color (Set in Theme Colors) | Toggle on to apply use the theme's inverse text color (instead of the primary text color). For information about configuring a theme's colors, see Customizing a theme. |
Item Display Style | Overrides the default display style of the items included in your list as specified in your theme's CSS file. |
Item Background Image | Overrides the default background image for each item included on the asset. You can open the content selector to choose a background image or create a new one if needed. |
Item Text Color | Open the color picker to override the default text color for the items included on the asset. |
Item Image Aspect Ratio | Overrides the default size and shape of the image next to the items in the asset as specified in your theme's CSS file. |
Field | Description |
Locale | Sets the content's locale. This setting can also be used to auto-localize content based on the users requested locale. |
Previous Topic
Podcast Episode List module
Next Topic
Quote list module