Introduction

The Magento widgets system is a graphical interface where you can configure blocks in the frontend. For every widget, there is a configuration page available where you can set the required values for that widget.

With a Magento widget, you can configure the layout instructions to show the widget at several places in the frontend.

In this chapter, we will create a new module in which we will create our own widget. We will create a product slider with the products of a category that we can configure in that widget.

When we are done with the technical part (configuration page, block class, template initialization), we can finish with its representation in the frontend. We will create a product list that we will style with a jQuery slider script.