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 II. Install III. Settings IV. Thank You|
Vina Grid Gallery for VirtueMart is a cross-browser and responsive module for Joomla 3.x to display product of VirtueMart 3.x Component in dynamic grid layouts with nice CSS3 animation. Based on the width (or height) of a container and the width (height) of a cell unit, It will create a virtual matrix. Scanning the matrix at each cell will find a free cell around to made a free area, then try to fit a block element into it. In case no block can fit the gap, it will resize the block to fill the gap (that is one of the options). Being compatible with most of the browsers, unlimited color, flexible configuration ... Vina Grid Gallery for VirtueMart is a perfect choice to display products in responsive grid layouts. You can run multiple module on a single page to difference purposes as the Featured Products, Latest Products, Random Products, Best Sales or Recent Products. 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.
Here is the tutorial that will direct you to step by step Vina Grid Gallery for VirtueMart installation process.
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.
Click on Browse button and select module Vina Grid Gallery for VirtueMart in the Extensions/ folder. Finally, click on upload & install. Your extension in installed now.
You need to configure some important parameters to module can work normally: Categories ,Number of Products ,Module Type ,Show Product Title ...
Module Type : Select type of module to display products.
Number of Products : The number of Products will display in scroller.
Filter by Category : Enable/disable filter by category.
Category to Filter : Select category to filter products.
Display : Show Product Title, Show Product Image.
Here you can customize a few basic parameters such as: Item Max Width (px), Module Max Height (%/px) , Module Overflow , ...
Module Max Width (px): Set max width for item in pixel.
Module Max Height (%/px) : Set the max-height of module, value in pixels (integer) or percentage (string).
Module Overflow : Display scrollbar if the width or the height of gallery greater the width or the height module.
Module Overflow = hidden
Module Overflow = scroll
Module Padding : The padding of module: Top/Right/Bottom/Left.
Module Margin : The margin of module: Top/Right/Bottom/Left.
Use Background Image
Use Background Color
Number of Products : The number of Products will display in carousel.
Max Items Per Row : 4
Max Items Per Row : 3
Item Max Width (px) : Set max width for item in pixel.
Item Min Width (px) : Set min width for item in pixel.
Item Background Color : Select background color for slide item.
Item Background Color : Yes
Item Background Color : No
Item Option : Item Text Color, Item Link Color, Item Padding.
Category filter : Category filter method.
Filter Position : Select position to display filter buttons.
Filter Position = Left
Filter Position = Center
Filter Position = Right
Button : Button Color, Text Color, Button Active Color.
Draggable : To make block can be drag & drop.
Animate : To make block move with animation.
Time Delay (ms) : The time delay for show block. It will increase by each block.
+ Unset: let blocks can adjust and resize to fill gap.
+ No: let blocks can adjust size but can't resize to fill gap.
+ Yes: let blocks keep the size as init, can't resize to fill gap.
GutterX : The horizon spacing between the column. Default is number, but can set it with 'auto' value.
GutterY : The vertical spacing between the column. Default is number, but can set it with 'auto' value.
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
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: firstname.lastname@example.org