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

From X-Cart 4 Classic
Jump to: navigation, search
(Inserting "Add to cart" buttons into your website pages)
 
(4 intermediate revisions by the same user not shown)
Line 1: Line 1:
==When you do not need X-Cart product catalog==
+
#REDIRECT [[X-Cart:Adding_X-Cart%27s_%27Add_to_cart%27_and_%27Checkout%27_buttons_to_your_existing_(external)_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 '''<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==
 
 
 
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:'''
 
 
 
# Login to the Admin area of your X-Cart store.
 
# Select <u>Catalog</u> -> <u>Search for products</u> on the menu.
 
# Find the product to generate the "Add to cart" button for.
 
# On the '<u>Search results</u>' page, select the product to generate the "Add to cart" buttons for.
 
# Click the '''Generate HTML links''' button at the bottom of the '<u>Search results</u>' 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.
 
 
 
: [[Image:Add_to_cart.gif|border]]
 
 
 
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==
 
 
 
To add a '''Checkout''' button to your site, copy the following HTML code and paste it to your web page:
 
 
 
<pre>
 
<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>
 
</pre>
 
 
 
{{Note|Make sure to replace the {xcart_http_location} with the real location of your X-Cart suite on the Web.}}
 
  
 
[[Category:X-Cart user manual]]
 
[[Category:X-Cart user manual]]

Latest revision as of 16:49, 31 May 2013