This will swap the additional image into the main image when hovered.
Also swaps the main image popup with the additional image popup link
Also swaps the main image popup with the additional image popup link
I installed this file which works great on the product page but when I go to checkout nothing now happens. I assume that the Javascript is interfering with the checkout script some how.
I'm using version 1.5.1.3 I think - the latest version on a local setup machine.
Any thoughts?
I'm using version 1.5.1.3 I think - the latest version on a local setup machine.
Any thoughts?
hi there, good and useful module:). It works fine, how ever when I move my cursor out after hovering I don`t see the main image any more. Also if I go into "slideshow" mode after hovering, it repeats the hovered image twice (as the main image). Any ideas how to prevent this and be able to have all images visible, including the main image? thank you!
Last edited by Vytenis on Thu Feb 09, 2012 3:00 am, edited 1 time in total.
very nice effect thank you Qphoria
however mine seems to icrease the box size making it overlap the main product details
is there a description of how to format my images? i liked how opencart resizes stuff automatically, am i having a conflict somewhere?
however mine seems to icrease the box size making it overlap the main product details
is there a description of how to format my images? i liked how opencart resizes stuff automatically, am i having a conflict somewhere?
Hi,
Thank you for this great script. It works perfectly as you described on the standard product page.
I started another thread about this question, but thought I would ask here since it really pertains to this script.
I had made a slight modification to my products page that allows the additional images to span across the whole page instead of being restricted to the left side of the page.
I simply cut the "image-additional" code from it's original location, then stuck it right above the 'tabs' section. I then put a table row around the code so it would work with all the other browsers. This works great and I feel looks very clean when you have more than just 2 or 3 pictures.
The problem is that with this small modification, the image swap on hover does not work anymore. I studied the java script quite a bit but can not quite get a grasp on it. I am sure I moved something I should not have. Here is the code I moved. Any chance you see something obvious in it?
And this is located just above here:
I did not make any other changes or add anything else to the products.tpl page.
It would be great to have the image swap work with this change, and I am sure I just need to modify my own changes to make them more compatible.
Thanks for any help.
Terry
Thank you for this great script. It works perfectly as you described on the standard product page.
I started another thread about this question, but thought I would ask here since it really pertains to this script.
I had made a slight modification to my products page that allows the additional images to span across the whole page instead of being restricted to the left side of the page.
I simply cut the "image-additional" code from it's original location, then stuck it right above the 'tabs' section. I then put a table row around the code so it would work with all the other browsers. This works great and I feel looks very clean when you have more than just 2 or 3 pictures.
The problem is that with this small modification, the image swap on hover does not work anymore. I studied the java script quite a bit but can not quite get a grasp on it. I am sure I moved something I should not have. Here is the code I moved. Any chance you see something obvious in it?
Code: Select all
<table>
<tr>
<div class="image-additional">
<p>
<?php foreach ($images as $image) { ?>
<td> <a href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title; ?>" class="fancybox" rel="fancybox"><img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a> </td>
<?php } ?>
</p>
</div>
</tr>
</table>
<p> </p>
Code: Select all
<div id="tabs" class="htabs"><a href="#tab-description"><?php echo $tab_description; ?></a>
<?php if ($attribute_groups) { ?>
<a href="#tab-attribute"><?php echo $tab_attribute; ?></a>
<?php } ?>
<?php if ($review_status) { ?>
<a href="#tab-review"><?php echo $tab_review; ?></a>
<?php } ?>
<?php if ($products) { ?>
...........
It would be great to have the image swap work with this change, and I am sure I just need to modify my own changes to make them more compatible.
Thanks for any help.
Terry
Last edited by terrynshed on Fri Mar 16, 2012 4:59 am, edited 1 time in total.
Did anyone ever fix the problem that once an image is swapped you can't select the main image anymore ?
Free & Paid extensions from Think Twice | Opencart | Hulpmiddelen voor ouderen
anybody know if this will work with option boost? since i think this is the only feature option boost is lacking and i reeeaally need it ;]
well ok I tried it and it doesn't work with option boost, what's more I just realized that I don't see any way to go back to the main image even in option boost module
I feel unuttterably stupid! I clicked the download button and got a zip file, which I unzipped and inside was a .png image file and an index.hmtl file, which I clicked and up came a page saying 'To show hidden div, simply hover your mouse over this link' which I did and a box popped up. Good. So I looked at the source code, copied the javascript into header.tpl before </head>, reloaded my Opencart site, went to a product detail page, hovered over a thumbnail and nothing happened. Should it have? Thankyou for any help as I have never liked Lightbox and its clones.
lol there is no png or html file in the zip. You got some bad download there.doidge wrote:I feel unuttterably stupid! I clicked the download button and got a zip file, which I unzipped and inside was a .png image file and an index.hmtl file, which I clicked and up came a page saying 'To show hidden div, simply hover your mouse over this link' which I did and a box popped up. Good. So I looked at the source code, copied the javascript into header.tpl before </head>, reloaded my Opencart site, went to a product detail page, hovered over a thumbnail and nothing happened. Should it have? Thankyou for any help as I have never liked Lightbox and its clones.
This also has nothing to do with lightbox or any of its "clones". This is simple javascript hovering.
Who is online
Users browsing this forum: No registered users and 54 guests