February 10, 2013 at 4:28 am #20234
I recently purchased Replete (beautiful!) and have tried unsuccessfully to figure something out. If it is in the forum then I am searching with the wrong words and I apologize.
I’m creating a greeting card site. My products are varying sizes and shapes, some portrait, some landscape, and so forth. The consistent crop is good on the product pages because it looks cleaner. But I would very much like the actual card in its entirety to appear on hover, no matter the shape, not simply a larger version of the cropped image. Is that possible, and if so, please tell me how.
Thank you so much in advance!February 10, 2013 at 7:43 am #106780
You can use the magicplus zoom plugin: http://www.magictoolbox.com/magiczoomplus/modules/woocommerce/ which will show the fullsize image on mouse hover. You can also combine it with a lightbox.February 10, 2013 at 9:37 pm #106781
Thank you for your reply. I’m a little confused because it looks like (from the demo) that you can only see a close up of part of the image at any given time on hover. I actually like what is built into Replete already and would really like to just use that. Except I would like it to be a *little* bigger zoom AND show the un-cropped version of the image. I don’t really want the “full” sized image – that would be too big. Just enough so people can read the captions on the cards easily. Is that possible? (I’m kind of a WordPress newbie so please assume I don’t know much when you reply. Much appreciated!) Surely there is a way to enlarge the zoom and un-restrict the crop at the same time?
If it’s not possible to do with the Replete theme alone then you are saying this Magicplus Zoom can do exactly what I’m describing? (Note: I want this effect on hover, not click.) Again, I want the image bigger (and not cropped) on hover but not full size.
Thanks again. (Unfortunately I tried to ask these things before purchasing Replete but could not get any response.) :(February 11, 2013 at 8:03 am #106782
Replete does not support a hover effect but only a lightbox effect: http://www.kriesi.at/themes/replete/product/simple-test-product-2/ (click on the image to trigger it). The lightbox should display the “full size” version of the image which is not cropped. If this doesn’t work in your case please post a link to a page where the lightbox doesn’t work as expected. It’s not possible to use another “zoomed” image instead of the full size image for the lightbox.February 11, 2013 at 6:04 pm #106783
Obviously, I am not using the correct words when I ask my question. I do not what the effect you describe, although I do appreciate your reply. What I want is what is shown on this demo page: http://www.kriesi.at/themes/replete/shop/ – and is the default for the theme.
This effect currently is working for me exactly as is shown in the demo. All I am asking is for the ability to make this same effect (the default one you see there on that page) to be a little larger but not full size, and for it to show the image in it’s un-cropped version instead of a slightly bigger version of the cropped one.
Additionally, I want it to be on hover, not click, exactly as it works already.
Does this make any sense? Sorry if I’m not explaining it well enough. If I had a page I would give you the link but unfortunately I’m developing locally until I understand the theme well enough to secure hosting and develop there. I might have to do sooner than I thought. :)February 11, 2013 at 11:25 pm #106784
The effect should already be on hover. If it isn’t happening then there is an issue with the installation.
The image is decided by the way the image thumbnails are generated. You can use a plugin like http://wordpress.org/extend/plugins/simple-image-sizes/ to easily change the image thumbnail size and crop. The images are still constrained by the theme css but this will change the size of images generated for the various uses throughout the theme as well as if they are cropped or not (no crop vs crop).
The hover effect for products is defined on line 757 in the theme files config-woocommerce>woocommerce-mod.css line 757-763. You’ll need to change the width percentage as well as the positioning at the least.
The topic ‘Replete product zoom on hover’ is closed to new replies.