Vertical Logo Scroller - JoomlaX Documentation

Introduction

Vertical Logo Scroller is a Joomla module that allows you to display a vertical scrolling carousel of logos or images on your Joomla website. This documentation covers the installation, configuration, and usage of the Vertical Logo Scroller module.

Installation

Downloading the Extension

Email: After you purchase the extension from our store, you will receive an email containing a link to download the extension.

Store: Alternatively, you can download the extension from the "Downloads" section in our store. If you are a new user, you need to create an account using the same email address you used for the purchase.

Click to download the extension package: VerticalLogoScroller_UNZIP.zip

Unzipping the Package

Use any file unzipper tool or WinRAR to unzip the VerticalLogoScroller_UNZIP.zip package. After unzipping, you will find the following contents:

Folder Joomla 3: This extension is compatible with Joomla 3.x. In this folder, you will find the installation file named mod_logo_scroller_X.x.zip.
Folder Joomla 4 & 5: The extension is also designed for seamless integration with Joomla 4.x and Joomla 5.x. This folder contains the installation file named mod_logo_scroller_X.x.zip.
ReadMe.txt: Contains vital information about the current version of the extension.

Installing the Extension

To install the extension, log in to the backend of your Joomla website.

For Joomla 3: Navigate to Extensions > Extension Manager, then click on the "Upload Package File" tab. Click "Browse" to select the appropriate installation file, then click "Upload and Install."
For Joomla 4: Go to System > Install > Extensions. You can either drag and drop or browse for the file to install.
For Joomla 5: The installation process is the same as for Joomla 4.

A success message will be displayed once the installation is complete.

Configuration

After installation, the module needs to be configured to suit your requirements. Access the module settings by navigating to Extensions > Modules, and find Vertical Logo Scroller in the list.

General Settings

Slider Height: Enter the height of the slider in pixels (default is auto).
Slider Width: Enter the width of the slider in pixels (default is 200px).
Background Color: Select the background color of the module (default is rgba(255, 255, 255, 0)).
Scrolled Items: Enter the number of images to be scrolled at a time (default is 1). Note: The number of items can't be zero or negative.
Auto Scroll: Select whether you want auto scroll (ON or OFF).
Auto Scroll Time: Enter the time (in milliseconds) after which the images will scroll automatically (default is 2000).
Animation Effects: Select the animation effect of the scroller (Linear or Swing).
Wrapping Type: Specifies whether to wrap at the first/last item (or both) and jump back to the start/end. Options are First, Last, Both, Circular, or Null.
Animation Speed: Enter the speed of the scroll animation in milliseconds (default is 500). If set to 0, animation is turned off.

Image and Link Settings

Image Path Selection: Select whether you want to grab images From Folder or from Individual Image Path.
Image Folder Path: Enter the image folder path. Note: This option works only when Image Path Selection is set to From Folder.
Show Images: Select whether to show images Randomly or in Sequence.
Sort Images By: Select the order to sort the images (Ascending or Descending).
Enable Timthumb Image Resizer: If your images don't resize automatically, set this to Enabled.
Resize Image By: Select whether to resize the images by height/width or both. Note: This parameter works only when Timthumb Image Resizer is set to Enabled.
Image Height: Enter the height of the image in pixels. Note: It's better to set the Image Height same as the Height of the Scroller.
Image Width: Enter the width of the image in pixels. Note: It's better to set the Image Width same as the Width of the Scroller.
Enable Link: Select whether you want to enable link or not. Note: All parameters that are associated with Link will work only when Image Path Selection is set to Individual Image Path.
Open in: Specify whether to open a link in the same window or a new tab (New Tab or Same Window).
Slides: Click on the "Add" button to add slides. For each slide, you can set:
- Select an Image: Choose an image for the slide.
- Link: Set the URL for the image.
- Alt Text: Provide alternative text for the image.
- Status: Select whether to show or hide the slide (Show or Hide).

Advanced Settings

Module Suffix: Add a suffix to the module class for styling purposes.

Features

Once configured, assign the module to a position on your Joomla template and publish it. The Vertical Logo Scroller will display the logos or images based on your settings, providing a smooth vertical scrolling effect.

Features

Smooth Vertical Scrolling: Display logos or images with a smooth vertical scrolling effect.
Customizable Dimensions: Configure the height and width of the scroller to fit your template.
Background Color: Set a custom background color for the module.
Auto Scroll: Enable or disable auto scroll with customizable scroll time.
Animation Effects: Choose between linear and swing animation effects.
Image Sorting: Display images randomly or in sequence, and sort them in ascending or descending order.
Image Resizing: Automatically resize images using Timthumb image resizer.
Linking Options: Enable links for images and specify whether to open in the same window or a new tab.
Customizable Slides: Add multiple slides with individual images, links, alt text, and visibility status.
Advanced Customization: Add additional CSS and module class suffix for further styling.

FAQ

How do I change the scroll speed?
- Adjust the Animation Speed setting under General Settings.
Can I display images from a specific folder?
- Yes, set the Image Path Selection to From Folder and specify the folder path in Image Folder Path.
How do I enable auto scroll?
- Set the Auto Scroll option to ON under General Settings.
How do I resize the images automatically?
- Enable the Timthumb Image Resizer and set the desired dimensions for height and width.
Can I add links to the images?
- Yes, enable the Link option and provide the URL for each image.

Troubleshooting

Scroller Not Displaying: Ensure the module is assigned to a visible template position and published.
Images Not Resizing: Verify that the Timthumb Image Resizer is enabled and the dimensions are set correctly.
Auto Scroll Not Working: Check the Auto Scroll settings and ensure the scroll time is set properly.
Links Not Opening Correctly: Verify the Link settings and ensure the URLs are correctly formatted.

Updates

Vertical Logo Scroller includes an integrated update server to keep your extension up-to-date with the latest features and improvements. Ensure your download key is configured correctly to receive updates automatically.

How to get the license key for the extension?

Go to the Download Section of our store.
If you already have an account then login or else you create an account if you are new to our store..
Create an account using the same email address which you have used while purchasing the extension. (This isn't your Paypal email address but the address which you have provided in our store while purchasing)
Once you login to the Download section you can find the License Key for the extension.