Blogs Blog Multiple Images in Virtuemart

CorShops Joomla Blog

Developer reflections on Joomla, Website design, and software.
Aug 31
2009

Multiple Images in Virtuemart

Posted by: Nicholas Myrna

Virtuemart multiple images, lightbox, zoom image, jquery, rollover images, thumbnails, virtuemart theme, virtuemart templateWhen was the last time that your image presentation in Virtuemart actually wowed a client? Okay, the default image handling isn't too bad. You get a thumbnail, which pops up into a lightbox. If you need multiple images, then you get a stack of thumbnails on the product details page - which also pop up into lightboxes.

Frankly, it's all a little ho-hum to say the least. Much of what we sell on our CorShops site is actually software, so we don't need the images so much. After all, we can demo the software and that helps sell the sizzle. But most of our development clients sell physical products, and they need to put these in the best possible light. And that light is usually not a 'lightbox,' which is why we created the FlyTabs Virtuemart Theme.

Virtuemart is a great shopping cart, but the core system has three big problems when it comes to handling images. First, the default option on a Category page is that clicking the product image thumbnail pops up a bigger image, instead of leading to the product details!

That just makes people mad. Online shoppers normally expect to get product details, not a bigger image. That is why our FlyTabs Virtuemart Theme has the option to link product images to product details.

Hey - we run shops also and we understand that ticking off clients is bad business!

Another problem is the primary product image on the product details page. Virtuemart themes normally have a primary image which is a thumbnail. It is normally too small to really see, so you have to click it to see the full image in a popup.Virtuemart multiple images, lightbox, zoom image, jquery, rollover images, thumbnails, virtuemart theme, virtuemart template

For some products, that works. But, for a lot of products, what you really want is a big image of the product that really draws in the shopper from the first moment they land on the product details page. You want their initial reaction to be, "I want that!"

Especially if your products are aesthetically pleasing. There is nothing better for online sales than making a splash with a big product image the way Flytabs does.

By having a big main product image, Flytabs provides a 'wow' factor, and makes for a smoother shopping experience. Lightbox effects are cool, but do you want the shopper playing with image popups or clicking the 'add-to-cart' button?

But, if you have a big image, how do you let the user see more detail of the product? That is where Flytabs incorporates the amazing JQuery Image Zoom. The user simply mouses over a portion of the main image, and voila! a zoomed area shows up to the left. 

Users can explore the image at their leisure, instead of having it pop up in their faces. A smooth, organized shopping experience leads to more sales!

Another big issue with the default Virtuemart theme (and most other commercial themes) is that additional product images are just stacked thumbnails somewhere on the page. To really see them, you have to click them, and then you get more lightboxes in your face.

In CorFun's FlyTabs Virtuemart Theme, each product can have up to four additional images which load on the right of the primary image. Those images appear as custom-sized thumbnails, which means they can be large enough to engage the shopper without being overwhelming. When the shopper rolls over an image, the full-sized version of it dynamically swaps into the main image area!

Virtuemart multiple images, lightbox, zoom image, jquery, rollover images, thumbnails, virtuemart theme, virtuemart templateImagine how good your products can look if the shopper can see all the images in an attractive layout, and smoothly transition from viewing one to another? The FlyTabs Theme is like the heads-up display for Virtuemart. Instead of fighting with a lightbox slideshow, the shopper can focus on what is most important - clicking the add-to-cart button to buy your product!

But how can Flytabs devote all that space to multiple images? Easy - the product information is in tabs! Instead of stacking all the details in a vertical list,  Flytabs organizes all the information in neat, compact tabs generated by JQuery.

Your online shop will blow away the competition, and look like you spent a fortune on it. Actually, you will have spent $39.95, which is the very reasonable cost of this theme.

Would you like to see the incredible image handling capabilities of the FlyTabs Virtuemart Theme? Then visit our FlyTabs Demo site now and be prepared to be impressed! Already sold on the idea? Then click here to purchase the Virtuemart FlyTabs theme.

If you would like to get more information about the FlyTabs Virtuemart theme, then please click here to contact CorFun today.


Comments (1)add comment

Jeff Wills said:

Great article
I love Virtuemart, and Flytabs just makes it better!
 
September 01, 2009
Votes: +1

Write comment
You must be logged in to post a comment. Please register if you do not have an account yet.

busy

Tags

12 month upgrade AEC landing page affordable affordable Macs audio automated Virtuemart Order reporting buy Macs online categories CB Central Florida christian baseball caps christian caps christian directory christian fundraisers christian gifts christian headgear christian merchandise church listing Church Search Orlando CiviCRM CiviLead CiviNews community builder coupons CSV csv file details details view directories directory directory components discounts DIY Web don't croak without Jesus download ID DT Register editing email email attachment enewsletter entries estimate Event Mail Excel export extract fill find churches central florida frameworks free shipping fulfillment garage band Google Google maps graphic menus iLife image capture image gallery image swap images iMovie integration iPhoto jacl plus JMaps john 3 16 caps Joomla Joomla 1.7 Joomla directory components joomla lightbox joomla log in redirect Joomla mapping joomla rollover images joomla zoom images JQuery jQuery UI Themeroller juga K2 lightbox popup lightbox popups login landing page login redirect mac screencasting Macs main images mapping maps market share marketing mouseover multiple images Mynxx new releases notification online directories order data order list orders Orlando percent off pictures powerpoint videos presentations product display product specific product video profile promotions reconditioned Macs reporting reports Rockettheme rollover rollover images sale screencast search results second-hand Macs shadowbox shipping charges Shipping Estimator shopper group landing page shopping cart design SOBI2 software recommendations sound tracks swap tabs targeted marketing templates themeroller themes thumbnails training true love waits bracelet true love waits bracelets true love waits rings TXT used Macs users lists video video services Virtuemart Virtuemart Description Tabs Virtuemart images Virtuemart templates Virtuemart themes vmdTabs web design zoom images