How can I do Category Image Mapping ?

Hi,

I am using opencart (Version 1.5.3.1) . I want to add image mapping on category image but i dont knw how can i do it ?

This is the url : http://www.scooterpartsindia.com/lml-ve ... body-parts

Here you can see the image with product numbers. what i want is " if some one click on 1 or 2 or 3 ..etc no. product then it automatically go to product listed below.

If some one really know the solution, let me know please how can i do this with database or without database ?


looking forward for reply.

Thanks!

You'll need to look at standard html tutorials for image mapping, there is a standard approach to the reference code in relationship to the image. You can find that in the first datadump page in any major engine.

You'll be looking at a map for a thumbnail, FOR EACH iteration of the driving foreach that populates the page. It is there that you will have a problem. You might be better off with an admin Extensions / Modules / Welcome / Edit / Insert module edited and Saved while in Source mode for the edit box. There you can insert the series of categories and their own pictures and maps in a manageably static way, without fighting foreach FOR EACH go-round.

Hi Butte,

Thanks for your reply.

I checked image mapping in html i can do that but i need a perticular page with a particular image.

if i will l change any thing in standered "category" file that will apply to all pages of category.

As you told me i need to change inadmin/module/welcome/edit/insert . But i can not find welcome module there.
Should i download it and then need to change ?

if you don't mind can you please share your communication email id ? ( yahoo,skype...etc) for help me out ?


Thanks!

You would need to create a layout for that page in system > design > layouts and use that layout as an override for that category. Then assign the welcome module (extensions > modules > welcome) or one of the html anywhere type extension modules to that layout and put your html for your image map in that module set to display on that layout.