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

What is product-url anyway?

I keep having to field questions about the product-url field, and since it came up yesterday, I figured I'd try to clear up all the confusion about it.

So the name product-url suggests that whatever you type in there will become the URL of that product. Unfortunately, this is not the case, or rather, not in the intuitive way. The URL you enter there will be used as the URL for that product in Yahoo Shopping, on the built-in search results page, and on the shopping cart page, however, the URL you type in there DOES NOT actually change the physical URL of the page.
What is the URL of a page in a Yahoo Store? In any Yahoo Store built in the store editor, the URL of a page is the store's domain name and the page ID + .html. For example, in my store at www.ytimes.info, I have a page whose id is rtml101, thehrefore, the URL of that page is http://www.ytimes.info/rtml101.html.
Why would you want to change the URL? For SEO reasons, it is believed to be better to have a URL that includ…

Referencing Files from Yahoo! Web Hosting Securely

Now that hopefully most of you you have your stores secured (if not and need help, we offer a Secure Storefront Preparation Service here), you may have been faced with the question of how to reference files (images, CSS, JavaScript, src) if those files are stored on your Yahoo! store's web hosting account. Obviously using the old HTTP: method won't work, so something like this

< img src="http://site.ytimes.com/image.jpg" />

will not work. Nor can you simply change the http: part to https: , because as of this writing, only the store editor portion of a Yahoo! Store can be made secure, the web hosting portion cannot.

First a side note: if this sounds totally Greek to you because you have never heard of the web hosting part of your Yahoo! Store, you may have a legacy Yahoo! store account and not a Merchant Solution one. With a legacy store account you will only have the store editor part and no hosting account, in which case none of this applies to you.

The good n…

Really Quick Trick to Improve Page Load Speed of a Yahoo Store a Little Bit

With Google getting more and more aggressive about wanting web sites to be quick to load (particularly on mobile), we often find ourselves trying to find even the smallest of tweaks to nudge up that page speed score even if by a tiny bit. Here is a quick trick you can do completely on your own, without having to ask a developer, that will probably bump up your Google PageSpeed score by a couple of points.

First a short disclaimer: this trick is only applicable if you have enabled the Yahoo! Badge in your Store Manager, under Live Insights & App Gallery.

Before you start, you may want to check your site's Google PageSpeed (the home page is a good place to start) both as a benchmark, and also to get a glimpse at how fast (or slow) Google believes your site (or home page) is. Here is the link:

https://developers.google.com/speed/pagespeed/insights/
Ok, so if you did enable the Yahoo! Badge, your site includes a small Yahoo Live Store badge, much like this:


When you hover over the …