FREE AJAX SUITE. User Guide FOR MAGENTO 2. Version: Release Date: Product Page: Ajax Suite. Support:

Transcription

1 FREE AJAX SUITE FOR MAGENTO 2 User Guide Version: Release Date: Product Page: Ajax Suite Support: info@tigren.com C O P Y R I G H T 2017

2 TABLE OF CONTENTS Installation. 1 Ajax Suite....2 Ajax Login...3 Ajax Wishlist Ajax Compare..29 Ajax Cart..32 Customization...41 Customer Support....42

3 1. Installation Page 1 Download Extension Download the extension on the website: Unpack Zip File After downloading, unpack the extension zip file Run Following Commands php 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 Upload Files Upload all the files from the extension package to the root folder of your Magento installation

4 2. Ajax Suite Admin Panel => AJAXSUITE => Ajax Suite Or: Admin Panel => STORES => Configuration => TIGREN EXTENSIONS => Ajax Suite Page 2 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.

5 3. Ajax Login Page 3

6 CONFIGURATION Admin Panel => AJAXSUITE => Ajax Login Page 4 GENERAL SETTINGS

7 Page 5 CONFIGURATION SOCIAL LOGIN SETTINGS

8 HOW TO GET FACEBOOK APP ID Page 6 Step 1: Go to the page

9 HOW TO GET FACEBOOK APP ID Page 7 Step 2: Create App After that, submit catcha for security check

10 HOW TO GET FACEBOOK APP ID Page 8 Step 3: Choose Platform in Dashboard - Website

11 HOW TO GET FACEBOOK APP ID Step 4: Add URL of your site Page 9

12 HOW TO GET FACEBOOK APP ID Page 10 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

13 HOW TO GET GOOGLE+ CLIENT ID Page 11 Step 1: Go to the page & Create new project

14 HOW TO GET GOOGLE+ CLIENT ID Page 12 Step 2: Add project name

15 HOW TO GET GOOGLE+ CLIENT ID Page 13 Step 3: Create API Key

16 HOW TO GET GOOGLE+ CLIENT ID Step 4: Fill information in OAuth consent screen tab Page 14

17 HOW TO GET GOOGLE+ CLIENT ID Page 15 Step 5: Create OAuth client ID (cont.)

18 HOW TO GET GOOGLE+ CLIENT ID Page 16 Step 5: Create OAuth client ID

19 HOW TO GET GOOGLE+ CLIENT ID Page 17 Step 6: Copy Client ID to Google Client ID field (Configuration)

20 HOW TO GET TWITTER CONSUMER KEY/ SECRET Page 18 Step 1: Go to the page & Create New App

21 HOW TO GET TWITTER CONSUMER KEY/ SECRET Page 19 Step 2: Create an application

22 HOW TO GET TWITTER CONSUMER KEY/ SECRET Page 20 Step 3: Copy Consumer Key & Consumer Secret and fill in Configuration

23 FRONT-END DEMONSTRATION Page 21 Normal Login

24 FRONT-END DEMONSTRATION Page 22 Social Login

25 FRONT-END DEMONSTRATION Page 23 Create New Account

26 FRONT-END DEMONSTRATION Page 24 Reset Password

27 4. Ajax Wishlist Page 25

28 Page 26 CONFIGURATION Admin Panel => AJAXSUITE => Ajax Wishlist

29 Page 27 FRONT-END DEMONSTRATION Without Login

30 Page 28 FRONT-END DEMONSTRATION Require Login

31 5. Ajax Compare Page 29

32 CONFIGURATION Admin Panel => AJAXSUITE => Ajax Compare Page 30

33 FRONT-END DEMONSTRATION Page 31

34 6. Ajax Cart Page 32

35 CONFIGURATION Admin Panel => AJAXSUITE => Ajax Cart Page 33 Message after adding products to cart Cart information

36 SET UP RELATED PRODUCTS Admin Panel => PRODUCTS => Catalog => Select a product Page 34

37 FRONT-END DEMONSTRATION Page 35

38 FRONT-END DEMONSTRATION Page 36

39 FRONT-END DEMONSTRATION Page 37

40 FRONT-END DEMONSTRATION Page 38

41 FRONT-END DEMONSTRATION Page 39

42 FRONT-END DEMONSTRATION Page 40

43 7. Customization Page 41 FREE AJAX SUITE EXTENSION for Magento 2 is 100% open source and provided under General Public License ( You are allowed to customize the module to meet your requirements.

44 8. Customer Support Page 42 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: or send your request to: info@tigren.com