product group list - re rollovers

[tazg101]

when my list off product groups is displayed on screen. using jpg icons. I want to change this so that they are rollover images. i have searched through this on the foums but have had no luck . I am using a custom built page and have not changed anything except act_primary page. any help would be great or a point into the right direction. thanks

[tazg101]

bump up, can anyone give me help?

[Ben]

Hi Taz

Does this kb article help?

[tazg101]

will look throught it, looks good tho. thanks a lot. do you know how to display the name off the group under the image as well or will i need to write this on the actual image?

[tazg101]

not getting this to work. all my images are blank now. how do i assign the images for the sections now?

[Ben]

The table for placing the section image and name is held in the Act_SectionLine.html template. You can rearrange the table cells to put the section name under the image.

The images are assigned in the Properties tab using the dropdown list to specify SECTIONIMAGE and SECTIONIMAGE2.

[tazg101]

so under value, do i type in the location of the file on my hardrive?

[tazg101]

right got the swap over images to work but not sure what to do bout the group name:

this is how my act_sectionline.html looks at current.

<!-- SectionLine HTML begin -->
<!-- Insert HTML for the beginning of a section title -->

<DIV ALIGN="LEFT">

<TABLE BORDER="0" CELLSPACING="0" CELLPADDING="10">

	<TR>

		<TD ALIGN="LEFT" VALIGN="TOP">
			<A HREF="NETQUOTEVAR:SECTIONLINK">
<img src="CUSTOMVAR:SECTIONIMAGE"alt="NETQUOTEVAR:SECTIONNAME"
onMouseOver="src='CUSTOMVAR:SECTIONIMAGE2' "
onMouseOut="src='CUSTOMVAR:SECTIONIMAGE' "
border="0">
</A>
		</TD>

		<TD ALIGN="LEFT" VALIGN="MIDDLE">
			<A HREF="NETQUOTEVAR:SECTIONLINK"><B>NETQUOTEVAR:SECTIONNAME</B></A>
			<br><span class="actxsmall">NETQUOTEVAR:SECTIONTEXT</span>
		</TD>

	</TR>

</TABLE>

</DIV>
NETQUOTEVAR:NEXT
<!-- Insert HTML for the end of a section title -->
<!-- SectionLine HTML end -->

[Ben]

Yes. (Tip: it's generally better to hold all images in your site directory for back-up purposes, and also that way, you only have to enter the image names in the field.) Also, be sure to tick 'Use as Customvar' and 'Is file name' as mentioned in the kb article.

[Ben]

It may not be exactly what you want, but very simply you could replace ...

</TD>

		<TD ALIGN="LEFT" VALIGN="MIDDLE">

... with ...

</TD>
	</TR>
	<TR>
		<TD ALIGN="LEFT" VALIGN="MIDDLE">

This will put the name and text below the image.

[tazg101]

the section name is not coming up at all. for example for monitor section, under the image off the monitor it will say "monitor" etc. i've had play round and can't seem it to display the name.

[cdicken]

Hi Taz

Check whether you have accidentally selected 'Images Only' in 'Design | Options | Sections' (or in the the 'Layout' tab of any of your sections).