Documentation: Ticker for Joomla

The module settings are located in different places depending on the Joomla version. Please use the paths below to find the module:

• Joomla 3: "Extensions" -> "Module Manager"
• Joomla 4/5/6: "Content" -> "Site modules"

In the list of modules, find "IWS.BY Ticker". Click on the module name, and a page with available settings will open. Let's review each field below.

Below in this section, the settings available after opening the module are described. Please note that the settings are divided into tabs.

Basic settings

License key

Enter the license key obtained when purchasing the module on the IWS.BY website. Without the key in this field, the module will not be able to access the update server and update automatically.

Settings of the ticker block

Data type

Specifies the type of data to be displayed in the ticker. The data settings themselves are reviewed below. The data settings are located on additional module tabs at the top of the module settings. The tabs have names corresponding to the options for this setting. It can be: text, links, and images.

Block type

Allows you to select the type of block in which the ticker will be displayed. Normal - the ticker will be placed in a static block on the website page like any other content. Fixed - the ticker will be displayed in a block that is fixed on the screen when scrolling the page, always remaining in the visible area.

Position

Allows you to select the position of the fixed block with the ticker. This option is available only if "Fixed" is selected in the "Block type" option. Above - the fixed block will be located at the top of the screen. Below - the fixed block will be located at the bottom of the screen.

Layer level

Allows you to specify the layer level on which the fixed ticker block will be displayed. The equivalent of this property in CSS is z-index. This option is available only if "Fixed" is selected in the "Block type" option.

Width unit

Allows you to select the unit of measurement that will be added to the width of the ticker block. auto - automatic width. If this value is selected, the width cannot be specified. px - the width will be specified in pixels. % - the width will be given as a percentage. em - the width will be given in ems.

Width

Allows you to specify the width of the ticker block. The value from the "Width unit" option above will be applied to the number.

Height unit

Allows you to select the unit of measurement that will be added to the height of the ticker block. auto - automatic height. If this value is selected, the height cannot be specified. px - the height will be specified in pixels. % - the height will be given as a percentage. em - the height will be given in ems.

Height

Allows you to specify the height of the ticker block. The value from the "Height unit" option above will be applied to the number.

Enable external indents?

Controls the ability to add external margins to the ticker block. Yes - a group of fields will appear below this option allowing you to add external margins. No - the ability to specify external margins will be disabled.

External indents

Allows you to set the outer margins of the ticker block on all sides. The margins are applied to the border of the block. Above - sets the outer top margin in pixels. Right - sets the outer right margin in pixels. Below - sets the outer bottom margin in pixels. Left - sets the outer left margin in pixels.

Enable internal indents?

Controls the ability to add internal padding to the ticker block. Yes - a group of fields will appear below this option allowing you to add internal padding. No - the ability to specify internal padding will be disabled.

Internal indents

Allows you to set the internal padding of the ticker block on all sides. The padding is applied to the border of the block. Above - sets the internal top padding in pixels. Right - sets the internal right padding in pixels. Below - sets the internal bottom padding in pixels. Left - sets the internal left padding in pixels.

Enable border?

Controls the ability to add a border to the ticker block. Yes - settings will appear below this option allowing you to configure the border of the ticker block. No - disables the ability to add a border to the ticker block.

Border width

Specifies the border width of the ticker block in pixels.

Border style

Sets the border style of the ticker block. It can be: solid, double, dotted, and dashed.

Border color

Sets the border color of the ticker block.

Enable corner rounding?

Controls the ability to add rounded corners to the ticker block border.

Corner rounding radius

Specifies the radius in pixels by which the corners of the ticker block will be rounded.

Enable background?

Controls the ability to add a background to the ticker block.

Background type

Controls the selection of the background type for the ticker block. Color - an option to select a color in HEX format will appear. Gradient - options will appear allowing you to select two colors in HEX format for the block's gradient background.

Background color

Sets the background color of the ticker block. Specified in HEX format. Applies if the "Color" value is selected in the "Background type" option.

Color 1

Sets the first gradient color for the ticker block. The first color is applied to the top half of the ticker block. Specified in HEX format. Applies if the "Gradient" value is selected in the "Background type" option.

Color 2

Sets the second gradient color for the ticker block. The second color is applied to the bottom half of the ticker block. Specified in HEX format. Applies if the "Gradient" value is selected in the "Background type" option.

Settings of the ticker

Movement mode

Sets the direction in which the ticker moves. Possible values: top to bottom, right to left, left to right, bottom to top.

Movement speed

Allows you to specify the movement speed of the data in the ticker. The movement speed is specified in milliseconds. Please note: the movement speed determines the number of milliseconds during which the message will be displayed in the ticker.

Motion stop

Controls the ability to stop the ticker movement when the mouse cursor hovers over it.

Enable cycling?

Controls the ability to loop the data in the ticker. Please note: looping will create a duplication of data in the ticker, which will be visible in the source code. Also, consider the width of the parent block in which the ticker is displayed. If the data in the ticker is narrower than the block width, the duplication will be visible to visitors. Try to ensure that the data in the ticker is wider than the block, otherwise do not enable ticker cycling.

Distance between cycles

Specifies the distance in pixels between data cycles in the ticker.

Delay before animation

Specifies the time in milliseconds after which the ticker will start playing after the site page is fully loaded.

Start showing

Controls the position from which the ticker will start displaying. Starting block - the ticker data will be displayed after the page loads and will start playing. End block - the ticker data will be hidden and will start playing from the hidden edge of the ticker after the page is loaded.

Text customization

The "Text" mode settings are located in the module settings tab named "Text". Please note: this mode applies if the "Text" value is selected in the "Data type" field on the main module settings tab.

Text

Enter the text of the message to be displayed in the text ticker.

Text color

Sets the color of the message text in the ticker block.

Text colour when hovering

Sets the color of the message text in the ticker block when the mouse cursor hovers over it.

Enable link?

Controls the ability to add a link to the ticker text message.

Link

Enter the direct link address to which the visitor should be directed when clicking on the message in the ticker.

Link opening attribute

Controls how the link opens in the visitor's browser. It can be: in a new tab or in the current tab.

REL link attribute

Sets the REL attribute for the link wrapping the text in the ticker. Possible values: Nofollow - the attribute prevents search engine bots from following the link. Noreferrer - the attribute prevents passing the referrer source (your site) to the link.

Customize typography?

Controls the ability to change the default typography. If "Yes" is selected, additional typography settings will appear.

Text size

Specifies the font size of the message text in the ticker.

Text unit

Controls the unit of measurement that will be added to the font size of the ticker text. px - the text size will be in pixels. % - the text size will be a percentage. em - will set the font size to 20% larger than the font size of the parent element. rem - will set the font size to 20% smaller than the font size of the root element.

Line height

Specifies the line height of the message text in the ticker.

Line height unit

Controls the unit of measurement that will be added to the line height of the ticker text. No unit of measure - the line height will be a plain number, without a unit. px - the line height will be in pixels. % - the line height will be in percentages. em - will set the line height 20% larger than the font size of the parent element. rem - will set the line height to 20% less than the font size of the root element.

Text weight

Controls the font weight of the ticker text. The equivalent property in CSS is font-weight.

Text transformation

Controls the text transformation in the ticker. The equivalent property in CSS is text-transform. Possible values: First capitals - the first letter of each word will be capitalized. Lowercase - every letter of the word will be lowercase. Upper case - each letter of the word will be uppercase. Don't change register - the case will be set exactly as typed in the "Text" field.

Text style

Controls the font style of the text in the ticker. The equivalent property in CSS is font-style.

Text design

Controls the text decoration of the text in the ticker. The equivalent property in CSS is text-decoration.

Customizing the link

The "Links" mode settings are located in the module settings tab named "Links". Please note: this mode applies if the "Links" value is selected in the "Data type" field on the main module settings tab.

Links list type

Controls the appearance of the link list.

Indentation between links

Sets the distance between elements in the link list. Specified as a number in pixels. The spacing is set depending on the value selected in the "Links list type" option. If "Horizontal" is selected, the distance will be set to the right of the link. If "Vertical" is selected, the distance will be set below the link.

Links list

Sets the links that will be in the ticker. Below are the fields available for each configurable link.

Link name

Sets the visual title of the link.

Link address

Sets the direct URL address to which the visitor should be directed when clicking on the link.

Link opening attribute

Controls how the link opens in the visitor's browser.

REL link attribute

Sets the REL attribute for the link wrapping the text in the ticker. Nofollow - the attribute prevents search engine bots from following the link. Noreferrer - the attribute prevents passing the referrer source (your site) to the link.

Link color

Sets the color of the link text in the ticker block.

Link color when hovering

Sets the color of the link text in the ticker block when the mouse cursor hovers over it.

Customize typography?

Controls the ability to change the default typography. If "Yes" is selected, additional typography settings will appear.

Text size

Specifies the font size of the links in the ticker.

Text unit

Controls the unit of measurement that will be added to the font size of the ticker links. px - the text size will be in pixels. % - the text size will be a percentage. em - will set the font size to 20% larger than the font size of the parent element. rem - will set the font size to 20% smaller than the font size of the root element.

Line height

Specifies the line height of the links in the ticker.

Line height unit

Controls the unit of measurement that will be added to the line height of the ticker links. No unit of measure - the line height will be a plain number, without a unit. px - the line height will be in pixels. % - the line height will be in percentages. em - will set the line height 20% larger than the font size of the parent element. rem - will set the line height to 20% less than the font size of the root element.

Text weight

Controls the font weight of the links in the ticker. The equivalent property in CSS is font-weight.

Text transformation

Controls the text transformation of the link titles in the ticker. The equivalent property in CSS is text-transform. Possible values: First capitals - the first letter of each word will be capitalized. Lowercase - every letter of the word will be lowercase. Upper case - each letter of the word will be uppercase. Don't change register - the case will be set exactly as typed in the "Text" field.

Text style

Controls the font style of the links in the ticker. The equivalent property in CSS is font-style.

Text design

Controls the text decoration of the links in the ticker. The equivalent property in CSS is text-decoration.

Image customization

The "Images" mode settings are located in the module settings tab named "Images". Please note: this mode applies if the "Images" value is selected in the "Data type" field on the main module settings tab.

Images list type

Controls the appearance of the image display in the ticker.

Image width

Specifies the width applied to all images in horizontal display mode. Specified as a number in pixels.

Image height

Specifies the height applied to all images in vertical display mode. Specified as a number in pixels.

Indentation between images

Sets the distance between images. Specified as a number in pixels. The spacing is set depending on the value selected in the "Images list type" option. If "Horizontal" is selected, the distance will be set to the right of the image. If "Vertical" is selected, the distance will be set below the image.

Images list

Sets the images that will be in the ticker. Below are the fields available for each image.

Image

Opens the Joomla media manager, where you can upload and select images.

Image title

Sets the title for the image. Used as the ALT attribute for the image.

Link

Sets the direct URL address to which the visitor should be directed when clicking on the image.

Link opening attribute

Controls how the image link opens in the visitor's browser.

REL link attribute

Sets the REL attribute for the link wrapping the image in the ticker. Nofollow - the attribute prevents search engine bots from following the link. Noreferrer - the attribute prevents passing the referrer source (your site) to the link.

CSS and JS customization

The module supports adding custom CSS and JS code to the site. To do this, go to the "CSS and JS" module settings tab. Please note: this settings section is intended only for users familiar with CSS and JavaScript syntax.

CSS code

Enter the CSS code that should be added to the site. Please note that the field accepts raw CSS code without any HTML tags.

JS code

Enter the JavaScript code that should be added to the site. Please note that the field accepts raw JavaScript code without any HTML tags.