Scrolling bar
Last updated
Last updated
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 |
---|---|
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.
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