Text Image Tooltip

Introduction

Text Image ToolTip is a Joomla plugin that allows you to add customizable image tooltips to your Joomla content. This documentation covers the installation, configuration, and usage of the Text Image ToolTip plugin.

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: TextImageToolTip_UNZIP.zip

Unzipping the Package

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

• plg_txttooltip_X.x.zip: This is the installation file compatible with Joomla 3.x and Joomla 4.x.
• 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 & 4: Navigate to Extensions > Install, then click on the "Upload Package File" tab. Click "Browse" to select the appropriate installation file (plg_txttooltip_X.x.zip), then click "Upload and Install."

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

Configuration

After installation, the plugin needs to be configured to suit your requirements. Access the plugin settings by navigating to Extensions > Plugins, and find Content - Text Image ToolTip in the list.

General Settings

• Resize Image By: Select whether to resize the images by height, width, or both. This option automatically resizes your images as per your requirement.
  • Options: Height, Width, Both
• Image Height: Enter the height of the large image (shown when Resize Image By is set to Height or Both).
• Image Width: Enter the width of the large image (shown when Resize Image By is set to Width or Both).

Suggested Icons for Configuration Sections

• General Settings:
   
  - fa-cog

Usage

Once configured, you can use the Text Image ToolTip plugin to add image tooltips to your Joomla content.

Syntax - How to Use

Here is the syntax to integrate image tooltips into your content. Write the code in your article where you want to show the tooltip.

{txttooltip}link_name{end-link}image_path{end-txttooltip}

Example

{txttooltip}Hover Mouse Here{end-link}images/test/1.jpg{end-txttooltip}

Replace link_name with the text that users will hover over, and image_path with the path to the image you want to display.

Features

• Customizable Tooltips: Add text, links, and images to your tooltips.
• Flexible Image Resizing: Automatically resize images by height, width, or both.
• Simple Integration: Use straightforward syntax to add tooltips to any content on your Joomla site.

FAQ

• How do I change the image size?

  • Adjust the Resize Image By, Image Height, and Image Width settings under General Settings.

• What is the syntax for adding tooltips to my content?

  • Use the {txttooltip}link_name{end-link}image_path{end-txttooltip} syntax in your Joomla articles or custom HTML modules.

• Can I customize the text and image for each tooltip?

  • Yes, specify the link_name and image_path in the syntax for each tooltip you create.

Troubleshooting

• Tooltips Not Displaying: Ensure the plugin is enabled and the syntax is correctly added to your content.
• Incorrect Image Size: Verify the Resize Image By, Image Height, and Image Width settings and ensure they are correctly set.
• Styling Issues: Check the Additional CSS and other settings for conflicts.