Sitar Documentation
Live chatSubmit a Ticket
  • Webibazaar Support
  • Sitar Shopify
  • Header
    • Announcement bar
    • Header section
    • Mega menu
  • Overlay Group
    • Newsletter Popup
    • Promotional Popup
  • Sections
    • Lookbook
    • Social media gallery
    • Image with product
    • Countdown timer
    • Collection name
    • Slideshow
    • Collection list
    • Image with text
    • Featured collection
    • Video
    • Logo list
    • Multicolumn
    • Featured product
    • Image banner
    • Collection tabs
    • Scrolling bar
    • Product banner
    • Testimonials
    • Text with icons
    • Blog posts
    • Collapsible content
    • Counter
    • Contact form
    • Rich text
    • Custom text
    • Newsletter
    • Hero banner
  • Footer
  • Age verification popup
  • Theme Settings
    • Corner radius
    • Logo
    • Colors
    • Typography
    • Layout
    • Animations
    • Badges
    • Breadcrumb
    • Social media
    • Product card review
    • Search behavior
    • Currency format
    • Cart
    • Theme style
    • Checkout
    • Custom CSS
  • Product page
    • Countdown timer
    • Quick order list
  • Collection Page
    • Collection banner
  • Color swatches
  • Page
    • How to create page template?
  • Languages and Currency
  • Additional Settings
  • Dynamic source of color swatch variant image
  • how can reset all the changes I made?
  • Turning your website layout from right to left
  • Use of 'Translate & Adapt' App
  • Continue selling when out of stock
  • Collection filter color swatch from metaobject
  • Quick Links
  • Change Log
    • Version 1.0.6
    • Version 1.0.5
    • Version 1.0.4
    • Version 1.0.3
    • Version 1.0.2
    • Version 1.0.1
    • Version 1.0.0
  • Importing our demos
Powered by GitBook
On this page
  1. Sections

Scrolling bar

PreviousCollection tabsNextProduct banner

Last updated 9 months ago

Here, in the Sitar theme, with the use of the scrolling bar, you can scroll the important announcements and promotional texts. The scrolling bar section in the Sitar theme comes with various customizations.

Setting
Description

Show top/bottom border

By enabling this checkbox you can show top or bottom border in scrolling bar section.

top/bottom border color

Modifying the color of the top or bottom border color.

Space between items

"Space between items" is to give left and right side spacing to the text of the section. You can adjust the spacing and set it to the minimum spacing of “0px” and a maximum spacing of “100px.”

Speed

Speed is used to customize the scrolling speed of the text in the section.

Direction

Use of "Direction" allows the rotation of the "Text" from left to right and right to left

Seprater between text

With the help of a Seprater between text, you can add a pipe sign or a dot between the text.

Font size

You can adjust the font size and set it to the minimum size of “16px” and a maximum size of “40px.”

Section inner padding

Top padding You can adjust the Top padding and set it to the minimum padding of “0px” and a maximum padding of “100px.”

Bottom padding You can adjust the Bottom padding and set it to the minimum padding of “0px” and a maximum padding of “100px.”

Color scheme

In this section, you can change the background and foreground color of a section using the color scheme.

  • Scheme 1

  • Scheme 2

  • Scheme 3

  • Scheme 4

  • Scheme 5

Add block

To add block to the scrolling bar section, click on the 'Add block'. There are many options available similar to the scrolling bar, as you can see in the below points and screenshot:

Block
Description

Text

Heading Enter text to display as a title in the section. Icon

In the section, the icons are given to select. are for selecting:

  • None

  • Flash sale

  • Apple

  • Banana

  • Bottle

  • Box

  • Carrot

  • Chat bubble

  • Check mark

  • Clipboard

  • Dairy

  • Dairy free

  • Dryer

  • Eye

  • Fire

  • Gluten free

  • Heart

  • Iron

  • Leaf

  • Leather

  • Lightning bolt

  • Lipstick

  • Lock

  • Map pin

  • Nut free

  • Pants

  • Paw print

  • Pepper

  • Perfume

  • Plane

  • Plant

  • Price tag

  • Question mark

  • Recycle

  • Return

  • Ruler

  • Serving dish

  • Shirt

  • Shoe

  • Silhouette

  • Snowflake

  • Star

  • Stopwatch

  • Truck

  • Washing

  • Chat

  • Brightness

Uppercase heading

By using the "Uppercase text" option, you can convert the text to uppercase .

Icon width "Icon width" is to customize the icon. You can show a minimum of “14px” and a maximum of “36px” icon width.

Button label

Use "Button label" to add a label to the Button in the section.

Button link Use "Button link" to add a link to the Button in the section.

Button style

Customization of the "Button style" in the scrolling bar section is as follows:

  • Link

  • Outline button

  • Solid button

Heading color Modifying the color of the text will result in a corresponding color change for the scrollable text content.

Collection

Collection Select a collection to display products in the section. Maximum products to show "Maximum products to show" is to specify how many products to show in a section. You can show a minimum of “1” and a maximum of “4” products.

Image with text

Image Used image to add to the author image in the section.

Image radius "Image radius" is to customize the radius of image. You can show a minimum of “0” and a maximum of “40” image radius.

Text Enter text to display as a title in the section. Uppercase text By using the "Uppercase text" option, you can convert the text to uppercase . Text color Modifying the color of the text will result in a corresponding color change for the scrollable text content.

Live Chat Support | Webibazaar Template
Logo