Differences

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;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;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&uuml;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&uuml;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&uuml;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
3rd-party-modules/catalogue/catalogue-docu/catalogue-docu-examples/catalogue-docu-examples-tmplchanger.1338240840.txt.gz · Last modified: 2018/06/03 18:06 (external edit)
www.planmatrix.de www.chimeric.de Creative Commons License Valid CSS Driven by DokuWiki do yourself a favour and use a real browser - get firefox!! Recent changes RSS feed Valid XHTML 1.0