Suruchi Shopify Theme
Try suruchiDemos
  • What is Suruchi theme?
  • CHANGE LOG
  • Support Policy
  • Refund Policy
  • Getting Started
    • Purchase code Verify
    • How to install Suruchi Theme?
    • How to set up your store as a Suruchi demo?
    • How to update Suruchi Theme?
  • Header Group
    • What is a header group?
    • Announcement bar
    • Header
    • Menu
      • How to create menu?
      • How to add a dropdown menu
      • How to add a mega menu (Promo banner)
      • How to add a mega menu (Collections)
      • How to add a mega menu (Products)
      • How to add a mega menu (Banner)
  • Footer Group
    • What is a footer group?
    • Footer
    • Mobile navigation bar
    • Popup
  • Theme Sections
    • How to add a section?
    • Slideshow
    • Featured collection
    • Collection list
    • Before/after image slider
    • Scrolling text
    • Shop the lookbook slider
    • Advanced Search Filter
    • Shop the look
    • Lookbook
    • Banner list
    • Product tabs
    • Featured product
    • Gallery
    • FAQ / Collapsible content
    • Image banner
    • Image with text
    • Multicolumn
    • Featured promotion
    • Video
    • Video hero
    • Testimonial
    • Text with banner masonry
    • Text with banner grid
    • Tiktok
    • Logo list
    • Image with biography
    • Google map
    • Counter up
    • Countdown banner
    • Contact info with map
    • Collection product banner
    • Contact form
    • Email signup
    • Rich text
    • Blog list
    • Welcome video
    • Page
  • Theme Settings
    • General
      • How to enable RTL Layout
    • Layout
    • Colors
    • Typography
    • Product card
    • Color swatches
    • Quick shop
    • Wishlist page
    • Social media
    • Cart
    • Search
    • Customer/account
    • Checkout
    • Custom css
  • Collections & Products
    • Product page
      • Create a product template
      • Page sections
        • Page title banner
        • Product template
        • Product recommendations
        • Product Tabs
        • Recently Viewed Product
    • Products
      • Add local pickup to your store
      • Add product to your store
      • How to add a unique tab on the product page
      • Add a countdown timer to the product
      • Show a custom badge to your product
      • Show a Marquee badge to your product
      • Add a product short description using a metafield
      • How to add a size guide popup for the individual product?
    • Collection page
      • Add Collections
      • Create a collection template
      • Page sections
        • Page title banner
        • Collection banner
        • Product grid
    • Collection list page
      • Add Collections
      • Page sections
        • Collection page title banner
        • Collection list section
  • Other Pages
    • Create a page
    • Create a page template
    • Blogs
      • Add blog post
      • Blog page
    • Blog posts / Article
    • Cart page
    • Search page
    • 404 page
    • Password page
    • Wishlist page
    • Compare page
  • Language & Countries/Regions
    • How to enable the COUNTRY/REGION of your store?
    • How to enable LANGUAGE of your store?
    • How to edit default theme content
    • How to translate theme for multiple languages
  • General Topics / FAQ
    • How to add a collection to your store?
    • How to enable free shipping bar
    • How to enable the pre-order product to your store
    • How to add product reviews to your store
    • How to add Complementary products
    • Add a gift wrap option to your cart
    • How to add a product to your store?
    • Add Shopify 2.0 storefront product filtering
    • Add recommended products to your store
    • Set up local pickup
    • How to enable a customer account?
Powered by GitBook
On this page
  • Section settings
  • Announcement bar blocks
  • Announcement block settings
  • Countdown timer block settings
  • Video Tutorials
  1. Header Group

Announcement bar

A guide to creating a flexible announcement message bar at the top of your website.

PreviousWhat is a header group?NextHeader

Last updated 1 month ago

You have the flexibility to position the Announcement bar either above the Header to display it at the very top of a page or below the specified section. Simply use the drag-and-drop feature to place the section in the desired position.

Section settings

Settings
Description

Show announcement

The announcement bar section can be shown or hidden using the settings.

Page width

  • Boxed: With boxed width, page content can be displayed within the maximum width. The page width can be changed in Theme Settings > Layout.

  • Full width: With the "Full width" option, page content can be displayed in its entirety full-width. When you show content at full width, you can add padding to the left and right sides.

Enable Offset (left & right)

It will work if you select the "Full width" of the page. When you enable this option, the padding on the left and right sides will be removed.

Color scheme

You can alter the color of the section.

Announcement bar blocks

  1. Announcement

  2. Countdown timer

Announcement block settings

Settings
Description

Show on home page only

The Announcement will only appear on the home page.

Hide on home page only

The Announcement will appear without a home page.

Text

You can add a text to announcement bar

Link

You can add a link.

Social media / Enable

In the announcement bar, you can enable or disable social media.

Country/Region Selector / Enable

In the announcement bar, you can enable or disable the Currency selector

Language Selector

In the announcement bar, you can enable or disable the Language selector

Announcement block (COLLAPSIBLE CONTENT)

Countdown timer block settings

Settings
Description

Show on home page only

The Announcement will only appear on the home page.

Hide on home page only

The Announcement will appear without a home page.

Countdown timer

You can enabel/dsiable it.

Year/Month/Date

You can quickly change the year, month, and date.

Button

You have complete control over the button's settings.

Button label

The lable for the button text

Use arrow icon & Enable arrow icon on mobile

You can add a right arrow icon, as well as enable/disable it from a mobile device.

Button link

You can add a link to the button

Button type

  • Primary (Solid background button)

  • Secondary (Outline button)

Button size

You can change button size following the settings, Large, medium, small

Text content

You can add a text to the announcement timer block

Enable close button

You enable/disabel the close button

Color scheme

You can change color scheme

Replace with your custom colors

There is an option to replace with your custom color

Video Tutorials