Author Topic: Image viewer on product detail loses arrow to advance.  (Read 1663 times)

bmw2182

  • Jr. Member
  • **
  • Posts: 91
Image viewer on product detail loses arrow to advance.
« 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???

K&K media production

  • VirtueMart Developer Team
  • Global Moderator
  • Full Member
  • *
  • Posts: 838
  • VirtueMart Version: VM3 on J3
Re: Image viewer on product detail loses arrow to advance.
« Reply #1 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.

Milbo

  • Virtuemart Projectleader
  • Administrator
  • Super Hero
  • *
  • Posts: 9853
  • VM3.2 Cached and Optimized
    • VM3 Extensions
  • VirtueMart Version: VirtueMart 3 on joomla 3
Re: Image viewer on product detail loses arrow to advance.
« Reply #2 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.
I should fix your bug, please support the VirtueMart project and become a member
______________________________________
Extensions approved by the core team: http://extensions.virtuemart.net/

jjk

  • Global Moderator
  • Sr. Member
  • *
  • Posts: 3467
  • using Matomo instead of Google Analytics
Re: Image viewer on product detail loses arrow to advance.
« Reply #3 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]
Non-English Shops: Are your language files up to date?
http://virtuemart.net/community/translations

bmw2182

  • Jr. Member
  • **
  • Posts: 91
Re: Image viewer on product detail loses arrow to advance.
« Reply #4 on: March 20, 2014, 15:52:02 pm »
Awesome, thank you for that override!!!

bmw2182

  • Jr. Member
  • **
  • Posts: 91
Re: Image viewer on product detail loses arrow to advance.
« Reply #5 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

K&K media production

  • VirtueMart Developer Team
  • Global Moderator
  • Full Member
  • *
  • Posts: 838
  • VirtueMart Version: VM3 on J3
Re: Image viewer on product detail loses arrow to advance.
« Reply #6 on: March 20, 2014, 20:43:47 pm »
yes with css

example:

Code: [Select]
.additional-images img {
       width: 100px;
}

bmw2182

  • Jr. Member
  • **
  • Posts: 91
Re: Image viewer on product detail loses arrow to advance.
« Reply #7 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!

jjk

  • Global Moderator
  • Sr. Member
  • *
  • Posts: 3467
  • using Matomo instead of Google Analytics
Re: Image viewer on product detail loses arrow to advance.
« Reply #8 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
Non-English Shops: Are your language files up to date?
http://virtuemart.net/community/translations

K&K media production

  • VirtueMart Developer Team
  • Global Moderator
  • Full Member
  • *
  • Posts: 838
  • VirtueMart Version: VM3 on J3
Re: Image viewer on product detail loses arrow to advance.
« Reply #9 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.

K&K media production

  • VirtueMart Developer Team
  • Global Moderator
  • Full Member
  • *
  • Posts: 838
  • VirtueMart Version: VM3 on J3
Re: Image viewer on product detail loses arrow to advance.
« Reply #10 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.