Scroll Box Pro

Introduction

Scroll Box Pro is a Joomla module  that allows you to display scrolling text within a customizable box on your Joomla website. This documentation covers the installation, configuration, and usage of the Scroll Box Pro 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: ScrollBoxPro_UNZIP.zip

Unzipping the Package

Use any file unzipper tool or WinRAR to unzip the ScrollBoxPro_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_scrollbox_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_scrollbox_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 & 5: Go to System > Install > Extensions. You can either drag and drop or browse for the file to install.

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 Scroll Box Pro in the list.

General Settings

• Pause On Hover: Choose whether to pause scrolling when the mouse hovers over the box.
  • Options are: On or Off.
• Scroll Direction: Select the direction in which the text should scroll.
  • Options are: Left to Right, Right to Left, Top to Bottom, or Bottom to Top.
• Scroll Speed: Select the speed of the text scroll.
  • Options range from 1 (slowest) to 40 (fastest).

Styling Settings

• Text Color: Enter the hexadecimal color code for the text (default is #000000).
• Text Font Size: Enter the size of the text in pixels (default is 12).
• Font Weight: Select the font weight for your text.
  • Options are: Normal or Bold.
• Box Height: Enter the height of the box in pixels (default is 120).
• Box Width: Enter the width of the box in pixels (default is 120).
• Background Color: Enter the hexadecimal color code for the box (default is #FFFFFF).
• Select Text Font: Choose the font-family for your text.
  • Options include: User Defined, Questrial, Numans, Comfortaa, Andika, Podkova, Carme, Varela Round, Shanti, Muli, Yellowtail, Didact Gothic, Lato, Nunito, Lobster Two, Rosario, IM Fell French Canon SC, Actor, Cabin, Rochester, Calligraffitti, Pacifico, Damion, Varela, Molengo, Ubuntu.
• User Defined Font: If Select Text Font is set to User Defined, enter the desired font in this field.

Content Settings

• Message Input Method: Select the input method of messages.
  • Options are: Editor or Joomla Article.
• Select Article: Choose an article to be displayed (shown only if Message Input Method is set to Joomla Article).
• Enter Your Text: Enter your text here (shown only if Message Input Method is set to Editor).

Advanced Settings

• Module Class Suffix: Enter your desired module suffix for additional styling (optional).

Features

Once configured, assign the module to a position on your Joomla template and publish it. The Scroll Box Pro will display the scrolling text based on your settings, providing a dynamic and engaging content area.

Features

• Pause On Hover: Allows users to pause the scrolling text by hovering over the box.
• Multiple Scroll Directions: Choose from left to right, right to left, top to bottom, or bottom to top scroll directions.
• Adjustable Scroll Speed: Customize the scroll speed to suit your website's needs.
• Customizable Styling: Set text color, font size, font weight, box dimensions, background color, and font family.
• Flexible Content Input: Use either the Joomla editor or select a Joomla article to display scrolling text.
• Advanced Customization: Add a module class suffix for further styling.

FAQ

• How do I change the scroll direction?

  • Adjust the Scroll Direction setting under General Settings.

• Can I change the text color?

  • Yes, set the Text Color under Styling Settings.

• How do I input my own text?

  • Set the Message Input Method to Editor and enter your text in the Enter Your Text field.

• Can I use a Joomla article for the scrolling text?

  • Yes, set the Message Input Method to Joomla Article and select the desired article.

• How do I adjust the scroll speed?

  • Change the Scroll Speed setting under General Settings.

Troubleshooting

• Text Not Scrolling: Ensure the module is assigned to a visible template position and published. Verify the Scroll Direction and Scroll Speed settings.
• Styling Issues: Check the Styling Settings and adjust text color, font size, and background color as needed.
• Content Not Displaying: Verify the selected input method and ensure the text or article is properly configured.