Ascent(English)
Contact usFAQsFree to install
English
English
  • Introduction
  • Support Policy
  • Refund Policy
  • Template Installation
  • FAQs
  • Global Settings
    • Layout
    • Colors
    • Typography
    • Breadcrumb
    • Animations
    • Section header
    • Product cards
    • Badges
    • Social media
    • Search behavior
    • Currency format
    • Cart settings
    • Favicon
    • Custom CSS
  • Header
    • Custom Mega Menu
    • Mobile Menu Obstruction by Third-Party Plugins
  • Side Drawer
    • Search Drawer
    • Shopping Cart Drawer
  • Sections
    • Seamless scroll
    • Announcement bar
    • Countdown
    • Collection thumbnails
    • Narrow banner image
    • Image banner
    • Video banner
    • Slideshow
    • Image with text
    • Image-text list
    • Rich text
    • Newsletter
    • Text with icons
    • Logo list
    • Contact form
    • FAQs
    • Multicolumn
    • Image comparison banner
    • Image hotspots banner
    • Map
    • Featured collection
    • Featured product
    • Collection list
    • Custom liquid
    • Composite display
    • Confetti trigger
    • Custom section header
    • Quote
    • Testimonials
    • Shop the feed
    • Image gallery
    • Product compare table
    • Text lens zoom
    • Scroll image expand
    • Milestones
    • Team
    • Highlight features
    • Steps
    • Media wall
  • Popups
    • Event popup
    • Age verification popup
  • Footer
    • Custom Payment Icons
  • Tool bar
  • Pages
    • Product Collection Page
      • Create Subcategory
    • Main product
      • Gifts (Freebies)
      • Product Pre-order
      • Size Chart
      • Variant Images Group
      • Variant Samples
      • Complementary Products
      • Related Products
      • Sibling Products
      • In Box Products
      • Product A+ Page
      • Performance Indicator Bar
      • Delivery ETA
  • Others
    • Version Upgrade Notes
      • v2.2.1 (Current version)
      • v2.1.8
      • v2.1.7
Powered by GitBook
On this page
  • Feature Details
  • Usage Suggestions

Was this helpful?

  1. Sections

Announcement bar

The Announcement Bar section is used to display important notices, promotional information, or brand messages at the top of the page. You can set options like carousel speed and social media icons to make the announcement bar an effective tool for guiding users. This section can only be used in the header.

Feature Details

  1. Color Scheme:

    • Choose or edit the color scheme to define the color styles for the announcement bar, including text color and background color. Adjust according to your brand’s visual style.

  2. Enable Auto-Carousel:

    • Enabling this option will automatically cycle through multiple announcements in the announcement bar.

    • Auto-Carousel Speed: Adjust the carousel speed using a slider to set the interval time (in seconds) for switching content, ensuring users have enough time to read each announcement.

  3. Social Media:

    • Enable this option to display social media icons in the announcement bar, allowing users to click these icons to visit your social media pages.

    • Social Style: Choose from three styles for the social media icons:

      • Icon: Displays only the social media icons.

      • Border: Icons with borders.

      • Wrap: Icons wrapped with background color.

  4. Add Blocks:

    • You can add multiple blocks to the announcement bar to showcase different types of content. Available block types include:

      • Announcement: For adding text content such as promotional information or news announcements.

      • Quick Links: For adding text with links, allowing users to quickly navigate to specific pages.

Usage Suggestions

  • Keep it Clear and Concise:Ensure the content in the announcement bar is clear and to the point, highlighting key information so users can quickly grasp important details.

  • Optimize User Experience:Set the carousel speed appropriately to give users enough time to read the content. Use social media icons to guide users to follow your social accounts, enhancing brand interaction.

  • Regular Updates:Update the announcement bar regularly according to seasonal promotions, events, or important announcements to keep users engaged and informed.

PreviousSeamless scrollNextCountdown

Last updated 2 months ago

Was this helpful?