Magento 2 Ajax Login and Add to Wishlist

Installation and User Guide for Magento 2 AJAX Login and Add to Wishlist

Table of Contents

  1. Installation

    • Installation via app/code

    • Installation via Composer

  2. Front-end site view

    • Ajax Add to Wishlist - Ajax SignIn Popup

    • Ajax Add to Wishlist – Ajax Create an Account Popup

    • Ajax Add to Wishlist – Mini Cart Drop-Down Slider

    • Limit The Quantity of Products to Show In The Cart Slider

    • Ajax Add to Wishlist – Ajax Add to Wishlist Popup

    • Ajax Add to Wishlist – Ajax Add to Wishlist Confirmation Message

    • Ajax Add to Wishlist – Wishlist Products Under my Account – My Wishlist Section

Installation

  • Installation via app/code: Upload the content of the module to your root folder. This will not overwrite the existing Magento folder or files, only the new contents will be added. After the successful upload of the package, run below commands on Magento 2 root directory.

php bin/magento setup:upgrade
php bin/magento setup:di:compile
php bin/magento setup:static-content:deploy
  • Installation via Composer: Please follow the guide provided in the below link to complete the installation via composer.

pageInstallation Via Composer

Configuration Settings for Ajax Login & Wishlist

Go to Admin > Stores > Configuration > Scommerce Configuration > Ajax Login & Wishlist

General Settings

  • Enabled - Select “Yes” or “No” to enable or disable the module.

  • License Key - Please add the license for the extension which is provided in the order confirmation email. Please note license keys are site URL specific. If you require license keys for dev/staging sites then please email us at core@scommerce-mage.com

  • Enable Ajax Wish List – Select “Yes” or “No” to enable or disable the Ajax Wish List.

  • Enable Ajax Login – Select “Yes” or “No” to enable or disable the Ajax Login

  • Enable Slide Down Mini Cart – Select “Yes” or “No” to enable or disable slide down effect of mini cart after adding item to the basket.

Front-end site view

Ajax Add to Wishlist - Ajax SignIn Popup

No more waiting to be redirected to the Sign In page. When you click on Sign in a pop-up will appear on your screen and you will be able to login to the site without reloading the page. It is great for ease of access as well as saves time. Also, it does not matter which page you are browsing the pop-up will work with most pages. To enable the Ajax login feature first login to your admin panel.

Ajax Add to Wishlist – Ajax Create an Account Popup

Enables users to create an account or register on the website via a pop-up. Initially upon clicking on create an account users were redirected to a different page but now you can stay where you are browsing and create an account without having to reload or redirect the page. It makes convenient for new users to gain access.

You can toggle this feature on or off by loggin into your admin panel and then going to the path Stores > Configuration > Scommerce Configuration > Ajax Login & Wishlist. There will be flag named Enable Ajax Login you can select “Yes” or “No” from the drop-down that will turn this feature on or off.

Ajax Add to Wishlist – Mini Cart Drop-Down Slider

When products are added to the cart a drop-down slider appears in the mini cart. It makes easy for users to keep track of their products that they have added to the cart. You can scroll down to browse your products in the cart. The number of products to appear in the list can be changed from settings.

This feature can be enabled or disabled from the admin panel. First Login to your admin panel then go to the following path Stores > Configuration > Scommerce Configuration > Ajax Login & Wishlist. There you will have an option named

Enable slide down mini cart, from the drop-down menu select “Yes/No” to Enable/Disable this feature.

Limit the Quantity of Products to Show in the Cart Slider

Also, you can limit the quantity of products to show in the cart slider. You can do that by going into Stores > Configuration > Sales > Checkout > Shopping cart sidebar. There you will see an option named Number of items to display scrollbar. Here enter your quantity and the scrollbar will appear after that many number of products are added to the cart.

Ajax Add to Wishlist – Ajax Add to Wishlist Popup

Generally, when a product is added to the wishlist you are redirected to another page but while this setting is enabled you will be able to add products to wishlist without redirecting or reloading the page. If you are not signed In, a pop-up will appear on the screen saying either sign in or create an account. This feature can be enabled

or disabled by log in to your admin panel then going to the path Stores > Configuration > Scommerce Configuration > Ajax Login & Wishlist. Here you will see an option named Enable Ajax Wish List, from the drop-down select Yes/No to Enable/Disable this functionality.

Ajax Add to Wishlist – Ajax Add to Wishlist Confirmation Message

While this option is enabled when any product is added to the cart you will receive a pop-up message on the screen showing your product has been successfully added to the wishlist. Keep in mind you need to be logged in to add products to wishlist.

Ajax Add to Wishlist – Wishlist Products Under my Account – My Wishlist Section

All the products added to the wishlist should be visible under your account under the wishlist section. Add multiple products to Wishlist without reloading the page every time and view them listed in the wishlist section of your account.

If you have a question related to this extension please check out our FAQ Section first. If you can't find the answer you are looking for then please contact support@scommerce-mage.com.

Last updated