Adding a "Continue Shopping" button to Mal's Shopping Cart

Adding a "Continue Shopping" button to Mal's Shopping Cart

To have a "Continue Shopping " button appear within the Customer's Shopping Cart, you must activate the "return" URL feature in the Mal's Shopping Cart setup within the XLEcom program.

This feature is useful if you are not using either a framed website or popup window shopping cart.

To do this, switch to the "Product Design" sheet and press the "Setup" button. Next, select the "Select an Ecommerce Shopping Cart Service" dialog box tab option. Choose the "Setup" option for the Mal's e-commerce Service and check the "return" URL check box. This feature is shown in the image below.

Below is the a screen shot of the Mal's shopping cart with the "Continue Shopping" button.

Note:
The "Return URL" method stated above assumes that you are using the default Mal's Cart settings shown below for the "Continue Shopping" button within your account at Mal's website.

The following default settings and information is directly from Mal's website:

    CONTINUE SHOPPING BUTTON

    The URL for the Continue Shopping button comes from a field, named return, that you include in your links on your website to the cart. See the FAQs and the Help files for more details on how to set the field.

    There are a number of options associated with the Continue Shopping button. By default it is an HTML form button which uses the GET method, similar to an ordinary hyperlink. Many webservers will not accept a POST request unless it is to a script so most people should leave it as a GET.

    HTML form using the POST request method.
    Hyperlink.

    The Continue Shopping button can be set to include various fields that describe the current state of the customers' cart. These include the total value of the cart and the number of items in it. See the Help file for more details about these variables.

    Append cart content vars

    IMAGE BUTTONS

    By default the cart uses ordinary HTML form buttons but as an alternative you can use images instead. If you want to use images on secure pages then they must find a bit HTTPS (secure) hosting for them.

    Form buttons and/or text hyperlinks
    Images - unsecure cart pages only (HTTP hosted)
    Images - all cart pages (HTTPS hosted)


Additional Information - Code Samples for a making custom "Back a Page" and "Foward" buttons

If you are not going to use the "Return URL" method as stated above, then you can add a custom "Back a Page" button to the Shopping Cart via Mal's website under your account's setup. Just add any of the following "Back a Page" HTML code buttons to your Mal's Cart setup >> LOGO and HEADER MESSAGE area.

Back Buttons

    Version #1




    Version #2 - (Resizable button)




    Version #3 - method="link"




    Version #4 - method="link" (Resizable button)




    Version #5 - onClick="history.go(-1)"


Both Back and Forward Buttons & Text Links

    Version #1 - Both Back and Forward buttons - onClick="history.go(-1)" and onClick="history.go(1)"




    Version #2 - Both Back and Forward Text Links - HREF="Javascript:history.go(-1);" and HREF="Javascript:history.go(1);"

    << Back   Forward >>

Below is the HTML code for these buttons:

Back Buttons

Version #1

<form action=javascript:history.back(-1)>
<input type=submit value="Back to Previous Page">
</form>



Version #2 - (Resizable button)

<form action="javascript:history.back(-1)">
<input type=submit value="Back to Previous Page" style="height: 24px; width: 150px">
</form>



Version #3 - method="link"

<form method="link" action="javascript:history.back(-1)">
<input type="submit" value="Back to Previous Page" name="link">
</form>



Version #4 - method="link" (Resizable button)

<form method="link" action="javascript:history.back(-1)">
<input type="submit" value="Back to Previous Page" name="link" style="height: 24px; width: 150px">
</form>



Version #5 - onClick="history.go(-1)"

<form>
<input type="button" value="Back to Previous Page" onClick="history.go(-1)">
</form>


Both Back and Forward Buttons & Text Links

Version #1 - Both Back and Forward buttons - onClick="history.go(-1)" and onClick="history.go(1)"

<form>
<input type="button" value="Back" onClick="history.go(-1)"> <input type="button" value="Forward" onClick="history.go(1)">
</form>



Version #2 - Both Back and Forward Text Links - HREF="Javascript:history.go(-1);" and HREF="Javascript:history.go(1);"

<form>
<A HREF="Javascript:history.go(-1);"><< Back</A>&nbsp;&nbsp;&nbsp;<A HREF="Javascript:history.go(1);">Forward >></A>
</form>

Sam Raheb
XLEcom Program Developer