Notice: Use of undefined constant MANUALS_TITLE - assumed 'MANUALS_TITLE' in /var/extra/public_html/manuals_article_details.php on line 27

Notice: Use of undefined constant MANUALS_TITLE - assumed 'MANUALS_TITLE' in /var/extra/public_html/blocks/block_manuals_breadcrumb.php on line 26

Notice: Use of undefined constant MANUALS_SEARCH_IN_FIRST_VARIANT - assumed 'MANUALS_SEARCH_IN_FIRST_VARIANT' in /var/extra/public_html/blocks/block_manuals_search.php on line 21

Notice: Undefined variable: meta_title in /var/extra/public_html/blocks/block_manuals_article_details.php on line 51
Ajax to add products
Menu
Our site www.viart.com is operated by latest Viart Shop 5.8.28 with default Clear design
Viart Manual (Version 4,5)
1. About ViArt Shop
1.1. What is ViArt Shop?
1.2. Features List
1.3. All about ViArt Software licenses
1.4. Release Notes
2. Installation
2.1. Necessary prerequisites
2.2. Installation procedure
2.3. License activation process
3. Version Upgrade
3.1. Upgrade step by step
3.2. Upgrade peculiarities for some versions
3.3. Upgrade FAQ
3.4. Upgrade Rollback
4. Getting started
4.1. How to Change Site Logo
4.2. How to Remove Demo Products
4.3. How to Change Active Scheme
4.4. Basic settings to manage site pages
4.5. Activating Friendly URLs
5. System Settings
5.1. Global Settings
5.2. Static messages
5.3. Static tables
5.4. "Offline" mode
6. ViArt CMS
6.1. Custom pages
6.2. Custom blocks
6.3. Opinion Polls
6.4. Banners
7. Managing Products
7.1. Zoom In tool
7.2. Mobile Version
7.3. Ajax to add products
7.4. Stock Level for options
7.5. Keywords Search
7.6. Multi-Add button (add to cart multiple products)
7.7. Drag and drop images
7.8. Product Custom Tabs
8. Managing Orders
8.1. Front-end Call Center
8.2. Sales Discount coupon
8.3. 'Order Approver' Privileges
8.4. Saved Cart
8.5. Shipping Calculator
8.6. Countries Phone Codes
8.7. 'Re-Order' button
8.8. Match User and Order profile custom fields
8.9. Currency Exchange Rates
8.10. Invoice Numbers
8.11. Multi-Shipping
8.12. One Page Checkout
8.13. Coupons with Affiliate Characteristics
8.14. Zip Codes in Shipping Methods
8.15. Address Book
9. Managing Layout
9.1. Change Block Titles in CMS
9.2. Blocks and Frames settings
9.3. How to add a new design
9.4. CMS Layouts
9.5. Build in blocks
9.6. Time Periods in blocks
9.7. Facebook Live Feed
9.8. Table View products list
9.9. META data in CMS
9.10. Currency Converter block
9.11. Add to Cart Pop-up Frame
10. Managing Helpdesk
10.1. What is ViArt HelpDesk
10.2. Installing HelpDesk on localhost
10.3. Email Parser Installation
10.3.1. Piping Preface
10.3.2. Piping on Unix
10.3.2.1. Qmail
10.3.2.2. Exim
10.3.2.3. Sendmail
10.3.2.4. Postfix
10.3.3. Piping on PLESK (PSA)
10.3.4. Piping on cPanel
10.4. Online Chat
10.5. Helpdesk Replies on the fly
11. Advanced Modules
11.1. Email Campaigns
11.2. Export Templates
11.3. CKEditor
11.4. Resize Images tool
11.5. XML import
11.6. Internal Messaging System
11.7. Contact Us form
11.8. New
12. Security
12.1. Two-Factor Authentication
12.2. PCI compliance
12.3. PCI information for storing credit cards
12.4. Cookies Control
13. Payment Systems
13.1. How to setup a Payment System
13.2. The List of supported Payment Methods
13.2.1. PayPal
13.2.1.1. PayPal Payments Standard
This section describes how to setup PayPal Website Payments Standard for your ViArt shopping cart. Please, carefully follow all the instructions below.
13.2.1.2. PayPal Express Checkout
13.2.1.3. PayPal Payments Pro
This section describes how to setup PayPal Website Payments Pro for your ViArt shopping cart. Please, carefully follow all the instructions below.
13.3. Integrate a new Payment System
13.4. Recurring Payments
14. Custom work specification
7.3. Ajax to add products
7.3. Ajax to add products
Prev Index Next

Now you can add products to cart with the help of Ajax.

Once a user clicks 'Add to cart' an Ajax message informing that a product was added to cart is shown. In addition, you will notice that the Shopping Cart block highlights and refreshes (in contrast to the earlier versions when the whole page was refreshed). This allows for much faster loading time.

ajax

Settings:

To activate this feature navigate to Settings > Products Settings and select the option 'Use Ajax to add products'.

ajax

Note: You can modify the default AJAX message by changing the function "showPopupBlock" in the file "blocks.js" but you need to have some programming skills to do this.
Prev Index Next