Featured Product Grid

Alternative to the Virtuemart featured products module.
It displays product information and images, including additional images, in an attractive gallery, with two contrasting views:
a grid and a list view.
product_grid5.jpgproduct_grid5.jpg
product_grid-25.jpg
featuredprodgrid5.jpg

Salesprice with discount
Sales price 18,15 €
Price excl. VAT: 18,15 €
Discount
Tax amount

mod_vm_featureprodgrid_3.0.3.zip
Extensions Specifications
Joomla! 2.5 Compatible
Joomla 3 compatible
VirtueMart 2.6
VirtueMart 3
Module
License type: GNU / GPL
Languages included
Description

This module extension for Joomla and Virtuemart can be used to show featured products, top ten products, recent products, random or selected listed products from some or all your shop categories.

It has two views, a grid view and a list view: the list view can be used to show product information.The module is particularly useful when you want to display additional images for your products, as these are shown in a slideshow.

The module is versatile. The size of the images are adjustable, as is the height and width of each cell (and so the numbers displayed per row can be adjusted). You can chooce whether or not to show the price and add to cart button. There is a choice of transition effects for the images. The products can be filtered by selected categories, and it can filter products according to the current category when a category browse page or a product flypage is being viewed.

Javascript

The image scroller uses the Mootools javascript library, which is native to Joomla, so you will not need to download any further javascript libraries. The module can coexist with JQuery extensions without problems.

Installation

Install as normal using the Joomla installer.

Parameters

Module Type. The module parameters are illustrated in the included screenshot. The 'Show Type' parameter is used to select the type of product listing required. The options available are: random, most popular, most recently added, products on special offer, and listed products. For the type 'listed' you can list the ids of the products you wish to feature, as a comma separated list. Please note, if you use this feature, that the id number of a product is the number in the far right column of the Virtuemart product listing under 'id'.

Product Categories. The results can be filtered by category, either using a selected category list, or the current category. To use selected categories, set the Category IDs parameter: this can be a single Virtuemart product category id, a comma-separated list of categories, or can be blank to use all categories. Please note that the category id is the value in the far right column under 'id' when viewing the Virtuemart category tree.

Alternatively the module can filter the results for the current category when the category browse page or product details page is being viewed. To use this feature, set the 'Use Request Category' parameter to 'yes'. When other pages are being viewed, the module will display results for the categories listed for the relevant category.

Transition Type. The transition types (for the alternative images) available are scroll, fade or none.

Editing the Style

The style sheet for the module is in the module file assets/gallery.css. You should be able to style it as you wish simply by editing this file.

Some example stylings are:-

Making the product description visible in the grid view as well as list view.

Find the line

div.gridview div.browseImageHolder div.productDesc{display:none;}

and change the style to display:block

Moving the Product name to the top

Find the line

div.featuredProdGrid div.productName{
width:100%;
height:40px;
font-size:1.0em;
line-height: 20px;
color:#000099;
background-color:#ccccff;
text-align:center;
position:absolute; bottom:0px; left:0px;
/*opacity:0.5;-moz-opacity:0.5;
filter: progid:DXImageTransform.Microsoft.BasicImage(opacity=0.5);
*/
}

Change 'bottom:0px' to 'top:0px'.

If you also uncomment the code

/*opacity:0.5;-moz-opacity:0.5; 
filter: progid:DXImageTransform.Microsoft.BasicImage(opacity=0.5); */

Reviews

There are yet no reviews for this product.