Scrolling line with products

Add announcements as blocks to the section and adjust their view and direction. You can place product cards between the announcements on the scrolling line.

GENERAL

Announcement

Fill in the text of the news you want to announce.

Use product titles

Select to replace announcements with the titles of the added products.

Font family

Choose the font for the announcement. Note that the font families for the options are set in the theme settings for typography.

Font style

Choose the text style for the announcement.

Solid	the text filled with color
Outline	the text with only its borders colored
Mixed	the interchange of solid and outline text

Font size

Adjust the text size for the announcement.

Letter spacing

Adjust the spacing between the letters within words.

Space between messages

Adjust the spacing between the repeating instances of one announcement within the scrolling line.

Top and bottom spacing

Adjust the spacing between the borders of the scrolling line and the content within it.

PRODUCTS

Products

Select the products from the list of your products on the setting panel.

Use custom ratio

Select to enable the product image ratio adjustment. Otherwise, the image uses its original ratio.

Custom ratio

Adjust the proportion between the width and height of the product image and make its orientation square, horizontal, or vertical. Note that you can use this option only when 'Use custom ratio' is selected.

Product image size

Adjust the size of product images within the line.

SCROLLING

Line direction

Choose the direction in which the line moves.

Scrolling speed

Adjust the speed at which the line moves.

COLORS

Pick particular colors if you want to highlight the scrolling line and the text within it with the colors that differ from those of the color scheme. Choose between solid and gradient fill to attract even more attention to the announcement. Note, that gradient colors have priority over solid colors.

Background solid

Pick the color for the scrolling line.

Background gradient

Pick the colors and the type of gradient for the scrolling line.

Text solid

Pick the color for the announcement.

Text gradient

Pick the colors and the type of gradient for the announcement.