“Vina Article Scroller” Documentation by “VinaGecko” v1.0


“Vina Article Scroller”

Created: 31/03/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 Scroller is a integration module for Joomla 3 working with the content component, this module will show articles of content component in a scroller. Use the Vina Article Scroller to display your news in a fully customizable scrolling gallery to bring more efficiency transferring information to readers. You can run multiple module on a single page, for display latest, featured news by one or more category or by an specific author.
You also can change background color, text color or use background image for module to match the style of your website. You will interesting with more effects and options to configure.

Main Features:

B. Requirement - top

System requirements :


II. Install - top

Here is the tutorial that will direct you to step by step Vina Article Scroller 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, Module Height, Background Image , ...

B. Source Setting - top

  • Source Setting:

    • 1 Show Featured Articles: Select to Show, Hide, or Only display Featured Articles.
    • 2 Count: The number of items to display. The default value of 0 will display all articles.
    • 3 Category Filtering Type: Category Filtering Type
    • 4 Category: Please select one or more categories.
    • 5 Child Category Articles: Include or Exclude Articles from Child Categories.
    • 6 Category Depth: The number of child category levels to return.
  • Author View Setting:

    • 1 Author Filtering Type: Select Inclusive to Include the Selected Authors, Exclusive to Exclude the Selected Authors.
    • 2 Authors: Select one or more authors from the list below.
    • 3 Author Alias Filtering Type: Select Inclusive to Include the Selected Author Aliases, Exclusive to Exclude the Selected Author Aliases.
    • 4 Author Aliases: Select one or more author aliases from the list below.
  • Other Setting:

    • 1 Article IDs to Exclude: Please enter each Article ID on a new line.
    • 2 Date Filtering: Select Date Filtering Type.
    • 3 Date Range Field: Select which date field you want the date range to be applied to.
    • 4 Start Date Range: If Date Range is selected above, please enter a Starting Date.
    • 5 To Date: If Date Range is selected above, please enter an End Date.
    • 6 Relative Date: If Relative Date is selected above, please enter in a numeric day value. Results will be retrieved relative to the current date and the value you enter.
    • 7 Article Field to Order By: Select which field you would like Articles to be ordered by. Featured Ordering should only be used when Filtering Option for Featured Articles is set to 'Only'.
    • 8 Ordering Direction: Select the direction you would like Articles to be ordered by.

C. Display Options - top

- Show Image: Show Image of Article in scroller. Important: our module load image from Images and Links (Full article image), it does not load image inside article content.

D. Advanced Options - top

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

  • Module Class Suffix: A suffix to be applied to the CSS class of the module. This allows for individual module styling.
  • Caching: Select whether to cache the content of this module
  • Cache Time: The time before the module is recached
  • Module Tag: The HTML tag for module
  • Bootstrap Size: An option to specify how many columns the module will use.
  • Header Tag: The HTML tag for module header/title
  • Header Class: The CSS class for module header/title
  • Module Style: Use this option to override the template style for it's position.

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?

  • This new Article Images feature is yet another powerful tool that makes Joomla more user-friendly than ever: 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.

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