Brightspot Content Types Guide

Quote list module


Quote List modules contain a listing of authors you have created on your site. You select the quotes to display as you create this module.

To create a quote list:

  1. In the header, click add.
  2. From the Create list, select Quote List Module.
  3. Using the following table as a reference, complete the fields as needed.
  4. Complete your site's workflow and publish the quote list module.

Quote List module fields

Click each tab below to see a description of the associated fields.

FieldDescription
Internal NameEnter an internal name for this asset. Brightspot uses this name internally, such as in the search panel and recent activity widget. This name is not visible to visitors to your site.
TitleIn the Title field, enter a title. The title entered here is visible to the visitors to your site.
DescriptionIn the Description field, enter a description. This description is visible to the visitors to your site.
Items

Select Basic or Advanced.

  • Basic—Allows you to pick an existing quote or create a new quote asset for use in your list.

    • Click add_circle_outline and select an existing quote from the list of Recently Updated quotes, or click search and select an existing quote from the content picker.

      You also have the option of scrolling to the bottom of the content picker and clicking New Quote to create a new quote for use in your list. See Quote for information on creating a quote asset.

  • Advanced—Allows you to pick an existing quote and override the values assigned to that quote asset.

    • Click add_circle_outline Add Quote and select an existing quote from the list of Recently Updated quotes, or click search and select an existing quote from the content picker.
    • See Tabs available to modules for more settings available for the selected quote.
Call To ActionSelect None, Internal or External.

  • None—No Call to Action button is displayed.
  • Internal—A Call to Action button is displayed. In the Item field, select the asset that visitors view when clicking on the button.
  • External—A Call to Action button is displayed. In the URL field, enter the URL of an external asset that visitors view when clicking on the button.


Using the Call to Action Advanced tab


When setting up an internal or external call to action, you have the option to set how the link will behave.




External—Advanced tab

  • Target—Specify whether the target of the Call to Action should open in New Window/Tab or Same Window/Tab.


Internal—Advanced tab

  • Target—Specify whether the target of the Call to Action should open in New Window/Tab or Same Window/Tab.
  • Anchor—If the asset you are linking to has anchors present, such as a page with tabs, you can select items within the tabs to which to anchor. Then when your visitors click the Read More button, they are taken directly to that anchor.
Call To Action Button TextEnter text appearing on the call-to-action button. This text is visible to the visitors to your site.

FieldDescription
AnchorModify 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



FieldDescription
Hide AttributionsToggle on to suppress the display of quote attributions in this module.

Quote List Styles

Field Description
TemplateSelect the template of this module from the list of options. Templates are visual presentation presets that differ depending on the type of module.
PresetSelect Custom to access additional settings for form styles.
List Title SizeOverrides the default text size of the list's Title as specified in your theme's CSS file.
List Description SizeOverrides the default text size of the list's Description as specified in your theme's CSS file.
Header Text AlignmentOverrides the default alignment of the header as specified in your theme's CSS file. You can choose from Left, Center, or Right.
Call to Action AlignmentOverrides the default alignment of the call to action button as specified in your theme's CSS file. Your choices are Left, Center, and Right, and determines where in the asset the call to action button is displayed.
Choose a Background ColorEnter 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.
Item Display StyleOverrides the default display style of the items included in your list as specified in your theme's CSS file.
Choose an Item Background ColorOpen the color picker to override the default background color for the items included on the asset.
Item Background ImageOverrides 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.
Choose an Item Border ColorSelect 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 Quote AlignmentOverrides the default alignment of the item's quote as specified in your theme's CSS file. Your choices are Left, Center, and Right.
Item Attribution AlignmentOverrides the default alignment of the quote attribution as specified in your theme's CSS file. Your choices are Left, Center, and Right.
Item Attribution Image AlignmentOverrides the default alignment of the attribution for the quote item image as specified in your theme's CSS file. Your choices are Left, Center, and Right.
Item Image Aspect RatioOverrides the default size and shape of the image next to the items in the asset as specified in your theme's CSS file.
Module Padding TopOverrides the default padding at the top of the module as specified in your theme's CSS file. You can choose from None, Small, Medium, or Large.
Module Padding BottomOverrides the default padding at the bottom of the module as specified in your theme's CSS file. You can choose from None, Small, Medium, or Large.

FieldDescription
LocaleChoose a locale for the translation you want to submit.

Previous Topic
Product List module
Next Topic
Stat List module
Was this topic helpful?
Thanks for your feedback.
The elements that get you up and running in a matter of days, from pre-built content types, to modules, to landing pages.

Content types
Modules
Landing pages
Everything you need to manage and administer content within Brightspot CMS.

Dashboards
Publishing
Workflows
Admin configurations
A guide for installing, supporting and administering code on the Brightspot platform.

Field types
Content modeling
Rich-text elements
Images
A guide for configuring different integrations to support a multitude of use cases.

Google Analytics
Shopify
Apple News