Use images for section list links

Building on Mary’s upm_category_image plugin which provides us with the functionality to replace text links to categories with linked images, this tip suggests a method which can produce similar results for a section list. This is made possible with Stef’s smd_gallery.

  1. Download, install and activate the smd_gallery plugin

The method

  1. Create an image category named “section-images”.
  2. Upload one image for each section you have.
  3. Change the “name” field of the image with that of the section you would like the image to be linked to.
  4. Allocate the image category “section-images” for the images and save.

The code

<ul><txp:smd_gallery form="section-links" category="section-images" /></ul>

and the section-links form:

<li><a rel="section" href="<txp:site_url />{name}/"><img src="<txp:site_url />images/{imagedef}" title="{caption}" alt="{alt}" thumb="1" /></a></li>
comments powered by Disqus