Features bar

Overview #

The Features bar theme setting group is designed to manage the display of various announcements, features, or important notes across the entire theme. These settings are applied globally but can be overridden at the section or block level. The features bar is a versatile component that enhances the visibility of key information on your site.

Key components and functionality #

Features bar settings

The Features bar settings allow you to customize the content and appearance of up to four feature items. Each item can include an icon, heading, subheading, and a link. These settings help in highlighting specific features or announcements prominently on your site.

1. Icon 1

   • Default: verified
   • Provides a visual representation for the first feature item.

2. Heading 1

   • Default: Feature
   • Serves as the main title for the first feature item.

3. Subheading 1

   • Default: Subheading
   • Offers additional context or information for the first feature item.

4. Link 1

   • Allows you to add a URL for the first feature item, directing users to more detailed information.

The same set of settings (icon, heading, subheading, and link) is available for up to four feature items, allowing for consistent styling and functionality across multiple announcements or features.

Color settings

The Color settings enable you to customize the visual appearance of the features bar, ensuring it aligns with your brand's aesthetic.

• Icon color

  • Adjusts the color of the icons used in the features bar.

• Text color

  • Changes the color of the text, including headings and subheadings, within the features bar.

• Background color

  • Sets the background color for the features bar, providing a backdrop for the icons and text.

• Background gradient

  • Allows for a gradient effect in the background, adding depth and visual interest to the features bar.

Usage examples #

1. Highlighting Promotions: Use the features bar to announce ongoing promotions or sales. Customize the icons and headings to draw attention to special offers, and link directly to the relevant product pages.

2. Sharing Important Updates: Keep your customers informed about important updates, such as changes in store hours or new product launches, by utilizing the features bar. The subheading can provide additional details, while the link can guide users to a dedicated page with more information.

3. Enhancing Brand Identity: Align the features bar with your brand's color scheme using the color settings. This ensures that the features bar not only serves a functional purpose but also complements the overall design of your site.

By leveraging the Features bar settings, you can effectively communicate key messages to your audience, enhancing both the functionality and aesthetic appeal of your site.