O'Reilly logo

OpenCart 1.4 Template Design Cookbook by Tahsin Hasan

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Adding a fisheye menu

In this recipe, we will add a popular fisheye menu into our store shop. We will create the images and change the codes.

Getting started

We will add a menu like this link: http://www.cssplay.co.uk/menus/fisheye8.html

How to do it

We will follow these steps:

  1. Like the previous recipe, we will use a fisheye menu from the cssplay website. Go to this link: http://www.cssplay.co.uk/menus/fisheye8.html. We will use it in our shop.
  2. We will use the Web developer tool to get the css style and related HTML code block for this fisheye menu.
  3. We get the following css code style for the menu from the View Source option:
    <style type="text/css"> /* ================================================================ This copyright notice must be untouched ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required