Pop Image Slider v.3.0.4

Impressive image viewer extension
for Joomla 2.5.x and 3.1.5 or later.

Joomla 2.5 Compatible Joomla 3.0 Compatible

Documentation

Ιnstallation

Notice: Don't forget to unzip the downloaded file. You will find two versions of Pop Image Slider, one for Joomla 2.5.x and a second for Joomla 3.x.

  1. Download Pop Image Slider.
  2. In the Joomla control panel select: "Extensions" > "Extension Manager".
  3. In the Upload Package File section click Browse and locate the "pkg_popimageslider.zip" file that suits the Joomla version of your website.
  4. Then click Upload File & Install to upload the file and complete the installation.

Configuration

For your convenience Pop Image Slider is already parameterized to work with sample images. So, after the installation, the only thing you have to do is to go to the Pop Image Slider module and a) publish it, b) select a module position and c) assign it to a page of the menu. Save the module and check the page.

To configure Pop Image Slider and add your images, you have to use a) the component in order to create the group and add the images to it and b) the module in order to define which group and how it will show the images of this group. In particular go to the Joomla control panel and do the following:

  1. Select "Components" > "Pop Image Slider" > "Groups".
  2. Click "New", fill in the title and save.
  3. Then click to "Images".
  4. Click "New". You can do many things here. The most important is to know what the "Source" field is doing. (For more details look below at the "Parameters" section.)
    • Set "Source" = "Media" to add a single image from the Media Manager. You can define a link, title, description etc for this image.
    • Set "Source" = "Media Folder" to add all the images of a folder from the Media Manager. Notice that all these images will have the same link, title, description etc.
    • Set "Source" = "Article" to add an article to the slider as image. As image will be used the "Intro Image" of the article, as title of the image will be used the title of the article, as description of the image will be used the intro text of the article and as link of the image will be the link to this article.
    • Set "Source" = "Article Category" to add all articles of an article category to the slider as images. As images will be used the "Intro Image" for each article, as title of each image will be used the title of each article, as description of each image will be used the intro text of each article and as link of each image will be the link to each article.
    • Set "Source" = "Phoca Gallery Image (ID)" to add a single image from Phoca Gallery. As title of the image in the slider will be used the title of the image in Phoca Gallery, as description of the image in the slider will be used the description of the image in Phoca Gallery and as link of the image in the slider will be the link to this image.
    • Set "Source" = "Phoca Gallery Category" to add all the images from a category in Phoca Gallery. As title of each image in the slider will be used the title of each image in Phoca Gallery, as description of each image in the slider will be used the description of each image in Phoca Gallery and as link of each image in the slider will be the link to this image.
    • Set "Source" = "K2 Item" to add a K2 item to the slider as image. As image will be used the "Image" of the K2 item, as title of the image will be used the title of the K2 item, as description of the image will be used the (intro) text of the K2 item and as link of the image will be the link to this K2 item.
    • Set "Source" = "K2 Category" to add all the K2 items to the slider as images. As images in the slider will be used the "Image" of each K2 item, as title of each image in the slider will be used the title of each K2 item, as description of each image in the slider will be used the (intro) text of each K2 item and as link of each image will be the link to each K2 item.
  5. Then select select: Extensions > Module Manager. Locate Pop Image Slider in the list and click it.
  6. In the module configuration, the most important is to set the parameter "Images Group" and select the group you just created in step 2.
  7. Of course you have to publish the module, select a position and assign it to a menu page through the "Menu Assignment" tab.
  8. Save the module and check the page containing Pop Image Slider.

Important Notes

1. Joomla 2.5.x is not loading jQuery by default. So, if your website is not already loading jQuery you have to enable the last parameter of the module "Load jQuery".

2. In order Pop Image Slider to work in Joomla 3.0 you must have the version 3.1.5 or later.

3. If you enable both tooltips and lightbox then the description of the images is not visible in the lightbox. You have to disable tooltips in order to see the description in the lightbox window.

Screenshots of Configuration

Component

Component Parameters

Module

Module Parameters

Parameters

The Pop Image Slider component has the following parameters:

The Pop Image Slider module has the following parameters:

Change Log