News:

Looking for documentation? Take a look on our wiki

Main Menu

Image viewer on product detail loses arrow to advance.

Started by bmw2182, March 18, 2014, 22:52:14 PM

Previous topic - Next topic

bmw2182

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???

K&K media production

That was with the old solution where additional images was opened directly in lightbox. Now additional images opens on the main image position.

Milbo

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.
Should I fix your bug, please support the VirtueMart project and become a member
______________________________________
Extensions approved by the core team: http://extensions.virtuemart.net/

jjk

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]
Non-English Shops: Are your language files up to date?
http://virtuemart.net/community/translations

bmw2182


bmw2182

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

K&K media production

yes with css

example:


.additional-images img {
       width: 100px;
}

bmw2182

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!

jjk

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
Non-English Shops: Are your language files up to date?
http://virtuemart.net/community/translations

K&K media production

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.

K&K media production

#10
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.