Links as buttons rather than text

[stualk]

Hi chaps,

I've always added product sections 'on the fly' as and when needed and listed the sections as text links. How can this be done with the product sections as image buttons instead of text links?

I also want to display only the sections down the left hand side rather than the full tree showing sub-sections etc. Is this achievable?

I'm using version 8.5 and the best seller layout.

[jont]

Stuart - you may be better ditching the Actinic controlled section lists and hand-coding instead ... this can be a pain if rapidly changing sections but allows better control and better SEO.

You can manage the level of sub-sections to display using the <block if> conditions so as to only show the top levels, first levels etc.

[stualk]

This is the code i've got for the links hierarchy. I've tried removing some of these block if statements but it doesn't leave me with the top level links like I was hoping it would. I also need to work out how to add the links as images rather than text, which presumably I can do just by putting in the usual html code for a rollover link.

How can I adjust this to show just the top level links?

<actinic:block if="%3cactinic%3avariable%20name%3d%22IsSectionIncludedInSiteMap%22%20%2f%3e" >
   <actinic:block if="%3cactinic%3avariable%20name%3d%22SectionLevelIsGreaterThan1%22%20%2f%3e">&nbsp;</actinic:block>
   <actinic:block if="%3cactinic%3avariable%20name%3d%22SectionLevelIsGreaterThan2%22%20%2f%3e">&nbsp;</actinic:block>
   <actinic:block if="%3cactinic%3avariable%20name%3d%22SectionLevelIsGreaterThan3%22%20%2f%3e">&nbsp;</actinic:block>
   <actinic:block if="%3cactinic%3avariable%20name%3d%22SectionLevelIsGreaterThan4%22%20%2f%3e">&nbsp;</actinic:block>
   <actinic:block if="%3cactinic%3avariable%20name%3d%22SectionLevelIsGreaterThan5%22%20%2f%3e">&nbsp;</actinic:block>
   <actinic:block if="%3cactinic%3avariable%20name%3d%22SectionLevelIsGreaterThan6%22%20%2f%3e">&nbsp;</actinic:block>
   <actinic:block if="%3cactinic%3avariable%20name%3d%22SectionLevelIsGreaterThan7%22%20%2f%3e">&nbsp;</actinic:block>
   <a href='<actinic:block if="%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20AND%0d%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e" ><actinic:variable name="SectionPageName" /></actinic:block><actinic:block if="%28%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20%3d%3d%20false%29%20OR%0d%28%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e%20%3d%3d%20false%29" ><actinic:variable name="SectionURL" /></actinic:block>'>
      -&nbsp;<Actinic:Variable Name="SectionName">
   </a>

[cdicken]

Try using this code instead:

<actinic:block type="TopLevelSectionList" >
			<a href="<actinic:block if="%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20AND%0d%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e" ><actinic:variable name="SectionPageName" /></actinic:block><actinic:block if="%28%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20%3d%3d%20false%29%20OR%0d%28%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e%20%3d%3d%20false%29" ><actinic:variable name="SectionURL" /></actinic:block>" target="_self">
            <img alt="<actinic:variable name="SectionName" encoding="strip"/>" src="<actinic:variable Name="SectionImageFileName"/>" border="0" />
         </a>
         <br />
</actinic:block>

This will insert a vertical list of images for the main sections into your design.