Easy Cloud Zoom - JoomlaX Documentation

Introduction

Easy Cloud Zoom is a Joomla plugin that It allows you to create zoomable images on your Joomla site with customizable settings. This documentation covers the installation, configuration, and usage of the Easy Cloud Zoom 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: EasyCloudZoom_UNZIP.zip

Unzipping the Package

Use any file unzipper tool or WinRAR to unzip the EasyCloudZoom_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 plg_sys_cloud_zoom_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 plg_sys_cloud_zoom_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 (plg_sys_cloud_zoom_X.x.zip), 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 plugin needs to be configured to suit your requirements. Access the plugin settings by navigating to Extensions > Plugins, and find System - Easy Cloud Zoom in the list.

General Settings

Gallery Width: Enter the width of the gallery in pixels (default is 100%).
Display Thumb: Show the thumbnail on the right or bottom (default is Right).
Show Zoomed images Within Frame: Select whether to show zoomed images within the frame (default is ON).
Enable Soft Focus: Apply a subtle soft-focus effect to the small image (default is OFF).
Show Title: Select whether to show titles on images (default is OFF).
Tint Color: Enter the color for the zoom lens background.
Tint Opacity: Enter the opacity value for the lens background color (0.1 to 1, default is 0.5).
Select Title's Font: Choose the font style for image titles (default is User Defined).
User-defined Title's Font: Enter the font if Select Title's Font is set to User Defined.
Title Font Size: Enter the font size for the title text in pixels (default is 12).
Title Font Weight: Select the font weight for the title text (default is Bold).
Height of Zoomed Image: Enter the height of the zoomed image in pixels (default is 200).
Width of Zoomed Image: Enter the width of the zoomed image in pixels (default is 400).
Position of Zoomed Image: Select the position of the zoomed image (default is Right).

Image Settings

Fetch Image: Select whether to fetch images from a folder or individual path (default is From Folder).
Sort Images: Select whether to show images randomly or sequentially.
Show Thumbnail Images By: Show thumbnail images by height, width, or both (default is Height).
Image Height: Enter the height of the image (default is 300).
Image Width: Enter the width of the image (default is 200).
Thumb Height: Enter the height of the thumbnail image (default is 100).
Thumb Width: Enter the width of the thumbnail image (default is 80).

How to Use

To create zoomable images, use the following syntax in your Joomla articles or custom HTML modules:

{cloud-zoom}images/cloud/{title}My Title{end-cloud-zoom}

Features

Once configured, the plugin will automatically apply the zoom effect to images based on the specified settings. You can add zoomable images to your articles or custom HTML modules using the provided syntax.

Features

Customizable Gallery: Adjust the width and display options for the gallery.
Zoom Options: Configure the zoom settings including position and dimensions.
Title Options: Choose whether to display titles and customize their appearance.
Image Source: Fetch images from a folder or specify individual paths.
Flexible Sorting: Display images in sequence or randomly.

FAQ

How do I change the position of the zoomed image?
- Adjust the Position of Zoomed Image setting under General Settings.
Can I fetch images from a specific folder?
- Yes, set the Fetch Image option to From Folder and specify the folder path.
How do I add zoomable images to my articles?
- Use the {cloud-zoom}images/cloud/{title}My Title{end-cloud-zoom} syntax in your Joomla articles or custom HTML modules.
Can I customize the appearance of the image titles?
- Yes, configure the title settings including font, size, and color under General Settings.

Troubleshooting

Zoom Not Working: Ensure the plugin is enabled and the syntax is correctly added to your articles or modules.
Images Not Displaying Correctly: Check the image paths and ensure they are correctly specified.
Title Not Showing: Verify the Show Title setting and ensure it is set to ON.