News:

You may pay someone to create your store, or you visit our seminar and become a professional yourself with the silver certification

Main Menu

Adding "Click for Bigger" on Main Product Image

Started by croppertiger, November 02, 2012, 17:34:55 PM

Previous topic - Next topic

croppertiger

Hi,

I have added the following to vmsite-ltr.css to ensure uploaded images get resized for the main product pages:

.medium-image {
            width:350px;
        }

This works great, however I would like it so that on the main product page, people can either click the image and the full-size image loads, such as on the search page when you click the thumbnail

So that this effect also happens when you click on the image on the main page:


Any help would be appreciated.

Regards,

Cropper

bytelord

Production: Joomla 2.5.8 | VM 2.0.14 | PHP 5.3.13
Testing     : Joomla 2.5.8 | VM 2.0.16 | PHP 5.3.8
Testing     : Joomla 2.5.8 |    VM 2.1   | PHP 5.3.8

- Don't Forget to mark thread as solved when it is solved!
- Please do not PM with support questions, use the forum!

croppertiger

To ensure the main product image shows at a decent size, and goes to a larger image upon click on it (or the thumbs on the main page) this code did the trick:

<?php echo $this->product->images[0]->displayMediaFull('class="medium-image"',true,"class='modal'"); ?>



Thanks for the help! Keep up the great work on this component!