EXT: A1 Teasermenu¶

What does it do?¶

The A1 Teasmenu extension displays an automatically generated overview for subpages or a selection of pages.

You can add two images per subpage for the teaser rollover image. The appearance of the teaser page can be defined by changing the HTML- template and via CSS.

Screenshots¶

Configuration¶

Download and activate the extension in the extension manager.

Add a new content element of the type “ Menu/Sitemap ” to the overview page.

Edit the new content element:

Select content element type “ Menu/Sitemap ”

Select menu type “ A1 Teasermenu ”

Add one or more startingpoints

Select the number of columns for the teaser.

Define the teaser type: Menu of subpages: teaser menu is generated from the subpages of the defined pages Menu of pages: adds each single page to the teaser menu

To add images and descriptions to the pages, you have to edit each page header:

Change the page type to “ Advanced ”.

Enter the short description of the page into the field “ Abstract ”.

Finally add up to two images. The first image is the default, the optional second image is shown on rollover.

Edit template (EXT:a1_teasermenu/pi1/a1_teasermenu.tmpl):

You can format the table around using CSS (class tx-a1teasermenu-pi1). You can use typoscript setup und constants to tweak the image and some textfields.

The following markers are substituted:

• ###IMAGE### - The code for the menuimage, including code for rollover (2nd Image)
• all othe fields in the page-row (uppercased, ###ABSTRACT###, ###TITLE###,etc.)

The following subparts are substituted:

###LINK_ITEM### - The link to the page

Thats it!

Reference¶