·¬ÇÑÉçÇø

Brightspot Content Types Guide

Product Promo module


You can create a promo module for a product.

For a wire frame example of what this content type can look like on your site, see .

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.
    TitleEnter a title. The title is visible to the visitors to your site. This field defaults to the title of the product you select in the Item field.
    DescriptionEnter 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.
    ImagesClick search to search for existing images to override the featured images 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.
    Promo FlagEnter text that displays in the upper corner of the product image.

    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)—Aside from None or Custom, there may be additional options in this list depending on the value selected in the Template field. If the selected template has presets, then those presets are able to be selected in this list and applied. For information about configuring template presets, see Creating a template 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
    LocaleSets the content's locale. This setting can also be used to auto-localize content based on the users requested locale.

    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.

    •
    •
    •
    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