Installing and customizing Superfish

[fbmondia]

Hi All,

I was looking for a horizontal drop down menu bar and found superfish as the recommended module to do it. However, I could not find an installation and user guide for it.

If someone knows, please point me to it.

[pgmarshall]

Have a look at the pgm template - it is already in there.

Regards,

[fbmondia]

Hi pgmarshall,

Thanks for the reply. I went to my templates directory to see if I can find the pgm template. I'm using oscmax v2.0.25.

[pgmarshall]

oscmax2 - Project Hosting on Google Code

[fbmondia]

Hi pgmarshall,

I took a look at the template and I have some questions. The simple way to be able to install it would be just to use the template but I think it's not possible because download is not possible. I'm also worried about compatibility issues since it's for 2.1, not for 2.0 branch.

So I would like to ask what is the bare minimum files that I will need to download to be able to make it appear in my site? I also examined the code of the main page to see where it placed the invocation of the superfish menu but could not find it.

If possible, can you also provide me with a rough outline what to get this to appear? From the looks of things, a simple copy and paste will not be sufficient.

[fbmondia]

Hi pgmarshall,

would just like to update on my previous post. I already found the code for using the superfish menu at line 204. How do I link this to the actual categories of my site? Looking at it, seems like the example did it manually.

[pgmarshall]

It does do it manually - since your categories are unlikely to change very often once you have constructed your store I didn't see the point of coding up an admin interface to simply put in 6 or 7 links.

You could download the template using SVN or just copy and paste the code from the google code link I posted.

The pgm template is a pretty big rewrite of quite a lot of the code in v2.0.25 which is now mostly included in v2.1 ... I can see no reason why it would not work for v2.0.25.

You will need all the javascript files in the javascript folder in pgm template - lines 13 - 33, 42 - 59 and 204 -221.

Hope this gets you started.

Regards,

[fbmondia]

Hi pg,

I was able to download the pgm theme and it worked like a charm, no code tinkering necessary. It saved me a lot of work for when I was trying to modify to default fallback theme.

Thanks for all your help.

[fbmondia]

Hi pg,

The question still remains, how do I link the menus to the actual categories?

[pgmarshall]

Just hold your mouse over the category you want to link to in the categories infobox. Copy down the URL and shove it in the <li> bit.

http://localhost/testing2.1/catalog/index.php?cPath=6&osCsid=d8qc61s6na5c0oqquuu002n3b5

<li><a href="<?php echo tep_href_link(FILENAME_DEFAULT, 'cPath=6'); ?>" title=""><span>Category 1</span></a>

Using the pgm template does mean that your store will be using code stored in the pgm template rather than some of the code in the main core. For example, it has its own product listing modules, shopping cart etc. (Also the shopping cart in the header does not use Gift vouchers so you would need to keep the infobox on)

Have fun with it.

Regards,