Welcome, Guest
Username: Password: Remember me
Use this Category for your support questions about Virtuemart Template - CleanMart (SKU# FLEX-00015)

TOPIC: Virtuemart Products Modul - n° of products wrong

Virtuemart Products Modul - n° of products wrong 8 years 2 months ago #13645

Hello,

we noticed that the virtuemart product module always display 3 items (see frontend screenshot) although we specified a different number in the backend (see screenshot) - does anyone has an idea why this is the case? And how we can fix it?

all the best,
jakob
Attachments:
The administrator has disabled public write access.

Virtuemart Products Modul - n° of products wrong 8 years 2 months ago #13656

Hi,

First of you should be aware, that module is still the official "VM - Featured Product" module that comes from Virtuemart AIO package. StyleMart is just changing how it looks with template-overriding. In the backend, the module is still the same.

In the default "VM Product Module", module can have multiple rows. But with the CleanMart stylization, we have used an accordion effect, thus we disabled the "rows".

So, from the module, we used only the "Number of displayed products" field to get the "Total number of products". The "number of product in each slide" is determined automatically based on the module size, picture size and screen resolution (because the module is responsive).

To change the "pictures sizes" which changes the "products in each slide", open this CSS file:
/templates/YOUR_TEMPLATE/html/com_virtuemart/assets/css/flexible.css

scroll to the bottom and include this rule:
.FlexibleFeatured ul li img { max-width:150px;}

so the pictures will have maximum 150px, and the "product # in each slide" will be increased.

There are also 2 important parameters that you can play around to change the "product # in each slide" for different screen resolutions (Pc, Tablet, Phone etc..)

1- open this PHP file:
/templates/YOUR_TEMPLATE/html/mod_virtuemart_product/default.php

2- Modify the min & max numbers:
items: {
	 visible: {
		 min: 2,
		 max: 5
		 }
	 }

Regards.
The administrator has disabled public write access.
Time to create page: 0.107 seconds

MaterialMart

for Virtuemart 3

Google's Material Design has finally arrived to Virtuemart

Virtumart Template - MaterialMart Virtumart Template - CleanMart Virtumart Template - CleanMart Virtumart Template - CleanMart

Fully responsive!

Buy Now   |   Live Demo