|
|
(3 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 to the section [[X-Cart:Managing_Products#Generating_HTML_links_for_products | Generating HTML links for products]] 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]] |