Skip to main content

Rollover Thumbnail and Lazyload

Spice up your Yahoo! Store for the holiday season with these three great but underused features.

Rollover Thumbnails

Category pages typically show a smaller (thumbnail) version of the product (or sub-category) in some kind of a grid-like arrangement. These thumbnails, by definition, are rather small so you have to make sure those images are detailed and interesting enough to entice the visitor to click through.

But what if you could show an additional view of each product before the visitor clicks its thumbnail? Even without any customization every Yahoo! store already has the option to store and display an additional image for each product: a closeup, a lifestyle shot, a model, etc. You can do this by uploading an additional photo into the inset property. This photo will then show on the item detail page, but only there. With our Rollover Thumbnails you can feature these secondary images right on the category pages. When the visitor hovers his or her mouse over the product thumbnail, if a secondary image is available, the primary image will fade into this secondary image. When the mouse leaves the thumbnail, the image fades back into the original (primary) image.

Completely automatic, once this function is installed in your Yahoo! Store all you have to do is upload your secondary shots into the inset property.
Order it here and get a 10% discount.

Lazy Load Category Pages

Category pages usually have very little content, but because they often contain thumbnail images for each link, the overall download size of those thumbnails may "weigh down" the category page making it slow to load. Speed it up using "Lazy Loading"! With this feature, only those thumbnails which are visible, i.e. those above the "fold" (the visible part of the page), are downloaded from the server. The rest of the images are not downloaded until they are needed. Our "Lazy Loading" script waits for the visitor to scroll down the page before instantly displaying the images for the portion of the page which is now in view.  Only at that point does the next set of (visible) images get downloaded from the server, leading to a more efficient page load.
Order it here and get a 10% discount.

Enhanced Checkout Error Reporting
Usability experts agree, and studies clearly show that when shoppers make a mistake at checkout, they need extra help and attention to show what needs to be corrected. The fact is, people just don't read anything that's on the screen, plain and simple. What's more, if the error message is long, they notice it even less. When shoppers don't know what's wrong but can't continue the checkout process, they get frustrated and may simply leave their shopping cart - costing you business.
Our Enhanced Error Reporting tool overcomes all of these limitations. It makes the error message text larger so it's easier to notice. It shortens the error messages, showing your customer just the essential information, i.e. the problems to be corrected. And finally, it removes the miniscule asterisks and instead, puts a noticeable red border around all the fields that require the shopper's attention.
Order it here and get a 10% discount.

Comments

Popular posts from this blog

Pre-Season Checkup

With the holiday shopping season fast approaching it's a good idea to do a general checkup on your store to be sure it's ready for prime time. Below are a few things you would want to check, along with a few add-ons that are not too major in scope, but which are often neglected and give you an edge over your competition. Can you Search and Order? Every time we do anything major in a store we test two things: whether searching and adding to cart/ordering works. You can have nice, flashy pictures, cool animation effects, a very quick loading site, anything, but if the store search is broken or you can't add to the cart or can't check out then an ecommerce site is worth nothing. Can you Order? Chances are if your checkout was completely broken you'd know about it by now, but it doesn't have to be totally broken in order to scare away potential customers. So go ahead, go to your site and first do a search and make sure it works. Then, add one or more products

How to create clean and efficient CSS

In a typical workday, I deal with dozens of yahoo stores and very often I have to tweak, fix, or change CSS used by these stores. While some stores have very clean and easy to follow style sheets or CSS definitions, the vast majority of stores I've seen seem to include complete hack jobs, style sheets put together completely haphazardly, or as an afterthought. While working in such a store, the idea came to me to turn my gripes into a post. So the following is my list of dos and don'ts of good CSS or style design. 1. Externalize your style sheets. This means to save your style sheets into one or more css files, and link to them using the <link rel="stylesheet" type="text/css" href="/lib/yourstoreid/yourstyle.css"> notation, or in Editor V3.0, you can use the LINK operator. 2. Combine your style sheets into as few files as possible. Nothing worse than trying to wade through 6, 8, 10 or more different style sheets to find the color of a

Auto-update Copyright Year

This is one of those minor, recurring questions I'm always asked (each year): to update the copyright year in sites. Whether this is the "right thing" to do or not I don't know, but here is how you can make it automatic: First, go to the Variables page (these instructions are for Yahoo! Stores), and do a search for the word "copyright" or the year that's currently displayed next to your copyright message. If you can't find it there, chances are you have a custom template and the copyright message might be coming from some place else. In that case, you'll have to track it down, but because custom templates can be set up in any which way, unfortunately you'll be on your own. Assuming you found it, replace the year with this JavaScript code: <script>document.write(new Date().getFullYear())</script> Hit Update and you should be all set!