hack: additional images in modal window (instead of direct link to huge photo)

[carsten888]

The additional images on the product detail page, when you click on one thumbnail, the huge photo opens with horizontal scrollbars and all. Clicking on the back-button in the browser results in going to the previous page (not the detail page, but the page before that!). To avoid that I open the additional images in a modal window. So the user can see the enlarged image and close it without losing the page. For consistency I added the main image in the thumbnails as well (and override the default_images.php template to not link to the max size photo).

(obviously I made the modifications in a template override, but here is the original file)
file:
components/com_virtuemart/views/productdetails/default_images_additional.php
line: 24

Code: [Select]

$start_image = VmConfig::get('add_img_main', 1) ? 0 : 1;changed to

Code: [Select]

$start_image = 0;
line: 35

Code: [Select]

echo $image->displayMediaThumb("",true,"rel='vm-additional-images'"); change to

Code: [Select]

echo $image->displayMediaThumb("",true,"class='modal'");
For this too work in the VM config > tab 'templates' > 'Open additional images in the main position' should be unticked.