NetStores E-Commerce ExtensionsAdd to Cart With Options
Overview The NetStores E-Commerce system uses a shopping cart that allows your customers to add to, modify, and view the list of products they will purchase from your online Web store. The optional method for adding items to a customer's shopping cart is the NetStores Add-to-Cart With Options or instant-purchase button with item options selected from drop-down menus. Before you use this... Before you start using the Add-to-Cart With Options feature, if you have not already done this, select the NetStores panel from the Adobe GoLive Objects palette by clicking the NetStores icon For the Add-to-Cart With Options button to work, you must first perform Steps 1-7 (start at Step 1 - Setup). Adding the Shopping Cart button to a page (top) To insert an instant-purchase button, drag the Add-to-Cart With Options icon The NetStores Add-to-Cart With Options dialog box (see picture below) allows you to configure the Add-to-Cart With Options button so a particular product or service will be added to the customer's shopping cart based on the options they select from drop-down menus. The dialog box also allows you to customize the Add-to-Cart With Options button to suit your aesthetic preferences to match the "look and feel" of your Web site. Shopping cart button details (top) The most important aspect of the NetStores Add-to-Cart With Options dialog box is the menu editing area. For your Add-to-Cart With Options button actually to be able to add products to the customer's shopping cart, any value returned by an option menu must be all or part of a product code of an item from your inventory in the item file. If an button has more than one option menu, the values returned by all of the option menu will be combined together by the cart and when combined, must equal a product code of an item from your inventory in the item file. To add an option menu to the instant-purchase button, click on the Use Option Menu check box for that menu. To edit an option menu, click on the Edit Menu button for that menu, this brings up the NetStores Add-to-Cart With Options Menu Editor dialog box (see below) for that menu. To add a label to the option menu, add the text for the label in the Menu Label text field for that menu. (The label will appear to the left of the option menu.) Customizing the appearance of the Add-to-Cart With Options button (top) You can also change the appearance of the Add-to-Cart With Options button by selecting your own text or image for the button. To make these modifications, insert entries in the NetStores Add-to-Cart With Options dialog box (see picture above) as follows:
The settings you used when you last created an Add-to-Cart With Options button (by clicking OK), are saved and will reappear the next time you use the Add-to-Cart With Options object. An option menu is edited by using the NetStores Add-to-Cart With Options Menu Editor dialog box (see below). The menu is edited in a text area box with one option item from the menu on each line. Each option item has the text that is shown by the menu, an equals sign, and then the value that will be returned for the option. The option menu will be generated from top to bottom from the option items. The menu is saved by clicking OK, and will reappear the next time you use the Add-to-Cart With Options Menu Editor to edit that menu. You can change the appearance of the option menu by adding, editing, & removing entries in the NetStores Add-to-Cart With Options Editor dialog box (see picture above) as follows:
An menu item is edited by using the NetStores Add-to-Cart With Options Menu Item Editor dialog box (see below). The menu item is edited in two text fields. The top text field is where the menu item's menu text (the part that's shown on the menu) is entered. The bottom text field is where the menu item's value (which will be returned by the menu if this particular option was selected and it must be part or all of a product code for the option menu to work) is entered. The menu item is saved by clicking OK.
This is the example of an instant-purchase button with multiple drop-down menus to select options from our HTML integration page:
Item file for the example:
To set this up, the Add-to-Cart With Options dialog box would look like this: Editing the first menu would look like this: And, editing the second menu would look like this: The settings shown in the above three dialog boxes of this example would recreate the Add-to-Cart With Options button given at the beginning of this example. Also, the dots in the example's product codes don't have any particular significance, you can create option menu for product code without dots. Below is an example of modifying an item from the example's second option menu: And the result:
For additional information, go to the online Adobe GoLive extensions page at http://GoLive.netstores.com/.
Getting Started / Installing / Setup / Item File / Configure Store / Connect Item File / Copyright © 2001, 2002, 2003, 2004, Fishbone Communications, Inc. - NetStores ® Last Modified 6-24-2004
|