---
description: Updated on February 17, 2022  Bluesky Team
---

# Ajax Suite

### Overview

AjaxSuite module, like ajaxsuite, has been applied ajax technology, helping to improve the UI/UX of the website. Customers do not have to spend a lot of time reloading the page to view or interact with many functions such as viewing the shopping cart, viewing the comparison list or viewing the wishlist.

### How to Use

#### 1. Admin

Adminstrators can easily use and [configure](https://blueskytechmage.com/kalles/documentation/#ajaxsuitepg-howToConfigure) module **Ajax Suite** in Admin panel.

![](https://1228290169-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOKXJeKzPNYFTVQat5VJw%2Fuploads%2F8uir1Pcd7GiXsbCZAoSC%2Fajaxsuitemenu.png?alt=media\&token=f12c8953-0e00-40a0-918f-8ee47123d1e3)

#### 2. Customer

Customers can quickly interact with many functions such as:

*   **Shopping Cart**

    Ajax Cart will show popup or show mini cart after customers adding product to cart.

![](https://1228290169-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOKXJeKzPNYFTVQat5VJw%2Fuploads%2F4hWLzd4nRHGpXqvsVurU%2Fpopup_addtocart_1.png?alt=media\&token=fb1ac39e-8437-4eb4-835b-2133afd13671)

*   **Wishlist**

    When customers click to button **Add to Wishlist**(usually it will be heart shape), Ajax Wishlist will show the product popup or a login popup as follow.
*   **Compare**

    Ajax Compare will show product popup which customers have just clicked to **Add to Compare**



![](https://1228290169-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOKXJeKzPNYFTVQat5VJw%2Fuploads%2F3HAItzIEVNYPYT8vVa1y%2Fcompare_1.png?alt=media\&token=3fa399a3-edf3-4d65-99d7-36156cf45bfc)

### How to Configure

Login to your backend page, then go to <mark style="color:red;">`BLUESKYTECHCO > Ajax Suite`</mark>.

#### 1. General Options

*   **General Options**



    In the **Enabled AjaxSuite** field: Select **Yes** if you want to enable **Ajax Suite** module.

![](https://blueskytechmage.com/kalles/pub/documentation/images/Ajgeneral.png)



* **Ajax Cart**

![](https://blueskytechmage.com/kalles/pub/documentation/images/AjAjaxCart.png)

* In the **Enable** field: Select **Yes** if you want to enable **Ajax Cart**.
* In the **Action after Add to cart Success** field:
*   **Popup**: After add to cart, an information popup will be shown.


* **Show Minicart**: After add to cart, Minicart will be shown.

![](https://1228290169-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOKXJeKzPNYFTVQat5VJw%2Fuploads%2F4hWLzd4nRHGpXqvsVurU%2Fpopup_addtocart_1.png?alt=media\&token=fb1ac39e-8437-4eb4-835b-2133afd13671)

![](https://1228290169-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOKXJeKzPNYFTVQat5VJw%2Fuploads%2FiCv9KLw92kuRbBzFO6DY%2Fpopup_addtocart_2.png?alt=media\&token=a7a9b7ed-59fe-4338-acce-b3a27eee126c)

* **Ajax Wishlist**

![](https://1228290169-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOKXJeKzPNYFTVQat5VJw%2Fuploads%2FNIPiz7Zu5lsPlENTBXLc%2Fajwishlistsetting.png?alt=media\&token=a14e59d0-5b3f-4020-af83-ec900c28473b)

* In the **Enable** field: Select **Yes** if you want to enable **Ajax Cart**.
* In the **Title** field: Insert the Title of login popup.
* In the **Description** field: Insert the Description of login popup.
* In the **Login Popup Logo** field: Setup the Logo of login popup.
* In the **Background Image Popup** field: Insert the Background of login popup.
* **Ajax Compare**

![](https://1228290169-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOKXJeKzPNYFTVQat5VJw%2Fuploads%2FOTKlGo7vVILTHCJkatwg%2FAjajaxCompare.png?alt=media\&token=4e041d11-7462-4302-a184-f340bcf0a1cf)

In the **Enable** field: Select **Yes** if you want to enable **Ajax Compare**.

Copyright © 2022 [Blueskytechco.com](https://blueskytechco.com/). All Rights Reserved.
