Embed Size (px)
Citation preview
FREE AJAX SUITEFOR MAGENTO 2
User GuideVersion: 1.1.0
Release Date: 08.06.2017
Product Page: Ajax Suite
Support: [email protected]
C O P Y R I G H T © 2 0 1 7
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
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 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 3
3. Ajax Login
Page 4
GENERAL SETTINGS
CONFIGURATION
Admin Panel => AJAXSUITE => Ajax Login
Page 5
SOCIAL LOGIN SETTINGS
CONFIGURATION
Page 6
HOW TO GET FACEBOOK APP ID
Step 1: Go to the page https://developers.facebook.com/
Page 7
HOW TO GET FACEBOOK APP ID
Step 2: Create App
After that, submit catcha for security check
Page 8
HOW TO GET FACEBOOK APP ID
Step 3: Choose Platform in Dashboard - Website
Page 9
HOW TO GET FACEBOOK APP ID
Step 4: Add URL of your site
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 11
HOW TO GET GOOGLE+ CLIENT ID
Step 1: Go to the page https://console.developers.google.com/ & Create new project
Page 12
HOW TO GET GOOGLE+ CLIENT ID
Step 2: Add project name
Page 13
HOW TO GET GOOGLE+ CLIENT ID
Step 3: Create API Key
Page 14
HOW TO GET GOOGLE+ CLIENT ID
Step 4: Fill information in “OAuth consent screen” tab
Page 15
HOW TO GET GOOGLE+ CLIENT ID
Step 5: Create OAuth client ID (cont.)
Page 16
HOW TO GET GOOGLE+ CLIENT ID
Step 5: Create OAuth client ID
Page 17
HOW TO GET GOOGLE+ CLIENT ID
Step 6: Copy Client ID to Google Client ID field (Configuration)
Page 18
HOW TO GET TWITTER CONSUMER KEY/ SECRET
Step 1: Go to the page https://apps.twitter.com/ & Create New App
Page 19
HOW TO GET TWITTER CONSUMER KEY/ SECRET
Step 2: Create an application
Page 20
HOW TO GET TWITTER CONSUMER KEY/ SECRET
Step 3: Copy Consumer Key & Consumer Secret and fill in Configuration
Page 21
FRONT-END DEMONSTRATION
Normal Login
Page 22
FRONT-END DEMONSTRATION
Social Login
Page 23
FRONT-END DEMONSTRATION
Create New Account
Page 24
FRONT-END DEMONSTRATION
Reset Password
Page 25
4. Ajax Wishlist
Page 26
CONFIGURATION
Admin Panel => AJAXSUITE => Ajax Wishlist
Page 27
FRONT-END DEMONSTRATION
Without Login
Page 28
FRONT-END DEMONSTRATION
Require Login
Page 29
5. Ajax Compare
Page 30
CONFIGURATION
Admin Panel => AJAXSUITE => Ajax Compare
Page 31
FRONT-END DEMONSTRATION
Page 32
6. Ajax Cart
Page 33
CONFIGURATION
Admin Panel => AJAXSUITE => Ajax Cart
Message after adding
products to cart
Cart information
Page 34
SET UP RELATED PRODUCTS
Admin Panel => PRODUCTS => Catalog => Select a product
Page 35
FRONT-END DEMONSTRATION
Page 36
FRONT-END DEMONSTRATION
Page 37
FRONT-END DEMONSTRATION
Page 38
FRONT-END DEMONSTRATION
Page 39
FRONT-END DEMONSTRATION
Page 40
FRONT-END DEMONSTRATION
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 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]
