How do I add Popup Preview images?
All you have to do is upload your Popup images as you do usually for your product images and put ‘popup’ in the ‘label’ field. Here’s the step by step:
- Login to your Magento Admin Panel and naviguate to Catalog > Manage Products
- Select a product and click on ‘Images’ on the left side
- Click on ‘Browse Files…’ and upload the image you want displayed at mouse-over
- Once the image is uploaded, put ‘popup’ (without the quotes) in the label field
- Leave all the check boxes unchecked for the Popup image
- Save your product
Did you know?
Image size
The Popup Preview extension is a very smart script which is made to work with images of any size. This allows you for the maximum flexibility in how you showcase your catalog to your users. Different products can have Popup images of different proportions and sizes so that each product can look its best.
Image positioning
The script will automatically position the image in the best possible way based on your users’ browser window size. If the Popup Preview image is too big to fit on the screen, the hover effect will not be triggered. Keep that in mind when generating your Popup images.
Increased user retention
The script will also display the name of the product above the Popup Preview image. One of the advantages of this approach is that we can remove the product name from the Magento product listing page (category page). This improves user retention in 2 ways: first it removes clutter from the catalog pages, and second it entices users to interact more with the website. By mousing hover the products customers instantaneously get a bigger view of the product and read the product name.
I see some value to this, but if a browser can’t do pop-up, then it’s no use. Secondly, having the label popup, doesn’t that go against SEO tagging, cuz it’s an ALT tag right? So it would help on searching? I’m just asking, what the thought behind it is?
The Popup Preview extension works on all browsers that can display Magento so that’s not an issue. In fact, Ultimento will work 100% even on older browsers – including the Popup Preview extension, the Lightbox Gallery extension, etc… An iphone (and other touch devices) optimized version of Ultimento is in the works so stay tuned!
Regarding the alt tag – it’s “popup” for the popup image which is 100% fine. The alt tags for the thumbnail image, base image, small image, and additional images is something you put yourself in the admin and it should be related to the specific images. This is the best practice for SEO. There is also a preview image (a bigger version of the base image) which has the label “preview” and will show up on the product view page. More info on that here:
http://ultimento.com/wiki/getting-started/using-ultimento/how-do-i-use-ultimentos-custom-zoom-function-on-the-product-view-page-and-why-should-i-use-it/
Again, if you setup your catalog correctly this is the best practice for SEO.
Also when you put the mouse over the picture the javascript tag comes up reading popup vs on your demo, the image pops up but also says the name of the title.
I just looked at your website and I see that the additional title tag which browsers display shows the product title for 2 of your products and “popup” for the other 2. Did you set them up differently? My guess is that you put “popup” on the thumb image label or something like that (which you shouldn’t do) so of course that’s what’s going to show up. If you leave the label field empty for the thumb image, it will automatically show the product title.
I hope this helps!
There’s only one image for the majority of them and the customer uses that single image for all three selections.
It’s totally fine to have only one image for your product and use it for the product thumbnail, small, and base image. If you want to use the same image for Popup as well you can definitely do that – just reupload the image in the admin and assign it the label “popup” leaving all the checkboxes for that image unchecked. I think this is pretty clear from the instructions on this page
Hey I also have this same issue. I have two images first row all three boxes check nothing in the label field and sort order is 1
the 2nd line has the new image the term popup without quotes and no boxes checked. Index and cache refresh and tried on three different computers. I have now tried different pictures and I am stuck. This is a simple process your right. But it’s just not working.
jonny
Hi Jonny,
What “same issue” are you having? Can you be more explicit and tell me exactly what problem you are facing? Also if you can include a URL where I can see the problem that’ll help me understand what you mean
.
It’s a very simple process and it does work for all our customers. Most likely there’s something wrong in your setup or store config but I’m sure we’ll figure that out quickly.
Thanks!
Noam.
Hi Noam,
I’ve got an issue with the popup function. I did what you said but I have just ‘popup’ written instead of the image popup.
Regarding the twitter or facebook, I’ve got the link but they are invisible. Do you have an idea?
Thanks.
Laurent
Hi Laurent – can you send a URL where that’s happening so that I can take a look?
Thanks,
Noam.
Unfortunately, I’m developing the website locally. The website is not online yet.
That’s just what I said. My image don’t popup. I just have the text “popup” which appear.
Tahnks.
Laurent
Well the issue is most likely related to the fact that you’re working locally. That’s why it’s not recommended to work locally with Magento. The Magento platform just doesn’t play well locally and you’ll end up wasting countless hours on stupid things. From installation and configuration to catalog setup and migration to your live environment, it’s just not the same locally as it is on a live server.
It’s much better to run a development Magento store in parallel with your production store – both on actual live servers that have identical specs.
That way we’ll also be able to take a look at your Magento site should you want to ask us any question
.
Thanks!
Noam.
Having trouble with Pop Up. Have uploaded image, named popup and left all boxes blank, but no Pop Up appears on mouse over. Any Ideas?
Hi Simon,
Hmmm I don’t know… did you make sure to refresh your Magento cache? If it’s still not working can you give me more details? i.e. which product exactly on your catalog that should have the popup, the size of the popup image, if the product has any other additional image, etc.
Thanks!
Noam.
Yes cache refreshed. Product is HZ002 Little Hug. It has a .png (131kb) file set as Base, Small, Thumbnail. It then has a .jpg (1000x714px 180kb) named as popup with no boxes ticked.
Hi Simon,
Now it makes sense – if your popup image is 1000px wide, you’ll need a very big screen resolution for the popup to display. On smaller screens – there’s just not enough room to display a 1000px width. The Popup Preview script is very smart – it will position the image in the most optimized way based on the position of the thumbnail and on the screen resolution (window size). If the popup image is too big to be displayed – the script will recognize that and it won’t try to display the popup image.
So I’d recommend uploading a popup image with a size that makes more sense visually – something like 300px (width) usually works very well.
Another thing I noticed on your Magento installation is that you don’t have web rewrites enabled. This adds “index.php” to all your URLs which can cause some bugs and is not optimized for SEO. I’d recommend turning web rewrites on via your Magento admin at “System > Configuration > Web > Search Engine Optimization > Use Web Server Rewrites” (mod_rewrite needs to be enabled on your server).
Thanks!
Noam.
Hi Noam,
OK – sorted out the index.php issue – thanks for pointing that out.
Re-uploaded the images with popup size now 300px – and still no popup I’m afraid.
That’s really weird. Please open a ticket via your account center with your FTP info and Magento admin and I’ll take a look
.
Thanks,
Noam.
The popups are not working for me either. Just uploaded images for the first two gray Mizuno gloves on the page but no popup winds appear like they do on your site.
http://tinleysports.com/UltimentoTest/baseball/baseball-gloves.html?manufacturer=32
Hi Shaun – there is a known issue with the Popup Preview extension not working when Magento is installed on a sub folder rather than on a root directory. It’s in our task queue for the next Ultimento release so make sure to follow @ultimag on Twitter to stay tuned and subscribe to the blog as well to not miss out on product updates and important news.
BTW it’s a better setup for Magento to run from a root directory rather than a sub folder. So for example it’s better (in terms of performance, potential issues, ease of setup, etc) to install Magento under store.site.com rather than site.com/store.
Hi Noam,
I just added an Image from Backed and put it’s label “popup” leaving all other Fields Empty but popup is not displaying.
URL: http://121.241.123.82:9040/Promolocker/Promolocker/index.php/
Hi Swetha – please check out my previous answer about this issue.
HI Noam – I reinstalled Magneto on the root Directory & integrated the theme. After that as per the Instructions I uploaded the image & set it’s label to “popup”. But still it’s not displaying. Kindly look into the Issue: http://121.241.123.82:9040/Promolocker/index.php/
Hi Shweta – Please read this answer I sent you previously more carefully. The URL you just posted doesn’t have the correct structure. It’s still using a sub directory.
You don’t have to re-install Magento or anything like that. Just create a domain pointer that will have the correct URL structure – that’s all. Read the step by step instructions carefully – it’s very simple
.
Is it possible to set the Popup Preview to just simply use the default image that is loaded for each product? We are using data feeds from our suppliers and images provided by our suppliers to populate our new store following an upgrade and it would not be possible to implement the “popup” label. This is one of the best features for the customer interface of this theme and we really want to use it but without having to manually edit thousands of products to do so.
Hi Mark – the Popup Preview extension works with the “popup” label (in order to give maximum flexibility in the way you can showcase your catalog) but of course it can be customized to work differently.
The code is 100% open source so you can manipulate it to work how you want it to. We can also help with professional customization – if you’re interested just go ahead and open a ticket via your account center and we’ll take it from there
.
in 2.1, mag 1.5.01, can we import the pop up path and label via the DataFlow profile, etc.? Thanks! Walter
Hi Walter – if you’re able to import product images and their labels than that will work just fine
.
The popup feature is great. I am using popup image size 338×338, but some of my product names are quite long and the popup box automatically fits itself to the width of the product name. This means my popup boxes get very wide, which looks clunky.
Is there a way to either:
- enter a shorter custom name to display in the popup box (would be nice if this was an option when adding ‘popup’ in the image label field, e.g ‘popup ‘
- have the product name break across multiple lines so the popup box stays at the image width, or
- automatically adjust the font size to keep the name string to a maximum given width on a single line?
Not sure which of these methods might be the most practical to implement? Has anyone else had trouble with this?
Thanks.
Sorry, first bullet in above question was meant to display , e.g ‘popup {short_product_name}’ or similar.
Can’t seem to get popups to show. Is this an external extension I need to download or did it come with ultimento? Is it because I have my store in a sub folder?
Thanks,
Drew
Hey Drew,
This feature is part of Ultimento so you shouldn’t have a problem there. It also shouldn’t have anything to do with being installed in a sub folder.
Have you checked out our page on enabling popups? Remember to upload a duplicate copy of the “popup” image and unselect the three boxes to the right of that image in the admin panel.
Thanks,
Support
Thanks, yes, the popup page is where the question was posted?
Anywho, thanks, but still not working. You can go to my site and look at the ColorRight PRO product on the home page and see that it does not popup. I’m sure I have some setting wrong or something, everything is working great on the site. Thanks for the support and the great product.
Do I need to flush the image cache? Does the popup image have to the only image in there, or does it have to be the first image?
I have posted my login info in a ticket I created earlier if you need to go into the admin to have a look at what I am doing.
Thanks,
Drew
Hey Drew,
You shouldn’t have to flush the image cache for this, but whenever you’re having problems like this its a good idea to flush all the cache, reindex, and also make sure you’re flushing the cache on your browser as well. The popup image certainly doesn’t have to be the only image in there, it just needs to be labeled “popup” and not have any of the three boxes to the right checked.
If double checking for all that still doesn’t do the trick, please open up a new ticket and we’ll take a look. Also, please put in your login info again as we close out old tickets for security reasons and wont have access to your login credentials from a separate ticket.
Thanks,
Support