Finalizing the theming

The widget we made in the frontend does not invite us to buy some products. It is just a list with the names of the products from a category.

In this recipe, we will finalize the theming of the widget. We will create an HTML output that shows an image, name, and price of the given products.

With a jQuery plugin, we will convert the HTML output to a slider so we can scroll through the products.

Getting ready

Search for a good jQuery carousel on the Internet. In this recipe, we will use http://caroufredsel.dev7studios.com/.

How to do it...

The following steps describe the last set of actions to complete the widget:

  1. Let's generate a good HTML that is usable for the jQuery plugin. Add the following code to the list.phtml template: ...

Get Magento 1.8 Development Cookbook now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.