VirtueMart Forum

VirtueMart 2 + 3 + 4 => General Questions => Topic started by: bmw2182 on March 18, 2014, 22:52:14 PM

Title: Image viewer on product detail loses arrow to advance.
Post by: bmw2182 on March 18, 2014, 22:52:14 PM
I'm using Joomla 2.5.14 and Virtuemart 2.0.26d and the template Beez5.  We use to be able to click on an product (http://musicalinstrumentcity.com/index.php/component/virtuemart/woodwinds/saxophones/tenor/buescher-big-b-aristocrat-tenor-saxophone-serial-322099-detail?Itemid=0) Once you enlarged a picture you would have arrow keys to advance to another picture.  That feature is gone.  Did an update take this feature away or did I do something???
Title: Re: Image viewer on product detail loses arrow to advance.
Post by: K&K media production on March 19, 2014, 23:52:32 PM
That was with the old solution where additional images was opened directly in lightbox. Now additional images opens on the main image position.
Title: Re: Image viewer on product detail loses arrow to advance.
Post by: Milbo on March 20, 2014, 10:11:53 AM
Actually, why we cannot have both?

It should be so, clicking on a small image should move it to main position. Clicking on the big image should open the fancybox and then there should be also arrows.
Title: Re: Image viewer on product detail loses arrow to advance.
Post by: jjk on March 20, 2014, 11:42:36 AM
In your VM 2.0.26d version you can create a template override to get the old behavior back. Unzip the attached file and place it into the following folder (create /com_virtuemart/productdetails folders first):
YourRootFolder/templates/beez5/html/com_virtuemart/productdetails/default_images.php

[attachment cleanup by admin]
Title: Re: Image viewer on product detail loses arrow to advance.
Post by: bmw2182 on March 20, 2014, 15:52:02 PM
Awesome, thank you for that override!!!
Title: Re: Image viewer on product detail loses arrow to advance.
Post by: bmw2182 on March 20, 2014, 20:05:51 PM
I did the update above.  Is there any way to make the additional pictures larger? Here is the product. http://musicalinstrumentcity.com/index.php/woodwinds/saxophones/tenor/buffet-crampon-super-dynaction-tenor-saxophone-ser-20596-detail

Joomla 2.5.14 and Virtuemart 2.0.26d and the template Beez5
Title: Re: Image viewer on product detail loses arrow to advance.
Post by: K&K media production on March 20, 2014, 20:43:47 PM
yes with css

example:


.additional-images img {
       width: 100px;
}
Title: Re: Image viewer on product detail loses arrow to advance.
Post by: bmw2182 on March 20, 2014, 21:03:36 PM
Would you do the template css or would it be in virtuemart?  Just want to make sure of which css file I put it in, because there are several. Thanks so much in advance for your help!
Title: Re: Image viewer on product detail loses arrow to advance.
Post by: jjk on March 20, 2014, 21:55:26 PM
I think in your case you can change line 15 in the file vmsite-ltr.css

from

.additional-images img{margin-right:8px;width:50px;height:auto;}

to something like

.additional-images img{margin:8px 8px 0 0;width:100px;height:auto;}

However, I would suggest to do this in an override file, too.
See here: http://docs.virtuemart.net/tutorials/33-templating-layouts/106-override-vmsite-ltr-css.html
Title: Re: Image viewer on product detail loses arrow to advance.
Post by: K&K media production on March 21, 2014, 13:04:27 PM
You should put this in your own template css file! If you put it in vmsite-ltr.css you will lost it on next update.
Title: Re: Image viewer on product detail loses arrow to advance.
Post by: K&K media production on March 22, 2014, 21:20:48 PM
I added a config to switch between the old and new solution. Arrows are visible now for both solutions. So with next vm version no override is needed.