MAGENTO

In this tutorial I am going to present how to create custom module in Magento 2.1. Below is a video representation to get you understand how exactly the commands work and how to create folder structure for a basic module in Magento 2.1 version. Creating a custom module in Magento 2.1 is more simpler than Magento 1.x versions.

JQUERY

In this tutorial we will Custom jquery image slider with “Nivo Slider jQuery Script” and CSS3. We will use the “Nivo Slider jQuery Script” because it’s a powerful tool and it’s free. This script has 16 transition effects, it’s simple, flexible and have a lot of more nice features.

MAGENTO

By using ajax with magento controller you can handle a lot of ajax process like removing product from cart through ajax, customer login via ajax through popup, showing an instant order date anywhere etc. To start with ajax process we need to follow below steps.

JQUERY

eq() function in jquery saves a lot of time and coding as it eliminates looping through nodes. The above jquery operation will log value 4 as eq(3) selects the 4th sibling of the parent element (.parent). The index starts from 0 as 1st element and so on. This method saves a lot of time and coding as it eliminates looping through nodes.