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

TOPIC: Additional images product details

Additional images product details 11 years 2 months ago #2392

Hi,
I'd like to have more than 2 images visual on de product details page. I have products with 3 images, but only see 2 and have to use the scroll bars.

On the demo page I see 3 images: www.flexiblewebdesign.com/virtuemart-2-template-puremart/index.php?option=com_virtuemart&view=productdetails&virtuemart_product_id=37&virtuemart_category_id=2

This is exactly what I want: Is there a setting for this?

regards

Suzanne
The topic has been locked.

Additional images product details 11 years 2 months ago #2394

Hi,

What are you seeing instead?
IF you have 1 parent and 2 additional pictures, then there is no point to scroll. But if you have more than 2 child (as you see in the DEMO page, the extra thumbnails are hidden in the scroller.)

This should be the same as your website since you are using PureMart.
Are you working in a live server? provide me a URL to one of your product details page to let me check it.

Regards.
Forum Support.
The topic has been locked.

Additional images product details 11 years 2 months ago #2398

Hi, at this point the site is in maintenance modus.

But, I have a single product with 3 images and only see 2, one is indeed hidden behind the scroller. In the demo I see 3 images and 2 are hidden behind the scroller.

I would like to see 3 (or perhaps even 4) images as well, because there is plenty of space and no reason to hide them.

enclosed 2 pictures.
Attachments:
The topic has been locked.

Additional images product details 11 years 2 months ago #2425

Hi,

In the product details page; we decided to show
- 2 thumbnails in the slider - in flexv2 layout.
- 3 thumbnails in the slider - in default layout.

Looks like you are using flexv2 layout in the product details page, this is why it is 2. It was our choice to show 2 thumbnails while developing, it is simply because there wasn't too much space there to show more.

If you look here:
www.flexiblewebdesign.com/virtuemart-2-template-puremart/index.php?option=com_virtuemart&view=productdetails&virtuemart_product_id=5&Itemid=477

You will see; 2 thumbnails is shown in our DEMO as well.

But it can be changed to whatever you would like.
It will just require you some coding changes, here is your solution.

Open this PHP file:

ROOT/templates/<yourjoomlatemplate>/html/com_virtuemart/productdetails/default.php

And find these lines: (around 177th line)

j
Query('#flexible-zoom-additionalImagesWrap').jCarouselLite({
        		btnNext: '.next',
        		btnPrev: '.prev',
				visible: 2,
				scroll: 1,
				circular: false
    		});

In these JAVA lines, change;

visible: 2,

to

visible: 3,

OR

visible: 4,

(up to you to, this number will represent how many thumbnails will be visible in the slider)

Regards.
Forum Support
The topic has been locked.

Additional images product details 11 years 2 months ago #2443

Hi,
Are you sure this is the right file, because it already says "visible 3"
		jQuery('#flexible-zoom-additionalImagesWrap').jCarouselLite({
        		btnNext: '.next',
        		btnPrev: '.prev',
				scroll: 1,
				visible: 3,
				circular: false

location: /httpdocs/templates/it_charity/html/com_virtuemart/productdetails/default.php
The topic has been locked.

Additional images product details 11 years 2 months ago #2444

never mind, figured it out, should be flexv2.php or course
The topic has been locked.

Additional images product details 11 years 2 months ago #2458

Yep, my mistake, I meant flexv2.

Because as i said at beginning:
In the product details page; we decided to show
- 2 thumbnails in the slider - in flexv2 layout.
- 3 thumbnails in the slider - in default layout.

Case solved. Topic is closed.

Regards.
Forum Support.
The topic has been locked.
Time to create page: 0.054 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