free ajax suite - tigren ajax suite for magento 2 user guide version: 1.2.0 release date: 19.09.2017...
TRANSCRIPT
![Page 1: FREE AJAX SUITE - Tigren AJAX SUITE FOR MAGENTO 2 User Guide Version: 1.2.0 Release Date: 19.09.2017 ... Social Login. Page 23 FRONT-END DEMONSTRATION Create New Account. Page 24](https://reader033.vdocuments.site/reader033/viewer/2022042310/5ed7a52e48b98015c2020db9/html5/thumbnails/1.jpg)
FREE AJAX SUITEFOR MAGENTO 2
User GuideVersion: 1.2.0
Release Date: 19.09.2017
Product Page: Ajax Suite
Support: [email protected]
C O P Y R I G H T © 2 0 1 7
![Page 2: FREE AJAX SUITE - Tigren AJAX SUITE FOR MAGENTO 2 User Guide Version: 1.2.0 Release Date: 19.09.2017 ... Social Login. Page 23 FRONT-END DEMONSTRATION Create New Account. Page 24](https://reader033.vdocuments.site/reader033/viewer/2022042310/5ed7a52e48b98015c2020db9/html5/thumbnails/2.jpg)
TABLE OF CONTENTS
Installation ………………………………………….……………………………1
Ajax Suite………………….……………………………………………………...2
Ajax Login………………………………………………………………………...3
Ajax Wishlist…………………………………………………….………….… ..25
Ajax Compare…………………………………………….…………………….29
Ajax Cart…………………………………………….………………………….32
Customization……………………………………………………………............41
Customer Support…….…………………………………………………............42
![Page 3: FREE AJAX SUITE - Tigren AJAX SUITE FOR MAGENTO 2 User Guide Version: 1.2.0 Release Date: 19.09.2017 ... Social Login. Page 23 FRONT-END DEMONSTRATION Create New Account. Page 24](https://reader033.vdocuments.site/reader033/viewer/2022042310/5ed7a52e48b98015c2020db9/html5/thumbnails/3.jpg)
Download Extension• Download the extension on the website: http://www.tigren.com/ajax-suite-magento-2.html
Unpack Zip File• After downloading, unpack the extension zip file
Upload Files• Upload all the files from the extension package to the root folder of your Magento installation
Run Following Commandsphp bin/magento module:enable Tigren_Core
php bin/magento module:enable Tigren_Ajaxsuite
php bin/magento module:enable Tigren_Ajaxcart
php bin/magento module:enable Tigren_Ajaxlogin
php bin/magento module:enable Tigren_Ajaxwishlist
php bin/magento module:enable Tigren_Ajaxcompare
php bin/magento setup:upgrade
php bin/magento cache:flush
1. InstallationPage 1
![Page 4: FREE AJAX SUITE - Tigren AJAX SUITE FOR MAGENTO 2 User Guide Version: 1.2.0 Release Date: 19.09.2017 ... Social Login. Page 23 FRONT-END DEMONSTRATION Create New Account. Page 24](https://reader033.vdocuments.site/reader033/viewer/2022042310/5ed7a52e48b98015c2020db9/html5/thumbnails/4.jpg)
Page 2
Admin Panel => AJAXSUITE => Ajax Suite
Or: Admin Panel => STORES => Configuration => TIGREN EXTENSIONS => Ajax Suite
Notes: When the Ajax Suite is disabled, all extensions are inactive and vice versa. However, if you want to
activate only some extensions, please Enable the Ajax Suite, and then Disable the one you don’t want to use.
2. Ajax Suite
![Page 5: FREE AJAX SUITE - Tigren AJAX SUITE FOR MAGENTO 2 User Guide Version: 1.2.0 Release Date: 19.09.2017 ... Social Login. Page 23 FRONT-END DEMONSTRATION Create New Account. Page 24](https://reader033.vdocuments.site/reader033/viewer/2022042310/5ed7a52e48b98015c2020db9/html5/thumbnails/5.jpg)
Page 3
3. Ajax Login
![Page 6: FREE AJAX SUITE - Tigren AJAX SUITE FOR MAGENTO 2 User Guide Version: 1.2.0 Release Date: 19.09.2017 ... Social Login. Page 23 FRONT-END DEMONSTRATION Create New Account. Page 24](https://reader033.vdocuments.site/reader033/viewer/2022042310/5ed7a52e48b98015c2020db9/html5/thumbnails/6.jpg)
Page 4
GENERAL SETTINGS
CONFIGURATION
Admin Panel => AJAXSUITE => Ajax Login
![Page 7: FREE AJAX SUITE - Tigren AJAX SUITE FOR MAGENTO 2 User Guide Version: 1.2.0 Release Date: 19.09.2017 ... Social Login. Page 23 FRONT-END DEMONSTRATION Create New Account. Page 24](https://reader033.vdocuments.site/reader033/viewer/2022042310/5ed7a52e48b98015c2020db9/html5/thumbnails/7.jpg)
Page 5
SOCIAL LOGIN SETTINGS
CONFIGURATION
![Page 8: FREE AJAX SUITE - Tigren AJAX SUITE FOR MAGENTO 2 User Guide Version: 1.2.0 Release Date: 19.09.2017 ... Social Login. Page 23 FRONT-END DEMONSTRATION Create New Account. Page 24](https://reader033.vdocuments.site/reader033/viewer/2022042310/5ed7a52e48b98015c2020db9/html5/thumbnails/8.jpg)
Page 6
HOW TO GET FACEBOOK APP ID
Step 1: Go to the page https://developers.facebook.com/
![Page 9: FREE AJAX SUITE - Tigren AJAX SUITE FOR MAGENTO 2 User Guide Version: 1.2.0 Release Date: 19.09.2017 ... Social Login. Page 23 FRONT-END DEMONSTRATION Create New Account. Page 24](https://reader033.vdocuments.site/reader033/viewer/2022042310/5ed7a52e48b98015c2020db9/html5/thumbnails/9.jpg)
Page 7
HOW TO GET FACEBOOK APP ID
Step 2: Create App
After that, submit catcha for security check
![Page 10: FREE AJAX SUITE - Tigren AJAX SUITE FOR MAGENTO 2 User Guide Version: 1.2.0 Release Date: 19.09.2017 ... Social Login. Page 23 FRONT-END DEMONSTRATION Create New Account. Page 24](https://reader033.vdocuments.site/reader033/viewer/2022042310/5ed7a52e48b98015c2020db9/html5/thumbnails/10.jpg)
Page 8
HOW TO GET FACEBOOK APP ID
Step 3: Choose Platform in Dashboard - Website
![Page 11: FREE AJAX SUITE - Tigren AJAX SUITE FOR MAGENTO 2 User Guide Version: 1.2.0 Release Date: 19.09.2017 ... Social Login. Page 23 FRONT-END DEMONSTRATION Create New Account. Page 24](https://reader033.vdocuments.site/reader033/viewer/2022042310/5ed7a52e48b98015c2020db9/html5/thumbnails/11.jpg)
Page 9
HOW TO GET FACEBOOK APP ID
Step 4: Add URL of your site
![Page 12: FREE AJAX SUITE - Tigren AJAX SUITE FOR MAGENTO 2 User Guide Version: 1.2.0 Release Date: 19.09.2017 ... Social Login. Page 23 FRONT-END DEMONSTRATION Create New Account. Page 24](https://reader033.vdocuments.site/reader033/viewer/2022042310/5ed7a52e48b98015c2020db9/html5/thumbnails/12.jpg)
Page 10
HOW TO GET FACEBOOK APP ID
Step 5: Copy App ID to the field in Configuration
Choose the app you have created to
come back to the Dashboard
Copy the App ID to Facebook App ID field
![Page 13: FREE AJAX SUITE - Tigren AJAX SUITE FOR MAGENTO 2 User Guide Version: 1.2.0 Release Date: 19.09.2017 ... Social Login. Page 23 FRONT-END DEMONSTRATION Create New Account. Page 24](https://reader033.vdocuments.site/reader033/viewer/2022042310/5ed7a52e48b98015c2020db9/html5/thumbnails/13.jpg)
Page 11
HOW TO GET GOOGLE+ CLIENT ID
Step 1: Go to the page https://console.developers.google.com/ & Create new project
![Page 14: FREE AJAX SUITE - Tigren AJAX SUITE FOR MAGENTO 2 User Guide Version: 1.2.0 Release Date: 19.09.2017 ... Social Login. Page 23 FRONT-END DEMONSTRATION Create New Account. Page 24](https://reader033.vdocuments.site/reader033/viewer/2022042310/5ed7a52e48b98015c2020db9/html5/thumbnails/14.jpg)
Page 12
HOW TO GET GOOGLE+ CLIENT ID
Step 2: Add project name
![Page 15: FREE AJAX SUITE - Tigren AJAX SUITE FOR MAGENTO 2 User Guide Version: 1.2.0 Release Date: 19.09.2017 ... Social Login. Page 23 FRONT-END DEMONSTRATION Create New Account. Page 24](https://reader033.vdocuments.site/reader033/viewer/2022042310/5ed7a52e48b98015c2020db9/html5/thumbnails/15.jpg)
Page 13
HOW TO GET GOOGLE+ CLIENT ID
Step 3: Create API Key
![Page 16: FREE AJAX SUITE - Tigren AJAX SUITE FOR MAGENTO 2 User Guide Version: 1.2.0 Release Date: 19.09.2017 ... Social Login. Page 23 FRONT-END DEMONSTRATION Create New Account. Page 24](https://reader033.vdocuments.site/reader033/viewer/2022042310/5ed7a52e48b98015c2020db9/html5/thumbnails/16.jpg)
Page 14
HOW TO GET GOOGLE+ CLIENT ID
Step 4: Fill information in “OAuth consent screen” tab
![Page 17: FREE AJAX SUITE - Tigren AJAX SUITE FOR MAGENTO 2 User Guide Version: 1.2.0 Release Date: 19.09.2017 ... Social Login. Page 23 FRONT-END DEMONSTRATION Create New Account. Page 24](https://reader033.vdocuments.site/reader033/viewer/2022042310/5ed7a52e48b98015c2020db9/html5/thumbnails/17.jpg)
Page 15
HOW TO GET GOOGLE+ CLIENT ID
Step 5: Create OAuth client ID (cont.)
![Page 18: FREE AJAX SUITE - Tigren AJAX SUITE FOR MAGENTO 2 User Guide Version: 1.2.0 Release Date: 19.09.2017 ... Social Login. Page 23 FRONT-END DEMONSTRATION Create New Account. Page 24](https://reader033.vdocuments.site/reader033/viewer/2022042310/5ed7a52e48b98015c2020db9/html5/thumbnails/18.jpg)
Page 16
HOW TO GET GOOGLE+ CLIENT ID
Step 5: Create OAuth client ID
![Page 19: FREE AJAX SUITE - Tigren AJAX SUITE FOR MAGENTO 2 User Guide Version: 1.2.0 Release Date: 19.09.2017 ... Social Login. Page 23 FRONT-END DEMONSTRATION Create New Account. Page 24](https://reader033.vdocuments.site/reader033/viewer/2022042310/5ed7a52e48b98015c2020db9/html5/thumbnails/19.jpg)
Page 17
HOW TO GET GOOGLE+ CLIENT ID
Step 6: Copy Client ID to Google Client ID field (Configuration)
![Page 20: FREE AJAX SUITE - Tigren AJAX SUITE FOR MAGENTO 2 User Guide Version: 1.2.0 Release Date: 19.09.2017 ... Social Login. Page 23 FRONT-END DEMONSTRATION Create New Account. Page 24](https://reader033.vdocuments.site/reader033/viewer/2022042310/5ed7a52e48b98015c2020db9/html5/thumbnails/20.jpg)
Page 18
HOW TO GET TWITTER CONSUMER KEY/ SECRET
Step 1: Go to the page https://apps.twitter.com/ & Create New App
![Page 21: FREE AJAX SUITE - Tigren AJAX SUITE FOR MAGENTO 2 User Guide Version: 1.2.0 Release Date: 19.09.2017 ... Social Login. Page 23 FRONT-END DEMONSTRATION Create New Account. Page 24](https://reader033.vdocuments.site/reader033/viewer/2022042310/5ed7a52e48b98015c2020db9/html5/thumbnails/21.jpg)
Page 19
HOW TO GET TWITTER CONSUMER KEY/ SECRET
Step 2: Create an application
![Page 22: FREE AJAX SUITE - Tigren AJAX SUITE FOR MAGENTO 2 User Guide Version: 1.2.0 Release Date: 19.09.2017 ... Social Login. Page 23 FRONT-END DEMONSTRATION Create New Account. Page 24](https://reader033.vdocuments.site/reader033/viewer/2022042310/5ed7a52e48b98015c2020db9/html5/thumbnails/22.jpg)
Page 20
HOW TO GET TWITTER CONSUMER KEY/ SECRET
Step 3: Copy Consumer Key & Consumer Secret and fill in Configuration
![Page 23: FREE AJAX SUITE - Tigren AJAX SUITE FOR MAGENTO 2 User Guide Version: 1.2.0 Release Date: 19.09.2017 ... Social Login. Page 23 FRONT-END DEMONSTRATION Create New Account. Page 24](https://reader033.vdocuments.site/reader033/viewer/2022042310/5ed7a52e48b98015c2020db9/html5/thumbnails/23.jpg)
Page 21
FRONT-END DEMONSTRATION
Normal Login
![Page 24: FREE AJAX SUITE - Tigren AJAX SUITE FOR MAGENTO 2 User Guide Version: 1.2.0 Release Date: 19.09.2017 ... Social Login. Page 23 FRONT-END DEMONSTRATION Create New Account. Page 24](https://reader033.vdocuments.site/reader033/viewer/2022042310/5ed7a52e48b98015c2020db9/html5/thumbnails/24.jpg)
Page 22
FRONT-END DEMONSTRATION
Social Login
![Page 25: FREE AJAX SUITE - Tigren AJAX SUITE FOR MAGENTO 2 User Guide Version: 1.2.0 Release Date: 19.09.2017 ... Social Login. Page 23 FRONT-END DEMONSTRATION Create New Account. Page 24](https://reader033.vdocuments.site/reader033/viewer/2022042310/5ed7a52e48b98015c2020db9/html5/thumbnails/25.jpg)
Page 23
FRONT-END DEMONSTRATION
Create New Account
![Page 26: FREE AJAX SUITE - Tigren AJAX SUITE FOR MAGENTO 2 User Guide Version: 1.2.0 Release Date: 19.09.2017 ... Social Login. Page 23 FRONT-END DEMONSTRATION Create New Account. Page 24](https://reader033.vdocuments.site/reader033/viewer/2022042310/5ed7a52e48b98015c2020db9/html5/thumbnails/26.jpg)
Page 24
FRONT-END DEMONSTRATION
Reset Password
![Page 27: FREE AJAX SUITE - Tigren AJAX SUITE FOR MAGENTO 2 User Guide Version: 1.2.0 Release Date: 19.09.2017 ... Social Login. Page 23 FRONT-END DEMONSTRATION Create New Account. Page 24](https://reader033.vdocuments.site/reader033/viewer/2022042310/5ed7a52e48b98015c2020db9/html5/thumbnails/27.jpg)
Page 25
4. Ajax Wishlist
![Page 28: FREE AJAX SUITE - Tigren AJAX SUITE FOR MAGENTO 2 User Guide Version: 1.2.0 Release Date: 19.09.2017 ... Social Login. Page 23 FRONT-END DEMONSTRATION Create New Account. Page 24](https://reader033.vdocuments.site/reader033/viewer/2022042310/5ed7a52e48b98015c2020db9/html5/thumbnails/28.jpg)
Page 26
CONFIGURATION
Admin Panel => AJAXSUITE => Ajax Wishlist
![Page 29: FREE AJAX SUITE - Tigren AJAX SUITE FOR MAGENTO 2 User Guide Version: 1.2.0 Release Date: 19.09.2017 ... Social Login. Page 23 FRONT-END DEMONSTRATION Create New Account. Page 24](https://reader033.vdocuments.site/reader033/viewer/2022042310/5ed7a52e48b98015c2020db9/html5/thumbnails/29.jpg)
Page 27
FRONT-END DEMONSTRATION
Without Login
![Page 30: FREE AJAX SUITE - Tigren AJAX SUITE FOR MAGENTO 2 User Guide Version: 1.2.0 Release Date: 19.09.2017 ... Social Login. Page 23 FRONT-END DEMONSTRATION Create New Account. Page 24](https://reader033.vdocuments.site/reader033/viewer/2022042310/5ed7a52e48b98015c2020db9/html5/thumbnails/30.jpg)
Page 28
FRONT-END DEMONSTRATION
Require Login
![Page 31: FREE AJAX SUITE - Tigren AJAX SUITE FOR MAGENTO 2 User Guide Version: 1.2.0 Release Date: 19.09.2017 ... Social Login. Page 23 FRONT-END DEMONSTRATION Create New Account. Page 24](https://reader033.vdocuments.site/reader033/viewer/2022042310/5ed7a52e48b98015c2020db9/html5/thumbnails/31.jpg)
Page 29
5. Ajax Compare
![Page 32: FREE AJAX SUITE - Tigren AJAX SUITE FOR MAGENTO 2 User Guide Version: 1.2.0 Release Date: 19.09.2017 ... Social Login. Page 23 FRONT-END DEMONSTRATION Create New Account. Page 24](https://reader033.vdocuments.site/reader033/viewer/2022042310/5ed7a52e48b98015c2020db9/html5/thumbnails/32.jpg)
Page 30
CONFIGURATION
Admin Panel => AJAXSUITE => Ajax Compare
![Page 33: FREE AJAX SUITE - Tigren AJAX SUITE FOR MAGENTO 2 User Guide Version: 1.2.0 Release Date: 19.09.2017 ... Social Login. Page 23 FRONT-END DEMONSTRATION Create New Account. Page 24](https://reader033.vdocuments.site/reader033/viewer/2022042310/5ed7a52e48b98015c2020db9/html5/thumbnails/33.jpg)
Page 31
FRONT-END DEMONSTRATION
![Page 34: FREE AJAX SUITE - Tigren AJAX SUITE FOR MAGENTO 2 User Guide Version: 1.2.0 Release Date: 19.09.2017 ... Social Login. Page 23 FRONT-END DEMONSTRATION Create New Account. Page 24](https://reader033.vdocuments.site/reader033/viewer/2022042310/5ed7a52e48b98015c2020db9/html5/thumbnails/34.jpg)
Page 32
6. Ajax Cart
![Page 35: FREE AJAX SUITE - Tigren AJAX SUITE FOR MAGENTO 2 User Guide Version: 1.2.0 Release Date: 19.09.2017 ... Social Login. Page 23 FRONT-END DEMONSTRATION Create New Account. Page 24](https://reader033.vdocuments.site/reader033/viewer/2022042310/5ed7a52e48b98015c2020db9/html5/thumbnails/35.jpg)
Page 33
CONFIGURATION
Admin Panel => AJAXSUITE => Ajax Cart
Message after adding
products to cart
Cart information
![Page 36: FREE AJAX SUITE - Tigren AJAX SUITE FOR MAGENTO 2 User Guide Version: 1.2.0 Release Date: 19.09.2017 ... Social Login. Page 23 FRONT-END DEMONSTRATION Create New Account. Page 24](https://reader033.vdocuments.site/reader033/viewer/2022042310/5ed7a52e48b98015c2020db9/html5/thumbnails/36.jpg)
Page 34
SET UP RELATED PRODUCTS
Admin Panel => PRODUCTS => Catalog => Select a product
![Page 37: FREE AJAX SUITE - Tigren AJAX SUITE FOR MAGENTO 2 User Guide Version: 1.2.0 Release Date: 19.09.2017 ... Social Login. Page 23 FRONT-END DEMONSTRATION Create New Account. Page 24](https://reader033.vdocuments.site/reader033/viewer/2022042310/5ed7a52e48b98015c2020db9/html5/thumbnails/37.jpg)
Page 35
FRONT-END DEMONSTRATION
![Page 38: FREE AJAX SUITE - Tigren AJAX SUITE FOR MAGENTO 2 User Guide Version: 1.2.0 Release Date: 19.09.2017 ... Social Login. Page 23 FRONT-END DEMONSTRATION Create New Account. Page 24](https://reader033.vdocuments.site/reader033/viewer/2022042310/5ed7a52e48b98015c2020db9/html5/thumbnails/38.jpg)
Page 36
FRONT-END DEMONSTRATION
![Page 39: FREE AJAX SUITE - Tigren AJAX SUITE FOR MAGENTO 2 User Guide Version: 1.2.0 Release Date: 19.09.2017 ... Social Login. Page 23 FRONT-END DEMONSTRATION Create New Account. Page 24](https://reader033.vdocuments.site/reader033/viewer/2022042310/5ed7a52e48b98015c2020db9/html5/thumbnails/39.jpg)
Page 37
FRONT-END DEMONSTRATION
![Page 40: FREE AJAX SUITE - Tigren AJAX SUITE FOR MAGENTO 2 User Guide Version: 1.2.0 Release Date: 19.09.2017 ... Social Login. Page 23 FRONT-END DEMONSTRATION Create New Account. Page 24](https://reader033.vdocuments.site/reader033/viewer/2022042310/5ed7a52e48b98015c2020db9/html5/thumbnails/40.jpg)
Page 38
FRONT-END DEMONSTRATION
![Page 41: FREE AJAX SUITE - Tigren AJAX SUITE FOR MAGENTO 2 User Guide Version: 1.2.0 Release Date: 19.09.2017 ... Social Login. Page 23 FRONT-END DEMONSTRATION Create New Account. Page 24](https://reader033.vdocuments.site/reader033/viewer/2022042310/5ed7a52e48b98015c2020db9/html5/thumbnails/41.jpg)
Page 39
FRONT-END DEMONSTRATION
![Page 42: FREE AJAX SUITE - Tigren AJAX SUITE FOR MAGENTO 2 User Guide Version: 1.2.0 Release Date: 19.09.2017 ... Social Login. Page 23 FRONT-END DEMONSTRATION Create New Account. Page 24](https://reader033.vdocuments.site/reader033/viewer/2022042310/5ed7a52e48b98015c2020db9/html5/thumbnails/42.jpg)
Page 40
FRONT-END DEMONSTRATION
![Page 43: FREE AJAX SUITE - Tigren AJAX SUITE FOR MAGENTO 2 User Guide Version: 1.2.0 Release Date: 19.09.2017 ... Social Login. Page 23 FRONT-END DEMONSTRATION Create New Account. Page 24](https://reader033.vdocuments.site/reader033/viewer/2022042310/5ed7a52e48b98015c2020db9/html5/thumbnails/43.jpg)
Page 41
7. Customization
FREE AJAX SUITE EXTENSION for Magento 2 is 100% open source and
provided under General Public License (http://www.gnu.org/licenses/gpl.html)
You are allowed to customize the module to meet your requirements.
![Page 44: FREE AJAX SUITE - Tigren AJAX SUITE FOR MAGENTO 2 User Guide Version: 1.2.0 Release Date: 19.09.2017 ... Social Login. Page 23 FRONT-END DEMONSTRATION Create New Account. Page 24](https://reader033.vdocuments.site/reader033/viewer/2022042310/5ed7a52e48b98015c2020db9/html5/thumbnails/44.jpg)
Page 42
8. Customer Support
If you have any problems during Installation, do not hesitate to express with us.
Our support team are always available to support you and will definitely make
you satisfied.
Please submit a ticket to show your issues at: http://www.tigren.com/contact/
or send your request to: [email protected]