Create a sitemap in Typo3 with images

I needed a sitemap with images. I looked for a solution and I found a nice tutorial. With some minor changes I managed to create the desired sitemap. The images are uploaded in the media section of each page.
So:

1. Edit the TScongfig of the RootPage adding the following lines (this will add a new menu type in the sitemap content element):
TCEFORM.tt_content.menu_type {
addItems {
99 = Page with abstract and image
}
}

2. Add the following lines at the bottom of the TypoScript Template
tt_content.menu.20 = CASE
tt_content.menu.20.key.field = menu_type
tt_content.menu.20.99 < temp.PageWithImage

3. Finally, create a HMENU as follows

	temp.PageWithImage = HMENU
	temp.PageWithImage {
	special = directory
	special.value = 4
	1 = TMENU
	1 {
	NO {
	allWrap = <div class="some_class">|</div>
	beforeImg {
	import = uploads/media/
	import.field = media
	import.listNum = 0
	width = 123
	}
	beforeImgLink = 1
	beforeWrap = <div class="image_class">|</div>
	linkWrap = <div class="link_class">|</div>
	after = TEXT
	after {
	field = abstract
	wrap = <div class="text_class">|</div>
	}
	}
	}
	}

view raw gistfile1.txt hosted with ❤ by GitHub