What is News Ticker?
News ticker will display brief information on your website. It can be displayed in different positions on your site like top, middle or bottom.
Why you should use JUX News Ticker?
JUX News Ticker is a highly versatile Joomla module that helps putting up notification on your website with multiple stunning styles.
The number of notifications, colors, transition speed or effect, all are in your control. Painless installation and configuration guaranteed.
News Ticker has several system requirements as follow:
You have to ensure that your system has already installed, XML and Zlib-Support built into your PHP.
PHP should be compiled with support for https (openSSL) and cURL.
PHP Safe Mode should be turned off.
This module can run well on major browsers such as: Internet Explorer (version 10+), Firefox, Chrome, Opera 9+, and Safari. JavaScript must be activated.
After purchasing our product, you’ll see the download link at News Ticker product page:
http://www.joomlaux.com/download.html
Note: If there is any problem, please contact us at: http://www.joomlaux.com/support/contact-us.html
Package
After download the extension you will received an installation package named:
Module |
mod_jux_news_ticker.zip |
Module Installation
Go to Administrator site => “Extension” => “Extension Manager” in the Top Menu.
In “Upload Package File” block, please Upload & Install our extensions:
JUX News Ticker support to display latest articles with cool animation effects as Ticker, select categories to include, length of titles, sorting or even control buttons.
Figure 2: Tab module
Content source |
You can choose source from K2 content, Joomla Content and external links. |
Category |
select K2 categories (NOTE: don’t use for external links ) |
Count |
The maximum number of items you want to display on the sticker (NOTE: don’t use for external links) |
Sort Order By |
To sort the data in the module which based on the settings of article ,includes date, order and hits |
Title Max Char |
Maximum characters in Articles' title. |
Link Target |
Select Link Target: You can choose type link target “Blank” or “Self”. Blank: load in a new window Self: Load in the same frame as it was clicked |
Date |
Show/hide Date (NOTE: don’t use for external links) |
Datetime type |
Select Date time Type (NOTE: don’t use for external links) |
Custom Time Format |
Custom Time format. Leave it empty if you don't want to use custom time format |
Merge Link |
Choose “Yes” if you want merge external link with title of Joomla content or K2 |
Merge Position |
You can choose 2 positions which are Front or Rear (NOTE: don’t use for external links) |
You can Enter URL and Title of external link When choose Content source “External links “. Or you want merge external link with title of “Joomla content” or “K2 content”.
Figure 3: Tab External Link
URL |
Enter URL for external link |
Tittle |
Enter Title for external link |
You can choose display type for news ticker
Figure 4: Tab Position Options
Display Type |
Sliding Tabs: the social tabs display as a slider. Static tabs: the social tabs display in the Joomla position where the module is placed and always show |
Location |
Choose Location for Sliding style( NOTE: Only show when use Sliding type) |
Sticky |
Choose yes if you want to use sticky( NOTE: Only show when use Static type) |
In this tab,you can set color, height, width for your ticker and can custom css for your design
Figure 5: Tab Style Options
Ticker background |
Ticker Background has two option: Flat or Gradient |
Flat Ticker color |
Background Ticker color with flat style (NOTE: only use for Flat type) |
Gradient color start |
Set Gradient color start (NOTE: only use for Gradient type) |
Gradient color end |
Set Gradient color end (NOTE: Only use for Gradient type) |
Headtext Background |
Headtext Background has two options: Flat or Gradient |
Flat ticker color |
Set flat ticker color (NOTE: Only use for Flat type) |
Gradient color start |
Set gradient color start (NOTE: Only use for Gradient type) |
Gradient color end |
Set gradient color end (NOTE: Only use for Gradient type) |
Height(px) |
Set height of JUX News Ticker |
Fontsize |
Set fontsize of Ticker |
Head Text Color |
Set head text color. |
Title Color |
Select color for Ticker Title |
Title Hover Color |
Select color for Ticker when hover |
Time Color |
Select color for Time |
Custom CSS |
Insert CSS code to custom style JUX News Ticker |
You can choose Style for news ticker
Figure 6: Tab Display Options
Style |
JUX news ticker have 3 main styles: Slide, Type and Scroll |
Show Head text |
Show the content that defined in "Head Text" parameter below or not |
Head text |
Can enter Head text |
Letter Speed |
Insert value for letter speed. (NOTE: Speed is faster when value is smaller) |
Transition Speed |
Insert value for transition speed (calculation by milliseconds) |
Pause On Hover |
On/off pause On hover (NOTE: Don’t use for Slide type) |
Auto Start |
Enable/Disable auto start (NOTE: Don’t use for Slide type) |
Animation Type |
Animated effect that you wanted to display (NOTE: Only use for Slide type) |
Animation Transition |
Choose a transition on the list (NOTE: Only use for Slide type) |
Animation Duration |
Animation Duration (millisecond) (NOTE: Only use for Slide type) |
Animation interval |
Animation interval (millisecond) (NOTE: Only use for Slide type) |
Scroll Speed |
Insert value for Scroll speed. NOTE: Speed is faster when value is smaller (Only use for Scroll type) |
Show control button |
Show/hide control buttons |
Boundary Style |
Boundary between Header text and Content |
You can Enable or Disable JQuery for News Ticker
Figure 7: Tab Advanced
Enable JQuery |
Enable/Disable jQuery |
Enable jQuery NoConflict |
Enable/Disable jQuery No Conflict |
You can view frontend of module JUX News Ticker this below:
Figure 7: News Ticker display sliding type
Display Type |
Sliding |
Location |
Top |
Ticker Background |
Flat |
Flat Ticker Color |
#c20034 |
Headtext Backgorund |
Flat |
Flat Ticker Color |
#c20034 |
Height |
40px |
Fontsize |
14px |
Head text Color |
#f2ff00 |
Title Color |
#ffffff |
Title Hover color |
#00fffb |
Time color |
#f2ff00 |
Style |
Scroll |
Delay Loading |
Yes |
Show Head Text |
Yes |
Head Text |
NEWS |
Scroll Speed |
40 |
Pause On hover |
Yes |
Auto Start |
Yes |
Figure 8: News Ticker display Bottom type
Config for Bottom type
Display Type |
Sliding |
Location |
Bottom |
Ticker Background |
Gradient |
Gradient Color Start |
#dede00 |
Gradient Color End |
#ffff03 |
Headtext Backgorund |
Flat |
Flat Ticker Color |
#ffff03 |
Height |
35px |
Fontsize |
14px |
Flat ticker color |
#6d6eb5 |
Head text Color |
#ffffff |
Title Color |
#ffffff |
Title Hover color |
#c41000 |
Time color |
#c9c9c9 |
Style |
Scroll |
Delay Loading |
Yes |
Show Head Text |
Yes |
Head Text |
NEWS |
Scroll Speed |
50 |
Pause On hover |
Yes |
Auto Start |
Yes |
Figure9: News Ticker display Static type
Config for Static type
Display Type |
Static |
Sticky |
Yes |
Ticker Backgorund |
Gradient |
Gradient Color Start |
#0b257a |
Gradient Color End |
#0045b3 |
Headtext Backgorund |
Flat |
Flat Ticker Color |
#0045b3 |
Height |
35 |
Fontsize |
14px |
Head Text Color |
#ffffff |
Title Color |
#ffff00 |
Title Color |
#ffffff |
Style |
Type |
Delay Loading |
yes |
Show Head Text |
Yes |
Head Text |
NEWS |
Letter Speed |
70 |
Transition Speed |
2000 |
Pause On Hover |
Yes |
Auto Start |
Yes |