Jump to content

Icons by categories?


Guest simplyequine

Recommended Posts

Guest simplyequine

Does anyone know how I can add a small icon next to my categories, instead of the usual bullet point? I've put in a line of code with the image url but it isn't showing. The image is definitely there at the url.

I don't mean a big image that you get when you click on a category that you upload in admin. I mean a small image that appears by the side of each text link on the homepage etc.

Thanks

Link to comment
Share on other sites

I myself would be interested in knowing how to do this. The bullets are nice however a small gif or jpg would be nicer and would dress up the sites alot more. Maybe someone can post a link here to a tutorial on this??? I am sure that there are others that would use this as well.

Link to comment
Share on other sites

Guest hobwebs

The file you need to add these to is 'categories.tpl'

I can't post the link here but Convict's Expanding Categories Mod has these included and is well worth it. Available from the cubecart.org site.

Check out my homepage to see it in action - I changed the graphics from the ones included with the mod.

http://www.computersplus.co.uk/shop

Ju

Link to comment
Share on other sites

All you need to do is alter the CSS for the 'li'

For example:

For all lists...

li {

list-style-image: url(../folder/image.jpg);

}

There are other 'list-style' styles which may require adding to conpensate for the cascading styles. I recommend using a CSS editor which has the styles built in for you to chose from. Makes it so much easier.

Link to comment
Share on other sites

  • 1 month later...
Guest Mikes Web Dot Org

Thanks for that Robsta, it worked well ;)

Glad to be of help :D

That worked for me too! Thanks. Before I read your post I was using the "Background Image" for li. But you could still see the "black dot" in the apple. The website I am working... my4bittenfruit.com.

Sidebar... Anyone know if PAYPAY Website Pro will support "High Risk" websites?

Webmaster

MWDO

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...