Buttons

There are 5 eCart buttons available for inclusion in a shopping cart display. Each has a specific function within the shopping cart, but they are almost identical in their method of configuration and application:

Update Cart Button: Applies changes to the shopping cart that have been made directly within the shopping cart display using updateable form fields (e.g. editing the Quantity of an item). It typically redirects to itself in order to display the changes made to the shopping cart to the user.

Note: the shopping cart display is capable of advanced update configuration using the provided Updateable form fields. See Updateable form fields in this section for more information.
Continue Shopping Button: Redirects to a specified location to continue the shopping experience. Typically this is configured to redirect to a product catalog page. Can be configured directly to return to the page that initially directed the user to the shopping cart display page.
Clear Cart Button: Removes all items currently in the shopping cart. The redirect location is usually configured to return to the shopping cart display page to display the fact that the shopping cart is empty to the end-user of the site.
Checkout Button: Redirects to a specified location to initiate the checkout process. This is typically configured to redirect to a location that contains a checkout form.

Note: The eCart Insert Checkout Form feature configures a checkout form to submit transaction and payment data to the merchant gateway provider to complete the transaction.

All merchant providers supported directly within eCart have a hosted form that gathers this information on their website.

If you don't require collecting any customer information on your website prior to checkout, it is possible to replace this checkout button with a checkout form using this feature. The form will only pass the necessary account information to complete the transaction to the merchant gateway using hidden form elements.

This means its possible to checkout directly from the shopping cart display.

See Configuring checkout within the shopping cart display in the Configuring payment gateway support section of this documentation for more information.
View Cart Button: Redirects to a specified location to view the shopping cart display. This is a simple redirect button insert, and is the only button provided that has no server behavior component. It is only inserted by the eCart Display Manager for Quick Cart shopping cart displays.

Feature access

Each of these buttons can be inserted from the following locations:

eCart Insert panel/toolbar:
Insert > WebAssist > eCart > [Name] Button
Server Behaviors > eCart > Cart Display > [Name] Button
Server Behaviors > eCart > Checkout > Checkout Redirect Button

Note: the View Cart Button does not have a corresponding server behavior and, therefore, is not available for insert or configuration through the server behaviors panel.

Editing button configurations

With the exception of the View Cart Button, each of these buttons has a corresponding server behavior that is applied to the page when the button is inserted.

When modifying a button configuration, access the configuration user interface by editing the applied server behavior through the server behaviors panel.

In the case of the View Cart Button, you may modify its properties after application by selecting it in Design View on the page, and using the corresponding image property inspector to make any necessary modifications.

To configure a button for your display:

In Design View, place your cursor in the location where the button is to be inserted.
In the eCart Insert panel/toolbar, click the icon that corresponds to the button to be inserted (see Feature access above).

The button configuration dialog will open specific to the button type.
From the Cart list, select the name of the eCart object that corresponds to your shopping cart implementation.
Update cart before checkout : Select whether the any changes made to the shopping cart should be updated prior to initiating the Checkout process.
Select the Style of the button. This selects the color scheme for the image buttons available, and updates the images shown in the dialog to that color scheme to assist in your selection.
Specify the button to be placed on the page. You have the option of selecting from a form button or several image buttons provided with the extension, as well as specifying an image button that you provide. The Button URL field will accept an http location or a relative location of an image file within your site.
Specify the destination page which is redirected to upon click of the button. Use the Browse button to select a file within your site or specify an http:// location. Server-side code can also be entered in this field to dynamically retrieve a location for the redirect.
Enter text or server-side code to specify the alt text which is displayed on the rollover event for the button. Leaving this blank removes the alt text attribute for the button.
Click OK to apply the button configuration to the page.