\n'); z.document.close(); z.focus(true); } function updateCart() { $('contentMinicart').innerHTML = 'Updating - please wait!'; new Effect.Highlight($('contentMinicart')); // this gets called by handleResponse (which is in zoovy.js) var postBody = 'm=RenderElement&format=LAYOUT&docid=~p-big_image&element=IMAGECART&targetDiv=contentMinicart'; // alert(postBody); new Ajax.Request('/ajax/RenderElement', { postBody: postBody, asynchronous: 1, onComplete: function(request){handleResponse(request.responseText);} } ) ; } // // this function is overloaded, and is run whenever an "add_to_cart" button is clicked // it finds the form with a product id that matches on it. // function addToCart(id,pid) { // alert("adding To Cart (product: " + pid + ")"); var postBody = 'm=AddToCart&cart='+session_id+'&pid='+pid; for (i = document.forms.length-1; i>=0; --i) { if (document.forms[i].elements['product_id']) { if (document.forms[i].elements['product_id'].value == pid) { postBody = postBody + '&' + Form.serialize(document.forms[i]); new Ajax.Request('/ajax/AddToCart', { postBody: postBody, asynchronous: 1, onComplete: function(request){handleResponse(request.responseText);} } ) ; } } } // alert('finished with addToCart'); } //-->

3rd Party Plugins | Website Packages | Projects | Graphics | Print

Web 2.0 ( Ajax )

your cart is currently empty

Be the first person to review this product

There are three packages of ajax features which can be deployed in to your custom work. Each package progressively offers more advanced features to make your customers shopping experience more friendly and interactive. If you already have custom work, these feature sets can be implemented into it. Alternatively, these feature sets can be purchased as an add-ons to our custom work packages.

Level 1 (Shoptastic)

Web 2.0 Add to cart button version 1
Keyword library

Level 2 (Evolution)

Web 2.0 Add to cart button version 1
Keyword library
Recent searches
Content reveal (login, tell a friend, reviews, search results, images)

Level 3 (Bluelicious)

Web 2.0 Add to cart button version 2
Keyword library
Recent searches
Content reveal (login, tell a friend, reviews, search results, images)
Advanced Product list

Definitions and Advantages

Web 2.0 Add to cart button (V1 and V2) The add to cart button will update a minicart element in the theme instead of jumping to the cart page. This leaves the customer on the product page which may direct them to further sales by clicking on some accessories or related items.

Version 2 of the Add to cart button will open the cart panel, saving you precious room in your theme for more pertinent/valuable information.

Keyword libary In the search form, once two letters are entered the user will autocomplete some search words they can select from. This will reduce the potential for typos resulting in 0 results and make your customers shopping experience a little easier.

Content reveal Allow content to be revealed only when a link is clicked or a mouse rolls over a hot spot. This saves you space on the page but still allows you to provide a plethora of information without redirecting the user.

In the cases of product lists, the content that is revealed is loaded dynamically (instead of preloading) so that the load time of the initial page is not effected.

Recent Searches Display a list of recently completed searches that your customer has performed. This makes it easier for them to get back to result sets without using 'back' or conducting another search.

The results can also be loaded into a panel within the page they're on, so they aren't constantly getting moved around.

Advanced product list This allows the ajax add to cart technology to be used in conjunction with a product list so that your customer can add multiple products to the cart at the same time, without being redirected to the cart page.

	Company Logo and Branding

	Custom Designed 16 page Deluxe Product Catalog
	Print Quantity:
	Custom Designed Trifold
	Print Quantity:
	Custom Designed 8 Page Product Brochure
	Print Quantity:
	Custom Designed Postcard
	Print Quantity:
	Custom Designed Leaflet
	Print Quantity:

The implementation of custom ajax requires that you are a member of the BPP and that you have some existing custom work. A custom theme and product layout are required for any of the packages. It is also required that you sign a future technology disclaimer statement, which can be read here.

For the packages 2 and up, it is recommended that you have a custom homepage, category and search results layout as well.

The ajax technologies are not implemented into any custom work that does not appear on the store front, such as auction, email or newsletter templates.

write a review

www.zproshop.com has working examples of all the technology in the Level 2 (evolution) package.

proshop.zoovy.com has working examples of all the technology in the Level 1 (shoptastic) package.

Add to cart (V1)
click the 'add to cart' button on this page. Notice how you are not moved to the cart page? Ajax is used to dynamically update the cart so the user isn't moved away from the content of this page. Makes it easier for them to get to accessories, related items, to go back to the category, or to add multiple variations if options are available.

Add to cart (V2)
Click here and click the 'add to cart' button. The small cart is updated to reflect the new amounts and the panel is opened to show details of what is in the cart, including this latest item added. This saves a lot of valuable real estate for more important things... like product!

Content Reveal
There are several instances of this in bluelicious and in evolution. You can click the tell a friend or reviews links on this page to see some examples. The content of the form is displayed without a pop-up. Click here and do a search. Notice that the results don't move you to another page?

Recent Searches
Click here and do a search. Don't click on one of the results, just do a few more searches. See how the 'recent searches' updates automatically? Click one of the recent searches and the results are again displayed in the panel, instead of taking you to another page. Handy.

Advanced Product List
Click here and open the accessories tab. Scroll over the name of an item. See how the information loads in a panel, letting you preview everything about the accessory without leaving the product page. Now imagine this on a category page with an add to cart button in the mix.

| | | | checkout