NAVIGATION
This shows you the differences between two versions of the page.
|
3rd-party-modules:catalogue:catalogue-docu:catalogue-docu-examples:catalogue-docu-examples-tmplchanger [2012/05/28 23:34] Peter Bracher created |
3rd-party-modules:catalogue:catalogue-docu:catalogue-docu-examples:catalogue-docu-examples-tmplchanger [2018/06/03 18:08] (current) |
||
|---|---|---|---|
| Line 1: | Line 1: | ||
| - | {{indexmenu_n>100}} | + | {{indexmenu_n>900}} |
| ====== Template Changer ====== | ====== Template Changer ====== | ||
| Line 24: | Line 24: | ||
| - | <!--######### WHOLE LIST ##########//--> | + | <!--######### LISTING ##########//--> |
| - | <!--CATALOG_LIST_HEAD_START//--> | + | <!--CATALOG_LIST_HEAD_START//--> |
| [CP_TITLE]<h3>{CP_TITLE}</h3>[/CP_TITLE] | [CP_TITLE]<h3>{CP_TITLE}</h3>[/CP_TITLE] | ||
| [CP_SUBTITLE]<h4>{CP_SUBTITLE}</h4>[/CP_SUBTITLE] | [CP_SUBTITLE]<h4>{CP_SUBTITLE}</h4>[/CP_SUBTITLE] | ||
| - | <div class="catalog_menu"> | + | <div class="ctg_menu"> |
| {FILTER_0} | {FILTER_0} | ||
| - | </div> | + | </div> |
| - | <div class="catalog_filter" style="float:right;"> | + | <div class="ctg_filter" style="float:right;"> |
| - | <form method='post' name='catalogfilterform' action='{BACKLINK}' class='catalog_filter_form'> | + | <form method='post' name='ctgfilterform' action='{BACKLINK}' class='ctg_filter_form'> |
| - | <table width="100%" cellspacing="3" cellpadding="0" border="0"> | + | <table width="100%" cellspacing="3" cellpadding="0" border="0"> |
| - | <tr> | + | <tr> |
| - | <td>{FILTER_1}</td> | + | <td>{FILTER_1}</td> |
| - | <td>{FILTER_2}</td> | + | <td>{FILTER_2}</td> |
| - | <td><input type="text" name="ctgsearch" value="{SEARCHTEXT}" /></td> | + | <td><input type="text" name="ctgsearch" value="{SEARCHTEXT}" /></td> |
| - | <td><input type="image" name="gofilter" src="picture/layout/search.gif" class="filter_button" /></td> | + | <td><input type="image" name="gofilter" src="picture/layout/search.gif" class="filter_button" /></td> |
| - | <td><a href="{BACKLINK}&ctgtmpl=1" title="Kartenansicht"><img src="picture/layout/map.gif" width="22" height="22" border="0" alt="Kartenansicht" /></a></td> | + | <td><a href="{BACKLINK}&amp;ctgtmpl=1" title="Kartenansicht"><img src="picture/layout/map.gif" width="22" height="22" border="0" alt="Kartenansicht" /></a></td> |
| - | <td><a href="#" title="Listenansicht"><img src="picture/layout/list.gif" width="22" height="22" border="0" alt="Listenansicht" /></a></td> | + | <td><a href="#" title="Listenansicht"><img src="picture/layout/list.gif" width="22" height="22" border="0" alt="Listenansicht" /></a></td> |
| - | <td><a href="{BACKLINK}&ctgtmpl=2" title="Bilderansicht"><img src="picture/layout/pics.gif" width="22" height="22" border="0" alt="Bilderansicht" /></a></td> | + | <td><a href="{BACKLINK}&amp;ctgtmpl=2" title="Bilderansicht"><img src="picture/layout/pics.gif" width="22" height="22" border="0" alt="Bilderansicht" /></a></td> |
| - | <td><a href="{RSS}" title="RSS Feed"><img src="picture/layout/rss.gif" width="22" height="22" border="0" alt="RSS Feed" /></a></td> | + | <td><a href="{RSS}" title="RSS Feed"><img src="picture/layout/rss.gif" width="22" height="22" border="0" alt="RSS Feed" /></a></td> |
| - | </tr> | + | </tr> |
| - | </table> | + | </table> |
| - | </form> | + | </form> |
| - | </div> | + | </div> |
| - | <div class="catalog_list_entries"> | + | <div class="ctg_list_entries"> |
| <!--CATALOG_LIST_HEAD_END//--> | <!--CATALOG_LIST_HEAD_END//--> | ||
| <!--CATALOG_LIST_SPACER_START//--> | <!--CATALOG_LIST_SPACER_START//--> | ||
| - | |||
| <!--CATALOG_LIST_SPACER_END//--> | <!--CATALOG_LIST_SPACER_END//--> | ||
| <!--CATALOG_LIST_ENTRY_START//--> | <!--CATALOG_LIST_ENTRY_START//--> | ||
| - | <div class="ctg_list_entry" id="catalog-listitem-{CATALOG_ID}"> | + | <div class="ctg_list_entry" id="ctg-listitem-{CATALOG_ID}"> |
| - | <a href="{CATALOG_LINK}" title="{TITLE}"> | + | <a href="{CATALOG_LINK}"> |
| - | [IMAGE] | + | [IMAGE]{IMAGE}[/IMAGE] |
| - | {IMAGE} | + | [TITLE]<span class="ctg_list_title">{TITLE}</span>[/TITLE] |
| - | [/IMAGE] | + | <span class="ctg_list_text">{TEXT}</span> |
| - | [TITLE]<h4>{TITLE}</h4>[/TITLE] | + | |
| - | {TEXT} | + | |
| </a> | </a> | ||
| </div> | </div> | ||
| Line 71: | Line 68: | ||
| <!--CATALOG_LIST_FOOTER_START//--> | <!--CATALOG_LIST_FOOTER_START//--> | ||
| - | </div> | + | </div> |
| - | <br style="clear:both;"/> | + | <div style="clear:both;"></div> |
| <!--CATALOG_LIST_FOOTER_END//--> | <!--CATALOG_LIST_FOOTER_END//--> | ||
| + | |||
| + | |||
| + | <!--######### DETAIL ENTRY ##########//--> | ||
| + | |||
| + | |||
| + | <!--CATALOG_DETAIL_HEAD_START//--> | ||
| + | [CP_TITLE]<h4>{CP_TITLE}</h4>[/CP_TITLE] | ||
| + | [CP_SUBTITLE]<h4>{CP_SUBTITLE}</h4>[/CP_SUBTITLE] | ||
| + | <!--CATALOG_DETAIL_HEAD_END//--> | ||
| + | |||
| + | |||
| + | <!--CATALOG_DETAIL_IMAGE_START//--> | ||
| + | [IMAGE]<div class="ctg_detail_image"> | ||
| + | {IMAGE}<br/> | ||
| + | <!-- {IMAGE_DESC} --></div>[/IMAGE] | ||
| + | <!--CATALOG_DETAIL_IMAGE_END//--> | ||
| + | |||
| + | |||
| + | <!--CATALOG_DETAIL_ENTRY_START//--> | ||
| + | <div class="ctg_detail_entry" id="ctg-entry-{CATALOG_ID}"> | ||
| + | <div style="width:100px;float:left;"> | ||
| + | <table width="100%" cellspacing="3" cellpadding="0" border="0"> | ||
| + | <tr> | ||
| + | <td><a href="{BACKLINK}" title="zurück"><img src="picture/layout/back.gif" width="22" height="22" border="0" alt="" /></a></td> | ||
| + | <td>[PRINT]<img src="picture/layout/print.gif" width="22" height="22" border="0" alt="" />[/PRINT]</td> | ||
| + | </tr> | ||
| + | </table> | ||
| + | <!--NO_PRINT_START//--><!--NO_PRINT_END//--> | ||
| + | </div> | ||
| + | |||
| + | [MAP]<div class="ctg_detail_map">{MAP}</div>[/MAP] | ||
| + | [IMAGES]<div class="ctg_detail_images">{IMAGES}</div>[/IMAGES] | ||
| + | <div class="ctg_detail_content"> | ||
| + | [TITLE]<h2>{TITLE}</h2>[/TITLE] | ||
| + | [TITLE2]<p class="ctg_detail_entry_title2">{TITLE2}</p>[/TITLE2] | ||
| + | <p>{ADDRESS}<br /> | ||
| + | {ZIP} {CITY}<br /> | ||
| + | </p> | ||
| + | |||
| + | [TEXT]{TEXT}[/TEXT] | ||
| + | [TEXT2]{TEXT2}[/TEXT2] | ||
| + | |||
| + | [FILE_NAME] | ||
| + | Dateibeschreibung:{FILE_DESC}<br /> | ||
| + | Download: <img src="img/icons/small_icon_{FILE_EXT}.gif" alt="" /><a href="{FILE_URL}" target="_blank" title="Diese Datei herunterladen">{FILE_NAME}</a><br /> | ||
| + | [/FILE_NAME] | ||
| + | |||
| + | </div> | ||
| + | </div> | ||
| + | <!--CATALOG_DETAIL_ENTRY_END//--> | ||
| + | |||
| + | <!--CATALOG_DETAIL_FOOTER_START//--> | ||
| + | <div style="clear:both;"></div> | ||
| + | <!--CATALOG_DETAIL_FOOTER_END//--> | ||
| </code> | </code> | ||
| - | //in the example we'll have an issue with invalid html in he entries, (h4 and p within a) but that's another story// | + | //in the example we'll have an issue with invalid html in the entries, (h4 and p within a) but that's another story// |
| \\ | \\ | ||
| Line 91: | Line 142: | ||
| - | <!--######### WHOLE LIST ##########//--> | + | <!--######### LISTING ##########//--> |
| - | <!--CATALOG_LIST_HEAD_START//--> | + | <!--CATALOG_LIST_HEAD_START//--> |
| [CP_TITLE]<h3>{CP_TITLE}</h3>[/CP_TITLE] | [CP_TITLE]<h3>{CP_TITLE}</h3>[/CP_TITLE] | ||
| [CP_SUBTITLE]<h4>{CP_SUBTITLE}</h4>[/CP_SUBTITLE] | [CP_SUBTITLE]<h4>{CP_SUBTITLE}</h4>[/CP_SUBTITLE] | ||
| - | <div class="catalog_menu"> | + | <div class="ctg_menu"> |
| {FILTER_0} | {FILTER_0} | ||
| - | </div> | + | </div> |
| - | <div class="catalog_filter" style="float:right;"> | + | <div class="ctg_filter" style="float:right;"> |
| - | <form method='post' name='catalogfilterform' action='{BACKLINK}' class='catalog_filter_form'> | + | <form method='post' name='catalogfilterform' action='{BACKLINK}' class='ctg_filter_form'> |
| <table width="100%" cellspacing="3" cellpadding="0" border="0"> | <table width="100%" cellspacing="3" cellpadding="0" border="0"> | ||
| <tr> | <tr> | ||
| Line 113: | Line 164: | ||
| </tr> | </tr> | ||
| </table> | </table> | ||
| - | </form> | + | </form> |
| - | </div> | + | </div> |
| [MAP]<div class="ctg_global_map">{MAP}</div>[/MAP] | [MAP]<div class="ctg_global_map">{MAP}</div>[/MAP] | ||
| - | <div class="catalog_list_entries"> | + | <div class="ctg_list_entries"> |
| <!--CATALOG_LIST_HEAD_END//--> | <!--CATALOG_LIST_HEAD_END//--> | ||
| <!--CATALOG_LIST_SPACER_START//--> | <!--CATALOG_LIST_SPACER_START//--> | ||
| - | |||
| <!--CATALOG_LIST_SPACER_END//--> | <!--CATALOG_LIST_SPACER_END//--> | ||
| Line 131: | Line 181: | ||
| <!--CATALOG_LIST_FOOTER_START//--> | <!--CATALOG_LIST_FOOTER_START//--> | ||
| - | </div> | + | </div> |
| - | <br style="clear:both;"/> | + | <div style="clear:both;"></div> |
| <!--CATALOG_LIST_FOOTER_END//--> | <!--CATALOG_LIST_FOOTER_END//--> | ||
| + | |||
| + | |||
| + | <!--######### DETAIL ENTRY ##########//--> | ||
| + | |||
| + | |||
| + | <!--CATALOG_DETAIL_HEAD_START//--> | ||
| + | [CP_TITLE]<h4>{CP_TITLE}</h4>[/CP_TITLE] | ||
| + | [CP_SUBTITLE]<h4>{CP_SUBTITLE}</h4>[/CP_SUBTITLE] | ||
| + | <!--CATALOG_DETAIL_HEAD_END//--> | ||
| + | |||
| + | |||
| + | <!--CATALOG_DETAIL_IMAGE_START//--> | ||
| + | [IMAGE]<div class="ctg_detail_image"> | ||
| + | {IMAGE}<br/> | ||
| + | <!-- {IMAGE_DESC} --></div>[/IMAGE] | ||
| + | <!--CATALOG_DETAIL_IMAGE_END//--> | ||
| + | |||
| + | |||
| + | <!--CATALOG_DETAIL_ENTRY_START//--> | ||
| + | <div class="ctg_detail_entry" id="ctg-entry-{CATALOG_ID}"> | ||
| + | <div style="width:100px;float:left;"> | ||
| + | <table width="100%" cellspacing="3" cellpadding="0" border="0"> | ||
| + | <tr> | ||
| + | <td><a href="{BACKLINK}" title="zurück"><img src="picture/layout/back.gif" width="22" height="22" border="0" alt="" /></a></td> | ||
| + | <td>[PRINT]<img src="picture/layout/print.gif" width="22" height="22" border="0" alt="" />[/PRINT]</td> | ||
| + | </tr> | ||
| + | </table> | ||
| + | <!--NO_PRINT_START//--><!--NO_PRINT_END//--> | ||
| + | </div> | ||
| + | |||
| + | [MAP]<div class="ctg_detail_map">{MAP}</div>[/MAP] | ||
| + | [IMAGES]<div class="ctg_detail_images">{IMAGES}</div>[/IMAGES] | ||
| + | <div class="ctg_detail_content"> | ||
| + | [TITLE]<h2>{TITLE}</h2>[/TITLE] | ||
| + | [TITLE2]<p class="ctg_detail_entry_title2">{TITLE2}</p>[/TITLE2] | ||
| + | <p>{ADDRESS}<br /> | ||
| + | {ZIP} {CITY}<br /> | ||
| + | </p> | ||
| + | |||
| + | [TEXT]{TEXT}[/TEXT] | ||
| + | [TEXT2]{TEXT2}[/TEXT2] | ||
| + | |||
| + | [FILE_NAME] | ||
| + | Dateibeschreibung:{FILE_DESC}<br /> | ||
| + | Download: <img src="img/icons/small_icon_{FILE_EXT}.gif" alt="" /><a href="{FILE_URL}" target="_blank" title="Diese Datei herunterladen">{FILE_NAME}</a><br /> | ||
| + | [/FILE_NAME] | ||
| + | |||
| + | </div> | ||
| + | </div> | ||
| + | <!--CATALOG_DETAIL_ENTRY_END//--> | ||
| + | |||
| + | <!--CATALOG_DETAIL_FOOTER_START//--> | ||
| + | <div style="clear:both;"></div> | ||
| + | <!--CATALOG_DETAIL_FOOTER_END//--> | ||
| </code> | </code> | ||
| Line 167: | Line 271: | ||
| - | <!--######### WHOLE LIST ##########//--> | + | <!--######### LISTING ##########//--> |
| - | <!--CATALOG_LIST_HEAD_START//--> | + | <!--CATALOG_LIST_HEAD_START//--> |
| [MAP]<div class="ctg_global_map">{MAP}</div>[/MAP] | [MAP]<div class="ctg_global_map">{MAP}</div>[/MAP] | ||
| [CP_TITLE]<h3>{CP_TITLE}</h3>[/CP_TITLE] | [CP_TITLE]<h3>{CP_TITLE}</h3>[/CP_TITLE] | ||
| [CP_SUBTITLE]<h4>{CP_SUBTITLE}</h4>[/CP_SUBTITLE] | [CP_SUBTITLE]<h4>{CP_SUBTITLE}</h4>[/CP_SUBTITLE] | ||
| - | <div class="catalog_menu"> | + | <div class="ctg_menu"> |
| {FILTER_0} | {FILTER_0} | ||
| - | </div> | + | </div> |
| - | <div class="catalog_filter" style="float:right;"> | + | <div class="ctg_filter" style="float:right;"> |
| - | <form method='post' name='catalogfilterform' action='{BACKLINK}' class='catalog_filter_form'> | + | <form method='post' name='catalogfilterform' action='{BACKLINK}' class='ctg_filter_form'> |
| - | <table width="100%" cellspacing="3" cellpadding="0" border="0"> | + | <table width="100%" cellspacing="3" cellpadding="0" border="0"> |
| - | <tr> | + | <tr> |
| - | <td>{FILTER_1}</td> | + | <td>{FILTER_1}</td> |
| - | <td>{FILTER_2}</td> | + | <td>{FILTER_2}</td> |
| - | <td><input type="text" name="ctgsearch" value="{SEARCHTEXT}" /></td> | + | <td><input type="text" name="ctgsearch" value="{SEARCHTEXT}" /></td> |
| - | <td><input type="image" name="gofilter" src="picture/layout/search.gif" class="filter_button" /></td> | + | <td><input type="image" name="gofilter" src="picture/layout/search.gif" class="filter_button" /></td> |
| - | <td><a href="{BACKLINK}&ctgtmpl=1" title="Kartenansicht"><img src="picture/layout/map.gif" width="22" height="22" border="0" alt="Kartenansicht" /></a></td> | + | <td><a href="{BACKLINK}&ctgtmpl=1" title="Kartenansicht"><img src="picture/layout/map.gif" width="22" height="22" border="0" alt="Kartenansicht" /></a></td> |
| - | <td><a href="{BACKLINK}&ctgtmpl=0" title="Listenansicht"><img src="picture/layout/list.gif" width="22" height="22" border="0" alt="Listenansicht" /></a></td> | + | <td><a href="{BACKLINK}&ctgtmpl=0" title="Listenansicht"><img src="picture/layout/list.gif" width="22" height="22" border="0" alt="Listenansicht" /></a></td> |
| - | <td><a href="#" title="Bilderansicht"><img src="picture/layout/pics.gif" width="22" height="22" border="0" alt="Bilderansicht" /></a></td> | + | <td><a href="#" title="Bilderansicht"><img src="picture/layout/pics.gif" width="22" height="22" border="0" alt="Bilderansicht" /></a></td> |
| - | <td><a href="{RSS}" title="RSS Feed"><img src="picture/layout/rss.gif" width="22" height="22" border="0" alt="RSS Feed" /></a></td> | + | <td><a href="{RSS}" title="RSS Feed"><img src="picture/layout/rss.gif" width="22" height="22" border="0" alt="RSS Feed" /></a></td> |
| - | </tr> | + | </tr> |
| - | </table> | + | </table> |
| - | </form> | + | </form> |
| - | </div> | + | </div> |
| - | <div class="catalog_list_entries"> | + | <div class="ctg_list_entries"> |
| <!--CATALOG_LIST_HEAD_END//--> | <!--CATALOG_LIST_HEAD_END//--> | ||
| <!--CATALOG_LIST_SPACER_START//--> | <!--CATALOG_LIST_SPACER_START//--> | ||
| - | |||
| <!--CATALOG_LIST_SPACER_END//--> | <!--CATALOG_LIST_SPACER_END//--> | ||
| <!--CATALOG_LIST_ENTRY_START//--> | <!--CATALOG_LIST_ENTRY_START//--> | ||
| - | <div class="ctg_list_entry_pic" id="catalog-listitem-{CATALOG_ID}"> | + | <div class="ctg_list_entry_pic" id="ctg-listitem-{CATALOG_ID}"> |
| <a href="{CATALOG_LINK}" title="{TITLE}"> | <a href="{CATALOG_LINK}" title="{TITLE}"> | ||
| - | [IMAGE] | + | [IMAGE]{IMAGE}[/IMAGE] |
| - | {IMAGE} | + | [TITLE]<span class="ctg_list_title">{TITLE}</span>[/TITLE] |
| - | [/IMAGE] | + | </a> |
| - | [TITLE]<h4>{TITLE}</h4>[/TITLE] | + | </div> |
| - | </a> | + | |
| - | </div> | + | |
| <!--CATALOG_LIST_ENTRY_END//--> | <!--CATALOG_LIST_ENTRY_END//--> | ||
| <!--CATALOG_LIST_FOOTER_START//--> | <!--CATALOG_LIST_FOOTER_START//--> | ||
| - | </div> | + | </div> |
| - | <br style="clear:both;"/> | + | <div style="clear:both;"></div> |
| <!--CATALOG_LIST_FOOTER_END//--> | <!--CATALOG_LIST_FOOTER_END//--> | ||
| + | |||
| + | |||
| + | <!--######### DETAIL ENTRY ##########//--> | ||
| + | |||
| + | |||
| + | <!--CATALOG_DETAIL_HEAD_START//--> | ||
| + | [CP_TITLE]<h4>{CP_TITLE}</h4>[/CP_TITLE] | ||
| + | [CP_SUBTITLE]<h4>{CP_SUBTITLE}</h4>[/CP_SUBTITLE] | ||
| + | <!--CATALOG_DETAIL_HEAD_END//--> | ||
| + | |||
| + | |||
| + | <!--CATALOG_DETAIL_IMAGE_START//--> | ||
| + | [IMAGE]<div class="ctg_detail_image"> | ||
| + | {IMAGE}<br/> | ||
| + | <!-- {IMAGE_DESC} --></div>[/IMAGE] | ||
| + | <!--CATALOG_DETAIL_IMAGE_END//--> | ||
| + | |||
| + | |||
| + | <!--CATALOG_DETAIL_ENTRY_START//--> | ||
| + | <div class="ctg_detail_entry" id="ctg-entry-{CATALOG_ID}"> | ||
| + | <div style="width:100px;float:left;"> | ||
| + | <table width="100%" cellspacing="3" cellpadding="0" border="0"> | ||
| + | <tr> | ||
| + | <td><a href="{BACKLINK}" title="zurück"><img src="picture/layout/back.gif" width="22" height="22" border="0" alt="" /></a></td> | ||
| + | <td>[PRINT]<img src="picture/layout/print.gif" width="22" height="22" border="0" alt="" />[/PRINT]</td> | ||
| + | </tr> | ||
| + | </table> | ||
| + | <!--NO_PRINT_START//--><!--NO_PRINT_END//--> | ||
| + | </div> | ||
| + | |||
| + | [MAP]<div class="ctg_detail_map">{MAP}</div>[/MAP] | ||
| + | [IMAGES]<div class="ctg_detail_images">{IMAGES}</div>[/IMAGES] | ||
| + | <div class="ctg_detail_content"> | ||
| + | [TITLE]<h2>{TITLE}</h2>[/TITLE] | ||
| + | [TITLE2]<p class="ctg_detail_entry_title2">{TITLE2}</p>[/TITLE2] | ||
| + | <p>{ADDRESS}<br /> | ||
| + | {ZIP} {CITY}<br /> | ||
| + | </p> | ||
| + | |||
| + | [TEXT]{TEXT}[/TEXT] | ||
| + | [TEXT2]{TEXT2}[/TEXT2] | ||
| + | |||
| + | [FILE_NAME] | ||
| + | Dateibeschreibung:{FILE_DESC}<br /> | ||
| + | Download: <img src="img/icons/small_icon_{FILE_EXT}.gif" alt="" /><a href="{FILE_URL}" target="_blank" title="Diese Datei herunterladen">{FILE_NAME}</a><br /> | ||
| + | [/FILE_NAME] | ||
| + | |||
| + | </div> | ||
| + | </div> | ||
| + | <!--CATALOG_DETAIL_ENTRY_END//--> | ||
| + | |||
| + | <!--CATALOG_DETAIL_FOOTER_START//--> | ||
| + | <div style="clear:both;"></div> | ||
| + | <!--CATALOG_DETAIL_FOOTER_END//--> | ||
| </code> | </code> | ||
| - | entries without images display only the title intead (in those with images the title is just not visible but also there)\\ | + | entries without images display only the title instead (in those with images the title is just not visible but also there)\\ |
| ---- | ---- | ||
| - | Three different views of the same Content-Part: | + | Three different views of the same Content-Part but: |
| * same filters/menu | * same filters/menu | ||