“Vina Article List Slider” Documentation by “VinaGecko” v1.0


“Vina Article List Slider”

Created: 11/06/2014
By: VinaGecko
Email: support@vinagecko.com

Thank you for using our module. If you have any questions that are beyond the scope of this help file, please feel free to email via our contact form here. Thanks so much!


Table of Contents

I. Introduction
  1. Module - Overview
  2. Requirement
II. Install
  1. Install For Joomla 3
III. Settings
  1. Basic Options
  2. Source Setting
  3. Display options
  4. Advanced Options
  5. Menu Assignment
IV. Images and Links
V. Thank You

I. Introduction - top

A. Module Overview - top

Vina Article List Slider is as best choice and the most eye-catching way to display article of Joomla Content Component on in a responsive slideshow. It will shows tabs on the left/right side that can be clicked on - this changes the slide that displays. This module is ideal for portal websites, where much content needs to be gathered in as less blocks as possible. With many animations supported and have an easy to control the module displaying via simple parameters, you can do everything as you like and let your client see your site in a impression way.

Main Features:

B. Requirement - top

System requirements :

C. Article Images in Joomla 3 - top

How to use Article Images in Joomla 3

In previous versions of Joomla, adding images to articles had to be done through the text editor. But now with Joomla 3, you'll notice a new pane on the right of the article called Images and Links. This feature enables you to insert two images into your article: One in the intro, and another in the main body.

Step 1 : You go to manager of the article you want to add images. If you not insert images into tab " Image and Link ":

Intro Article

Main Article

Step 2 : Choose tab " Image and Link ", select image for " Intro Image".

Intro Article

Main Article (No Image)

Image Float: Controls placement of the image.

Image Float = Left

Image Float = Right

Step 3 : Choose tab " Image and Link ", select image for "Full article image".

Intro Article

Main Article

Image Float: Controls placement of the image.

Image Float = Left

Image Float = Right

Why is this so neat?

Now it's easier than ever to use Joomla as a blog, news site, or photo gallery. If you're familiar with WordPress, this is similar to the Featured Image that you can set for each post. It enables your site to have a clean & consistent look on your Category Blog pages, without having to bother with styling & aligning images inside the text editor. Of course, you can still use the text editor for images if you like.
This new Article Images feature is yet another powerful tool that makes Joomla more user-friendly than ever.

II. Install - top

Here is the tutorial that will direct you to step by step Vina Article List Slider installation process.

A. Install For Joomla 3 - top

Important After download UNZIP package from our website, you must extract it before install.

Step1 Extension manager

Go to your Joomla Administrator and click on Extensions then click on Extension manager option which will lead you through a dialogue box for browsing the installed Module from your computer.

Step2 Upload & Install

Click on Browse button and select module Vina Vimeo Carousel Gallery in the Extensions/ folder. Finally, click on upload & install. Your extension in installed now.

Step3 Use Module


III. Settings - top

A. Basic Options - top

Here you can customize a few basic parameters such as: Module Width (px), Module Height (px), Scale Width (px) ,Show Thumbnail Navigator ...

B. Source Setting - top

Here you can customize a few basic parameters such as: Show Featured Articles, Count, Category ,Category Depth ...

B. Display options - top

Here you can customize a few basic parameters such as: Show Image, Display Title, Display Created Date , ...


1. Resize Image: If Yes, the image will be resize before display. Important: our module load image from Images and Links (Full article image), it does not load image inside article content.
2. Display Title: Display title of article in scroller.
3. Display Created Date: Select Show if you would like the Created Date for each article to be displayed.
4. Display Category: Select Show if you would like the Category for each article to be displayed.
5. Display Hits: Select Show if you would like the hits for each article to be displayed.
6. Show Introtext: Select Show if you would like the introtext to be displayed.
7. Show "Read More": If set to Show, the Read more... Link will show if Main text has been provided for the Article.

D. Advanced Options - top

Here you can customize a few basic parameters such as: Module Class Suffix, Module Tag, Header Class , ...

This will allow you to select the menu items (the pages) where you want to display the module


IV. Images and Links - top

Why you should to use "Images and Links" instead insert Image inside article content?

How to use "Images and Links"?

In previous versions of Joomla, adding images to articles had to be done through the text editor. But now with Joomla 3, you'll notice a new pane on the right of the article called Images and Links. This feature enables you to insert two images into your article: One in the intro, and another in the main body.

Step 1 : You go to manager of the article you want to add images. If you not insert images into tab " Image and Link ":

Intro Article

Main Article

Step 2 : Choose tab " Image and Link ", select image for " Intro Image".

Intro Article

Main Article (No Image)

Image Float: Controls placement of the image.

Image Float = Left

Image Float = Right

Step 3 : Choose tab " Image and Link ", select image for "Full article image".

Intro Article

Main Article

Image Float: Controls placement of the image.

Image Float = Left

Image Float = Right

V. Thank You - top

Once again, thank you so much for using this module. If you have a more general question relating to the module, you might consider visiting the our forum: http://vinagecko.com/forum/ or send email to address: support@vinagecko.com

VinaGecko Team

Go To Table of Contents