📘
Starlite documentation
  • Overview
    • 💡Support and documentation
    • ✨Announcement bar
    • ✨Header
    • ✨Slideshow
    • ✨Rich text
    • ✨Featured collection
    • ✨Collections list
    • ✨Contact form
    • ✨Marquee text
    • ✨Collection carousel
    • ✨Image with text (carousel)
    • ✨Collection tabs
    • ✨Collapsible content
    • ✨Images grid
    • ✨Media grid
    • ✨Multiboxes
    • ✨Accordion boxes
    • ✨Logo list
    • ✨Promotional banner
    • ✨Video banner
    • ✨Featured blogs
    • ✨Countdown
    • ✨Map(store locator)
    • ✨Multicolumns
    • ✨Products collage
    • ✨Shop the look
    • ✨Media tabs
    • ✨Testimonials
    • ✨Featured products
    • ✨Featured product
    • ✨Custom liquid
    • ✨Recently viewed products
    • ✨Product menus
    • ✨Images banner
    • ✨Before/After
    • ✨Products with image
    • ✨Featured images
    • ✨Offer card
    • ✨Product short videos
    • ✨Stories
    • ✨Shapes
    • ✨Split banner
    • ✨Blinking icons with text
    • ✨Numbers
    • ✨Featured content
    • ✨Timeline
    • ✨Categories
    • ✨Newsletter
    • ✨Footer
    • ✨Theme settings
    • ✨Age verification popup
    • ✨Information drawer
    • ✨Product comparison
    • ✨Newsletter popup
    • ✨Template product
    • ✨Template default collection
    • ✨Template- Blog
    • ✨Template - Default blog post
    • ✨Template- Cart
    • ✨Recommended sizes for images
  • FAQ
    • Theme updates
    • Support
  • How to setup the presets
    • Set up the demo layouts
  • Echo home page JSON
  • Echo product page JSON
  • Classic home page JSON
  • Classic product page JSON
  • Elegant home page JSON
  • Elegant product page JSON
  • Bright home page JSON
  • Bright product page JSON
  • How to set up the size guide on the product page
Powered by GitBook
On this page
  • Configure the announcement bar
  • Block settings
  1. Overview

Announcement bar

This section is to add text about the any vital announcement on the site.

PreviousSupport and documentationNextHeader

Last updated 1 year ago

Configure the announcement bar

Select the customize theme option. Click on the dropdown menu at the top of the page to select the Home page template.

From the left side menu, select the Announcement bar.

Customize the section by utilizing the settings on the right side of the theme editor, as described below:

Announcement bar

Show on home page only Select the checkbox to show the announcement bar on the home page only. Auto rotate Select/deselect the checkbox to enable/disable the auto-rotation of the announcements. Change slides every Adjust the slider to set the auto rotation speed of announcements.

Image

Height Select the image height from the following options: -Adapt to image -Landscape -Portrait -Square

Contact info

Show info Select the checkbox to show the contact info added in the below text. Text Add the contact information text.

Social media icons

Desktop layout Social media icons Show social media icons Select this checkbox to show social media icons. (Note: To display your social media accounts, link them in your theme settings -> social media.) Language selector Enable language selector Tick this checkbox to enable the language selector in the announcement bar. For it's setup, refer to the Currency selector Enable currency converter Tick this checkbox to enable the currency convertor in the announcement bar. For it's setup, refer to the

Colors

Left side Background style

Select the background style from the given options:

-Solid

-Gradient Solid Select any color for the solid background. Gradient Select any color for the gradient background. Text Select any color for text. Toggle Background Select any color for the background. Text

Select any color for the text. Link Text

Select any color for the text. Hover

Select any hover color. Right side Background Select any color for the background. Text

Select any color for the text. Link Text

Select any color for the text. Hover

Select any hover color.

Block settings

Text

Add any promotional or important text.

Collapsible content

Enable toggle Tick this checkbox to show the toggle button, which slides down and shows below selected content. Toggle button label Enter any text to appear as the toggle button label. Note: This text is mandatory to show the collapsible content below. Subheading Enter any text to show as a subheading. Heading Enter any text to show as a heading. Description Enter any text to show as a description. Content alignment Select the content alignment options from: -Left -Center -Right Image Select any image. Button Label Enter the button label. Link Enter a link to redirect the button. Size Select the button size from the following: -Small -Medium -Large -Extra large

✨
help docs.
help docs.