Image Gallery

This plug-in will allow you to add multiple images to an article and create article image galleries. Each article can have own dedicated gallery. Galleries are being displayed either in the article's body with the content wrapped around or in a box with thumbnails that enlarge on a click using Lightbox.

This plug-in comes with 4.1 installation package and is installed by default. Unless you uninstalled it you can skip installation process.

You need to access the Plug-ins section. Click on the Plug-ins link which is located in Main menu at the top of your administrator panel.

A list of all plug-ins currently registered to the system is displayed on the right hand side of the screen on Downloaded plug-ins tab.

To install Image Gallery plug-in you need to click on the install icon on the right side of the plug-ins name.

This will take you to the page with the installation link: Click here to Install the plug-in

After you run the installation, you will be informed that the plug-in was successfully installed.

You may easily go back to the Plug-ins page, by following the link: Click here to go to Plug-in

To uninstall Image Gallery plug-in you need to click on the uninstall icon on the right side of the plug-in name.

This will take you to the page with the link for uninstall: Click here to uninstall the plug-in

You will be informed that the plug-in was successfully uninstalled and you may return to the Plug-ins page by clicking the link: Click here to return to Plug-in home page.

The path to the Image Gallery plug-in:

Click on the Articles link (which is located in Main menu at the top of your administrator panel).

Choose Image Gallery tab when adding/editing an article.

This plug-in can be accessed only by users belonging to groups that are allowed to manage Image Gallery plug-in.

You can manage your image galleries for each article separately. Just choose Image Gallery tab when add/edit an article.

On the Image gallery tab click on the +Add new image link and choose previously uploaded image file(s) that you want to include to that article.

You can browse through folders by selecting a folder or subfolder from the list on the left. By choosing some folder, a list of files this folder contains will appear on the right. Images are being selected with a single click. You can select multiple images from the same folder at the same time. Click on the Add images button and images will be added to the article.

When you are done with selection choose Add images button. Of course, you can later add more images to the same gallery.

Now chosen images are being added to the article.

You can anytime cancel the action by choosing Cancel link - the pop-up window will close then and images, if selected, will not be added to the article gallery.

You may also upload files from your hard drive and attach them to desired article. First select target folder from Upload destination drop-down list, then click on Upload file. Now select your local folder and choose images, then click Open to upload selected files. You can watch how the upload progresses.

After uploading images will be automatically added to the article's gallery.

When added to an article, images are listed on Image gallery tab on the article editing page. You can use drag and drop to change their order, delete an image from the gallery or add Image Title and Description. Double-click an image to assign it Image Tittle and Description.

When you are done click on Apply button to save settings for the image.

To remove an image from a gallery just click Delete icon on the top right corner of the image preview.

If you choose to display article within a box you should edit default.tpl file located in VIVVO_ROOT/templates/VIVVO_TEMPLATE_FOLDER/article and add the following line on desired place (for example right below <div id=“box_right_holder”>):

<vte:include file="{VIVVO_TEMPLATE_DIR}box/plugin_image_gallery_lightbox.tpl" />

Image thumbnails will be displayed in a box and they will enlarge using Lightbox gallery on a click.

You may choose your images to be displayed within an article and text to be wrapped around it. To accomplish this you should select image_gallery.tpl as Article custom layout (Administration - Categories) for the category this article belongs to. First image will be displayed when article is being loaded and user can browse through gallery using arrows.