Brightspot Content Types Guide

Product Promo module


You can create a promo module for a product.

To create a product promo module:

  1. In the header, click add.
  2. From the Create list, select Product Promo Module.
  3. Using the following tables as a reference, complete the fields as needed.
  4. Click Save.

Product Promo module fields

    FieldDescription
    Internal NameIn the Internal Name field, enter an internal name. Brightspot uses this name in selection fields.
    Item

    In the Item field, do one of the following:

    • Internal—Uses an existing product in Brightspot.

      • From the Product list, select an existing product.
      • From the Variant list, select an existing variant of the selected product.
    • External—Links to a product outside of Brightspot.

      • In the URL field, enter a URL for a product.
      • In the Price field, enter a price for the product.
      • In the Compare At Price field, enter a compare at price for the product.
    TitleIn the Title field, enter a title. The title entered here is visible to the visitors to your site. This field defaults to the title of the product you select in the Item field.
    DescriptionIn the Description field, enter a description. This description is visible to the visitors to your site. This field defaults to the description of the product you select in the Item field, and any text you enter overrides the original description in this product promo module, leaving the original description intact.
    ImageClick search to search for an existing image to override the featured image of the product.
    Call To Action Button TextIn 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.
    OptionsEnter text that appears underneath the call to action.

    FieldDescription
    CategoryEnter text to override what appears as the eyebrow text when this promo appears on a page.

    Advanced



    FieldDescription
    Hide DescriptionToggle on to hide the description of the asset 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 ImageToggle on to hide the image included on the asset contained in the module.
    Hide PriceToggle on to suppress the display of the product price in this module.

    Product Promo Module Styles



    FieldDescription
    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 one of the following:
    • None—Applies styling from the site's theme.
    • Custom—Opens a form to customize the site's theme for this asset.
    • (Various)—Applies a variant of the site's theme.
    For information about configuring a theme's preset, see Creating a theme's preset.
    Promo Title SizeOverrides the default text size of the promo title as specified in your theme's CSS file.
    Promo Description SizeOverrides the default text size of the promo description as specified in your theme's CSS file.
    Text AlignmentOverrides the text alignment for the module as set in your theme's CSS file. Your choices are Left, Center, or Right.
    Image Position HorizontalOverrides the default image horizontal position as set in your theme's CSS file. Your choices are Left or Right.
    Choose a Background ColorEnter the hexadecimal value of a background color for this module. For instance, entering #000888 provides a dark blue background.
    Choose a border colorSelect the color for borders around a product's featured image.
    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.
    Animate this module on scrollToggle on to provide a small animation to this module when it is scrolled into view.
    Image Aspect RatioOverrides the default size and shape of the image next to the item in the asset as specified in your theme's CSS file.

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

    Previous Topic
    Person Promo module
    Next Topic
    Rich-text module
    Was this topic helpful?
    Thanks for your feedback.
    Our robust, flexible Design System provides hundreds of pre-built components you can use to build the presentation layer of your dreams.

    Asset types
    Module types
    Page types
    Brightspot is packaged with content types that get you up and running in a matter of days, including assets, modules and landing pages.

    Content types
    Modules
    Landing pages
    Everything you need to know when creating, managing, and administering content within Brightspot CMS.

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

    Field types
    Content modeling
    Rich-text elements
    Images
    A guide to configuring Brightspot's library of integrations, including pre-built options and developer-configured extensions.

    Google Analytics
    Shopify
    Apple News