Difference between revisions of "X-Cart:Using as a simple "Add to cart" button"

From X-Cart 4 Classic
Jump to: navigation, search
(General formatting; expecting section on generating plain HTML links.)
(Added more add-to-cart button options)
Line 1: Line 1:
 
==When you do not need X-Cart product catalog==
 
==When you do not need X-Cart product catalog==
  
If you already have a website with a gallery of products being demonstrated to your visitors, you might want to rather ''not'' use X-Cart's ability to generate a '''Product catalog''' with  '''Product pages'''. Instead, you may want to just insert the '''Add to cart''' and '''Checkout''' buttons into your existing pages.
+
If you already have a website with a gallery of products being demonstrated to your visitors, you might want to rather ''not'' use X-Cart's ability to generate a '''Product catalog''' with  '''Product pages'''. Instead, you may want to just insert the '''Add to cart''' and '''Checkout''' buttons into your existing pages.
 +
 
 +
==Types of "Add to cart" buttons==
 +
 
 +
There are three types of "Add to cart" buttons available:
 +
 
 +
; Text link : A textual '''<u>Add to cart</u>''' hyperlink, which allows adding one item of a product to the shopping cart.
 +
 
 +
; Simple push button : A graphic '''<u>Add to cart</u>''' hyperlink, which, like the textual link allows adding one item of a product to the shopping cart.
 +
 
 +
; Advanced push button : An advanced '''<u>Add to cart</u>''' box, which displays the product price and allows setting additional options like making the purchase a gift, specifying a desired product quantity and adding the purchase to the shopping cart.
  
 
==Inserting "Add to cart" buttons into your website pages==
 
==Inserting "Add to cart" buttons into your website pages==
Line 7: Line 17:
 
X-Cart can generate the HTML code for the "Add to cart" button that you can embed into your HTML pages.
 
X-Cart can generate the HTML code for the "Add to cart" button that you can embed into your HTML pages.
  
'''To get HTML for the "Add to cart" button:'''
+
'''To get HTML for an "Add to cart" button:'''
  
 
# Login to the Admin area of your X-Cart store.
 
# Login to the Admin area of your X-Cart store.
Line 19: Line 29:
 
[[Image:Add_to_cart.gif|center|border]]
 
[[Image:Add_to_cart.gif|center|border]]
  
You can also use links to product thumbnails or advanced HTML links with editable quantity and product options. Read on [[X-Cart:Managing_Products#Generating_HTML_links | this section]] for more information.
+
You can also create links to product thumbnails or advanced HTML links with editable quantity and product options. Read on [[X-Cart:Managing_Products#Generating_HTML_links | this section]] for more information.
  
 
==Inserting "Checkout" button==
 
==Inserting "Checkout" button==
  
To add the '''Checkout''' button to your site, copy the following HTML code and paste it to your web page:
+
To add a '''Checkout''' button to your site, copy the following HTML code and paste it to your web page:
  
 
<pre>
 
<pre>
Line 32: Line 42:
 
Make sure to replace the {xcart_http_location} with the real location of your X-Cart on the Web.
 
Make sure to replace the {xcart_http_location} with the real location of your X-Cart on the Web.
  
 +
[[Category:X-Cart user manual]]
 
[[Category:X-Cart user manual]]
 
[[Category:X-Cart user manual]]
  
 +
[[Category:X-Cart user manual]]
 +
[[Category:X-Cart user manual]]
 +
 +
[[Category:X-Cart user manual]]
 
[[Category:X-Cart user manual]]
 
[[Category:X-Cart user manual]]

Revision as of 16:49, 4 February 2011

When you do not need X-Cart product catalog

If you already have a website with a gallery of products being demonstrated to your visitors, you might want to rather not use X-Cart's ability to generate a Product catalog with Product pages. Instead, you may want to just insert the Add to cart and Checkout buttons into your existing pages.

Types of "Add to cart" buttons

There are three types of "Add to cart" buttons available:

Text link 
A textual Add to cart hyperlink, which allows adding one item of a product to the shopping cart.
Simple push button 
A graphic Add to cart hyperlink, which, like the textual link allows adding one item of a product to the shopping cart.
Advanced push button 
An advanced Add to cart box, which displays the product price and allows setting additional options like making the purchase a gift, specifying a desired product quantity and adding the purchase to the shopping cart.

Inserting "Add to cart" buttons into your website pages

X-Cart can generate the HTML code for the "Add to cart" button that you can embed into your HTML pages.

To get HTML for an "Add to cart" button:

  1. Login to the Admin area of your X-Cart store.
  2. Select Catalog-> Search for products on the menu.
  3. Find the product to generate the "Add to cart" button for.
  4. On the 'Search results' page, select the product to generate the "Add to cart" buttons for.
  5. Click the Generate HTML links button at the bottom of the 'Search results' page.

Clicking the Generate HTML links button brings up a set of generated HTML links for the selected product. Copy the HTML code for the desired link and paste that code to your web page.

Add to cart.gif

You can also create links to product thumbnails or advanced HTML links with editable quantity and product options. Read on this section for more information.

Inserting "Checkout" button

To add a Checkout button to your site, copy the following HTML code and paste it to your web page:

<table cellspacing="0" class="SimpleButton"><tr><td><a class="simple-button simple-arrow-button"
href="{xcart_http_location}/cart.php?mode=checkout">Checkout</a></td></tr></table>

Make sure to replace the {xcart_http_location} with the real location of your X-Cart on the Web.