About
Responsive Scroller for Articles is a responsive scroller that allows you to show Joomla articles with a set amount of scrolling items.
The size and amount of scrolling items will automatically adjust depending on the browser and screen size. The module features 6 preset themes and is fully customizable.
Installation
To install Responsive Scroller for Articles
- Login to Joomla administrator control panel
-
Go to
Extensions
>Manage
- Click on
Upload Package File
- Select the zip file of the extension and click on
Upload & Install
- Go to
Extensions
>Modules
and search forResponsive Scroller for Articles
- Under the tab
Module
select a position for the module and set the Status asPublished
- Under the tab
Menu Assignment
assign the module to the menu items where you want it to display.Important
If you assign the module to a menu item of type
Articles
orCategories
, the module will still display when you click on an article link. If you don't want the module to be displayed inside an article page, you must not assign it to those menu items.
Configuration
Data Source
Under the tab Data Source
you have the option to filter articles by:
- Categories
- Tags
- Authors
- Authors aliases
If you leave the above 4 fields empty then all articles will be selected. Keep in mind that all 4 above filters work in conjunction with each other. That means that if you select a Category called Category 1
and a tag called Tag 1
then the module will show articles that belong to the category Category 1
and at the same time they have the tag Tag 1
.
If you also want to retrieve items from the children categories of the selected categories you must enable the field Child Category Articles
and insert a desirable Category Depth
(levels of children categories).
In the field Items count
you can limit the total items shown in the module. Default is 8.

You can also configure the module to hide or show Featured articles or filter articles by date by selecting a specific date range.
Additionaly you can exclude specific articles from the module in the field Article IDs to Exclude
by entering each article id on a new line.
Finally you can change the articles ordering in the module in the field Article Field to Order By
.

Basic Settings
Theme: Select one of the available themes.
Items spacing: Spacing between items (in pixels).
Image type: Select an image type.
Image Types
Intro Image: To insert an Intro Image to an article, open the article in Article Manager and click on the tab Images & Links
. Then select an image in the field Intro Image
.
Fulltext Image: To insert a Fulltext Image to an article, open the article in Article Manager and click on the tab Images & Links
. Then select an image in the field Full Article Image
.

Inline Image: An inline image is an image that you add inside the article text. If you select this type of image, the first image found inside the article text will be used in the module.
Image width: The module will crop the images to this width (in pixels).
Image height: The module will crop the images to this height (in pixels).
Info
The module stores the cropped images to the folder root/images/rsca/
.
Title limit: Limits the total count of words in the item title.
Introtext limit: Limits the total count of words in the item introtext.
Date format: Enter a date format. You can learn more here: PHP Date Manual.
Effects Settings
Slide speed: Slide speed in milliseconds (1000 milliseconds = 1 second).
Pagination speed: Pagination speed in milliseconds (1000 milliseconds = 1 second).
Rewind speed: Rewind speed in milliseconds (1000 milliseconds = 1 second).
Autoplay: Advances automatically to next item/page.
Autoplay speed: Autoplay speed in milliseconds (1000 milliseconds = 1 second).
Stop on hover: Stops autoplay on mouse hover.

Navigation settings
Navigation arrows: Display Next
and Previous
buttons.
Rewind to start: Slide back to first item when reaching the last item.
Scroll per page: Scroll per page not per item. This affects Next
and Previous
buttons and Mouse
, Touch
dragging.
Pagination bullets: Display pagination buttons.
Pagination numbers: Show numbers inside pagination buttons.
Drag and scroll: Enable/disable mouse/touch dragging.

Responsive levels
Info
With the parameters of this section you can configure the number of visible items per screen size.
Responsive layout: Enable/disable responsive layout.
LG items per row: Items per row for Large Screens (large desktop).
LG size: Size limit for Large Screens (in pixels). Under this limit, the MD items per row
will be applied.
MD items per row: Items per row for Medium Screens (medium desktop).
MD size: Size limit for Medium Screens (in pixels). Under this limit, the SM items per row
will be applied.
SM items per row: Items per row for Small Screens (tablet).
SM size: Size limit for Small Screens (in pixels). Under this limit, the XS items per row
will be applied.
XS items per row: Items per row for Extra Small Screens (small tablet/landscape phone).
XS size: Size limit for Phone Screens (in pixels). Under this limit, the Phone items per row
will be applied.
Phone items per row: Items per row for Phones.

Advanced
Layout: Allows for creating a template override.
To create a template override you must do the following:
- Create a folder
mod_responsive_scroller_for_articles
inside thehtml
folder of your website template. - Copy the files
default.php
,default_caption.php
,default_light.php
,default_minimal.php
,default_modern.php
,default_retro_dark.php
,default_retro_light.php
from
root/modules/mod_responsive_scroller_for_articles/tmpl/
to
your_template/html/mod_responsive_scroller_for_articles/
. - If you have selected the Light theme, you must make your changes inside the file
default_light.php
. - If you have selected the Minimal theme, you must make your changes inside the file
default_minimal.php
. - If you have selected the Modern theme, you must make your changes inside the file
default_modern.php
. - If you have selected the Caption theme, you must make your changes inside the file
default_caption.php
. - If you have selected the Retro Light theme, you must make your changes inside the file
default_retro_light.php
. - If you have selected the Retro Dark theme, you must make your changes inside the file
default_retro_dark.php
.
Check out this article for more info on template overrides.
Load jQuery library: Enable this parameter only if you experience javascript conflicts on the page. It is disabled by default.
Load PHP Thumb Factory: The PHP Thumb Factory is responsible for all image cropping operations. Do not disable it unless it is already used by another extension.
Load Lightbox: Enable the Lightbox only if you have also enabled the parameter Show hover lightbox icon
in Basic settings
.
Load Font Awesome: If your template uses the Font Awesome library you can safely disable this parameter.
