Untitled Document

Follow the instructions below to put 'add to wishlist' buttons on your site that will automatically extract thumbnail images of each catalog item.

Either the quick and easy way. Add the following code on each page :

Or, the Pro way. (The advantage is that the actual image and link of a single item on a page is chosen. This is particularly important for weblog front pages, or catalogs with more than one item per page) :

1. Place the following JavaScript code within your HTML <head> tag:

2. Place the following HTML link in your individual product page, catalog item or weblog post item template, replacing the red text with the appropriate values:

<a onClick="findWistsImages(this, ITEMNAME);" href="http://wists.com/r.php?c=null&r=PERMALINK_URL&u=LOGO_URL&title=ITEM_TITLE">add to wishlist</a>

ITEMNAME: Find or add a name of the class or ID that wraps around each item in your HTML publishing template e.g.<div class=weblogpost> Item/Post content </div>

PERMALINK_URL: The url of the unique webpage for the item.

LOGO_URL: The url of a logo to be used as backup, if there is no image of for the item.

ITEM_TITLE: The product name or item headline.

If your have images such as standard icons that appear in your templates you can add the class 'wistsignore' to make sure they are not used as the product image thumbnail. e.g.

<img class="wistsignore" src="email_icon.gif">.