Poplet Image on Small Product image

Question

Hello. I wanted to ask if it's possible to have a poplet function on a small product image like the poplets on the large product info. My client's has images of furniture that i had to make small. It would be benefical that the small images would be bigger for the customers to have a closer look without going to a different page.

Answer 1

Create a div with class "poplets" where you want to display the images e.g.
<div class="poplets"></div>
Then add this to the bottom of the layout:
<script type="text/javascript>
$('.poplets').load('{tag_itemurl_nolink} .poplets');
</script>
Note that this will also pull in the lightbox javascript calls, so you need to add the lightbox javascript file to the template around the small layout. You can copy this file from the source of the large layout when looking at it from the frontend.
You can also extract the image urls only and then wrap this in a different type of image effect. You don't necessarily have to use lightbox.
Cheers,
Mario
www.twoblokeswithapostie.com