Images in category list

[kevine]

Hello All!

Please forgive a newbie question. I am customiznig the Best Sellers Theme iun Developer.

I was wondering if it is possible to place image sinstead of text in the categories section. A client wants to stylize the categories section of the store we are designing for them and I was wondering what my options are to make it look a little "cooler"?

I was hoping I might be able to add some images with the category names in a GIF or JPG file. That way I can make them more consistent with the look and feel of the rest of the site.

Or at least add a CSS style that would set the copy in a particular font/size and then have them change colour on a hover or rollover.

Can any one tell me what file to edit to accomplish both or eother of these ideas?

Any help or advice is appreciated.

Cheers!
Kevin

[Jan]

In any section (your category I think) in Actinic you can choose to display subsections as images, you can do this for individual sections by changing the values in 'Location and Arrangement of Section Lists', you can also specify a number of rows at this point as well. If you want to change this for all sections in the store you can change 'Location and Arrangement of Section Lists' in Design / Options on the sections tab.

Regards,

[kevine]

I may not have been clear but I would like to "stylize" the categories list that is on the lef thand side of that design on every page. The one where you can jsut click on a section name to go to that section.

I would like to either add some CSS to that section copy to make it a bit more consistent or even change the copy into images that match the rest of the site. ON the "bestseller" theme this is the section that appears below the checkout button and the Items in cart area.

Hope that is a better explanation. Sorry for any confusion.

Cheers!
Kevin

[Nadeem]

Hi Kevin

If you open the Act_Primary.html template, you should see that the sections is coming from a javascript. The javascript that Best Seller uses is YahooSections, and the function is on line 22. If you look at line 29 you should see the following code

 strIDs += '<a href="' + ar[i].sURL + '"><span class="actxxsmall"><b><font color="NETQUOTEVAR:FGCOLORCSS">' + ar[i].sName + '</font></b></span></a><br>';

Simply change the span class to your own css class

Please try this

Kind Regards