Vertical Logo Scroller
DownloadIntroduction
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
orOFF
). - 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
orSwing
). - 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
, orNull
. - 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 fromIndividual 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 inSequence
. - Sort Images By: Select the order to sort the images (
Ascending
orDescending
). - 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
orSame 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
orHide
).
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.
- Yes, set the Image Path Selection to
-
How do I enable auto scroll?
- Set the Auto Scroll option to
ON
under General Settings.
- Set the Auto Scroll option to
-
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.