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

CPR for a Yahoo Store on Google's Supplemental Index

Recently a client of mine came to me and said that most of his store pages disappeared from Google, and he did not do anything to make this happen. I was a bit skeptical, so I went to Google, did a search on his store, and sure enough, there were only two pages indexed, his home page and his site map (ind.html) page. The rest were in the supplemental results, which means that Google thought the rest of the pages were not much different than these two pages. When I looked at the supplemental results, the little excerpts under each link were exactly the same, and I also noticed that what Google showed under each result was actually text from the ALT tags of the header image. I looked at some of these pages in my client's store, and they were actually different. This was a bit puzzling, but then I thought perhaps Google saw that the header and left navigation was the same throughout the site (which is pretty normal), but that the text that made each page different was too far down ins

What to expect when your redesign goes live

At Y-Times we roll out new designs, redesigns and other major upgrades to Yahoo stores on a fairly regular basis. Some of the main questions our clients ask are how to prepare for a roll-out and what to expect in terms of SEO and conversions when the changes go live? For any functional Yahoo store how well the site ranks and how well it converts are probably the two most important metrics. Since pretty much ANY change you make to any page can potentially alter either or both of these metrics, merchants may understandably feel nervous about far reaching alterations to their sites. However, when those functionality and design changes and additions are done right, there is really very little to fear. First off, what does it mean for a design or redesign to be "done right?" From the technical stand point, search engines look at the underlying structure of your site (the HTML, and increasingly also the CSS and JavaScript code) to try to extract information and meaning from i

Smaller is Better

You often hear the phrase "bigger is better". Sometimes it's true but not when it comes to JavaScript or CSS code in your Yahoo! Store pages. If you include JavaScript code or CSS either as linked files (the preferred method) or embedded inside your pages (obviously not preferred), making these files as small as possible should be your goal. Why? This is no rocket science: smaller files mean faster page loads = happy customers. Ok, so what bloats JavaScript code? In general, white space (tabs, carriage returns, non-used spaces), comments, and the actual code, such as variable and function names. You have control over all of these, however, if you don't use white spaces, carriage returns or comments, it will be immensely difficult to understand and modify your code. And not just for others, you too. There are many commercial JavaScript compression tools around, but I've been using this handy and free utility: http://www.andrewkesper.com/jscrush/ This little utilit