Internetservice - Blog

bit4you präsentiert einen Blog rund um die Themen TYPO3, MySQL und PHP

tx_indexed_search Installation/Konfiguration mit templavoila

Vorgehensweise:
================

  1. Indexed Search per Typoscript aktivieren
  2. Suchfeld auf allen Seiten einbinden (mit Templavoila)
  3. Dem Templavoila “Vorlagen” Ordner ein Typoscript Extension Template zuordnen und dort das Pluginscript +ext indexedsearch definieren.
  4. Beim root-Typoscript-Template über “Click here to edit whole template record” dieses Plugnin-Template als Basis-Template zuordnen
  5. Ein HTML-Template “suche.html” für die Ergebnisseite anlegen
  6. Die Suchergebnisseite anlegen

Im Folgenden werden die einzelnen Schritte genauer beschrieben:


1) Indexed Search per Typoscript aktivieren
———————————————————————————————
Im Typoscript root-Template eintragen

page {
config.index_enable = 1
config.index_externals = 1
}

Zu 2) Suchfeld auf allen Seiten einbinden (mit Templavoila)
———————————————————————————————
a) Im Seiten-HTML-Template den div-Layer der das Suchfeld enthält mit Templavoila mappen
Abb.1: indexed_search

Abb.1: indexed_search

b) per Typoscript das im Object Pfad festgelegte Objekt definieren (siehe 3)

3) Dem Templavoila “Vorlagen” Ordner ein Typoscript Extension Template zuordnen und dort das Pluginscript +ext indexedsearch definieren.
———————————————————————————————

plugin.tx_indexedsearch {
  templateFile = fileadmin/templates/inhalt/suche.html
  #_CSS_DEFAULT_STYLE >
  _DEFAULT_PI_VARS.results = 10
  _DEFAULT_PI_VARS.lang = 0
  forwardSearchWordsInResultLink = 1
  show {
    advancedSearchLink = 0
    rules = 0
  }
}

lib.scDefaultSearch = TEXT
lib.scDefaultSearch.value (
<form style=&qout;display: inline;&qout; action=&qout;/?id=49&qout; method=&qout;post&qout; name=&qout;global_search&qout;>
<em>Suche</em> <input name=&qout;tx_indexedsearch[sword]&qout; type=&qout;text&qout; value=&qout;Suche&qout; class=&qout;inputselected&qout; onfocus=&qout;if(this.value == 'Suche') this.value=''&qout; />
<img style=&qout;cursor: pointer;&qout; onclick=&qout;document.global_search.submit()&qout; src=&qout;fileadmin/templates/images/arrow_blue.jpg&qout; width=&qout;5&qout; height=&qout;8&qout; border=&qout;0&qout; />
</form>
)

4) Beim root-Typoscript-Template über “Click here to edit whole template record” dieses Plugin-Template als Basis-Template zuordnen
———————————————————————————————

Abb.2: indexed_search

Abb.3: indexed_search

Zu 5) Ein HTML-Template “suche.html” für die Ergebnisseite anlegen
———————————————————————————————

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>indexed_search template</title>
</head>

<body>

<h1>Indexed Search: Tableless template</h1>

<h2>TEMPLATE_SEARCH_FORM</h2>
<p><em>Template for displaying the search form.</em></p>

<!– ###SEARCH_FORM### begin –>
<div class=”tx-indexedsearch-searchbox searchbox-tmpl-css”>
<form action=”###ACTION_URL###” method=”post” name=”tx_indexedsearch” id=”tx_indexedsearch”>
<div>
<input type=”hidden” name=”tx_indexedsearch[_sections]” value=”0″ />
<input type=”hidden” name=”tx_indexedsearch[_freeIndexUid]” value=”_” />
<input type=”hidden” name=”tx_indexedsearch[pointer]” value=”0″ />
<!– ###HIDDEN_FIELDS### begin –>
<input type=”hidden” name=”###HIDDEN_FIELDNAME###” value=”###HIDDEN_VALUE###” />
<!– ###HIDDEN_FIELDS### end –>
</div>

<!–<fieldset>
<legend>Search form</legend>–>

<p class=”tx-indexedsearch-form”>
<label style=”display: inline; float: none;” for=”tx-indexedsearch-searchbox-sword”>###FORM_SEARCHFOR###</label>
<input type=”text” name=”tx_indexedsearch[sword]” value=”###SWORD_VALUE###” id=”tx-indexedsearch-searchbox-sword” class=”tx-indexedsearch-searchbox-sword sword” />

<input type=”submit” name=”tx_indexedsearch[submit_button]” value=”###FORM_SUBMIT###” id=”tx-indexedsearch-searchbox-button-submit” class=”senden” />
</p>

<!– ###ADDITONAL_KEYWORD### begin –>
<input type=”hidden” name=”tx_indexedsearch[sword_prev]” value=”###SWORD_PREV_VALUE###” />
<input type=”checkbox” name=”tx_indexedsearch[sword_prev_include]” id=”tx_indexedsearch_sword_prev_include” value=”1″ ###SWORD_PREV_INCLUDE_CHECKED### /> <label for=”tx_indexedsearch_sword_prev_include”>###ADD_TO_CURRENT_SEARCH###.</label>
<!– ###ADDITONAL_KEYWORD### end –>

<!– ###SEARCH_FORM_EXTENDED### begin –>

<!– ###SELECT_SEARCH_FOR### begin –>
<div class=”tx-indexedsearch-search-for”>
<label for=”tx-indexedsearch-selectbox-type”>###FORM_MATCH###</label>

<!– ###SELECT_SEARCH_TYPE### begin –>
<select name=”tx_indexedsearch[type]” id=”tx-indexedsearch-selectbox-type” class=”tx-indexedsearch-selectbox-type type”>###SELECTBOX_TYPE_VALUES###</select>
<!– ###SELECT_SEARCH_TYPE### end –>

<!– ###SELECT_SEARCH_DEFOP### begin –>
<select name=”tx_indexedsearch[defOp]” id=”tx-indexedsearch-selectbox-defop” class=”tx-indexedsearch-selectbox-defop defop”>###SELECTBOX_DEFOP_VALUES###</select>
<!– ###SELECT_SEARCH_DEFOP### end –>
</div>
<!– ###SELECT_SEARCH_FOR### end –>

<!– ###SELECT_SEARCH_IN### begin –>
<div class=”tx-indexedsearch-search-in”>
<label for=”tx-indexedsearch-selectbox-media”>###FORM_SEARCHIN###</label>

<!– ###SELECT_SEARCH_MEDIA### begin –>
<select name=”tx_indexedsearch[media]” id=”tx-indexedsearch-selectbox-media” class=”tx-indexedsearch-selectbox-media media”>###SELECTBOX_MEDIA_VALUES###</select>
<!– ###SELECT_SEARCH_MEDIA### end –>

<!– ###SELECT_SEARCH_LANG### begin –>
<select name=”tx_indexedsearch[lang]” id=”tx-indexedsearch-selectbox-lang” class=”tx-indexedsearch-selectbox-lang lang”>###SELECTBOX_LANG_VALUES###</select>
<!– ###SELECT_SEARCH_LANG### end –>
</div>
<!– ###SELECT_SEARCH_IN### end –>

<!– ###SELECT_SECTION### begin –>
<div class=”tx-indexedsearch-search-select-section”>
<label for=”tx-indexedsearch-selectbox-sections”>###FORM_FROMSECTION###</label>
<select name=”tx_indexedsearch[sections]” id=”tx-indexedsearch-selectbox-sections” class=”tx-indexedsearch-selectbox-sections sections”>###SELECTBOX_SECTIONS_VALUES###</select>
</div>
<!– ###SELECT_SECTION### end –>

<!– ###SELECT_FREEINDEXUID### begin –>
<div class=”tx-indexedsearch-search-freeindexuid”>
<label for=”tx-indexedsearch-selectbox-freeIndexUid”>###FORM_FREEINDEXUID###</label>
<select name=”tx_indexedsearch[freeIndexUid]” id=”tx-indexedsearch-selectbox-freeIndexUid” class=”tx-indexedsearch-selectbox-freeIndexUid freeIndexUid”>###SELECTBOX_FREEINDEXUIDS_VALUES###</select>
</div>
<!– ###SELECT_FREEINDEXUID### end –>

<!– ###SELECT_ORDER### begin –>
<div class=”tx-indexedsearch-search-select-order”>
<label for=”tx-indexedsearch-selectbox-order”>###FORM_ORDERBY###</label>
<select name=”tx_indexedsearch[order]” id=”tx-indexedsearch-selectbox-order” class=”tx-indexedsearch-selectbox-order order”>###SELECTBOX_ORDER_VALUES###</select>
<select name=”tx_indexedsearch[desc]” id=”tx-indexedsearch-selectbox-desc” class=”tx-indexedsearch-selectbox-desc desc”>###SELECTBOX_DESC_VALUES###</select>
</div>
<!– ###SELECT_ORDER### end –>

<!– ###SELECT_RESULTS### begin –>
<div class=”tx-indexedsearch-search-select-results”>
<label for=”tx-indexedsearch-selectbox-results”>###FORM_ATATIME###</label>
<select name=”tx_indexedsearch[results]” id=”tx-indexedsearch-selectbox-results” class=”tx-indexedsearch-selectbox-results results”>###SELECTBOX_RESULTS_VALUES###</select>
</div>
<!– ###SELECT_RESULTS### end –>

<!– ###SELECT_GROUP### begin –>
<div class=”tx-indexedsearch-search-select-group”>
<label for=”tx-indexedsearch-selectbox-group”>###FORM_STYLE###</label>
<select name=”tx_indexedsearch[group]” id=”tx-indexedsearch-selectbox-group” class=”tx-indexedsearch-selectbox-group group”>###SELECTBOX_GROUP_VALUES###</select>

<!– ###SELECT_EXTRESUME### begin –>
<input type=”hidden” name=”tx_indexedsearch[extResume]” value=”0″ />
<input type=”checkbox” value=”1″ name=”tx_indexedsearch[extResume]” id=”tx_indexedsearch_extResume” ###EXT_RESUME_CHECKED### /> <label for=”tx_indexedsearch_extResume”>###FORM_EXTRESUME###</label>
<!– ###SELECT_EXTRESUME### end –>
</div>
<!– ###SELECT_GROUP### end –>

<!– ###SEARCH_FORM_EXTENDED### end –>

<!–</fieldset>–>
<!–<p>###LINKTOOTHERMODE###</p>–>
</form>
</div>
<!– ###SEARCH_FORM### end –>
<br /><br />

<h2>TEMPLATE_RULES</h2>
<p><em>Template for displaying the search rules.</em></p>

<!– ###RULES### begin –>
<!–<div class=”tx-indexedsearch-rules”>
<h2>###RULES_HEADER###</h2>
<p>###RULES_TEXT###</p>
</div>–>
<!– ###RULES### end –>
<br /><br />

<h2>TEMPLATE_RESULT_SECTION_LINKS</h2>
<p><em>Template for the section links in section mode.</em></p>

<!– ###RESULT_SECTION_LINKS### begin –>
<div class=”tx-indexedsearch-sec”>
<ol>
###LINKS###
</ol>
</div>
<!– ###RESULT_SECTION_LINKS### end –>

<!– ###RESULT_SECTION_LINKS_LINK### begin –>
<li>###LINK###</li>
<!– ###RESULT_SECTION_LINKS_LINK### end –>
<br /><br />

<h2>TEMPLATE_SECTION_HEADER</h2>
<p><em>Template for the section title in section mode.</em></p>
<!– ###SECTION_HEADER### begin –>
<div id=”###ANCHOR_URL###” class=”tx-indexedsearch-secHead secHead-tmpl-css”>
<h2 class=”tx-indexedsearch-title title”>###SECTION_TITLE### <span class=”tx-indexedsearch-result-count result-count result-count-tmpl-css”>###RESULT_COUNT### ###RESULT_NAME###</span></h2>
</div>

<!– ###SECTION_HEADER### end –>
<br /><br />

<h2>TEMPLATE_RESULT_OUTPUT</h2>
<p><em>Template for the search result list.</em></p>
<!– ###RESULT_OUTPUT### begin –>
<div class=”tx-indexedsearch-res res res-tmpl-css”>
<!– ###HEADER_ROW### begin –>
<h3><span class=”tx-indexedsearch-title title”>###TITLE###</span></h3>
<!– ###HEADER_ROW### end –>

<!– ###ROW_LONG### begin –>
<p class=”tx-indexedsearch-descr descr”>###DESCRIPTION###</p>
<dl class=”tx-indexedsearch-info info info-tmpl-css”>

<dt class=”tx-indexedsearch-text-item-path item-path” style=”display: inline;”><img class=”ilImg” src=”fileadmin/medien/Bilder/Piktogramme/pfeil_rot.gif” alt=”"></dt>
<dd style=”margin-left: -10px; padding-left: 0px;” class=”tx-indexedsearch-text-item-path item-path”>###PATH###</dd>
</dl>
<!– ###ROW_LONG### end –>

<!– ###ROW_SHORT### begin –>
<p class=”tx-indexedsearch-descr descr”>###DESCRIPTION###</p>
<!– ###ROW_SHORT### end –>

<!– ###ROW_SUB### begin –>
<p class=”tx-indexedsearch-list list”>###TEXT_ROW_SUB###</p>
<!– ###ROW_SUB### end –>
</div>
<!– ###RESULT_OUTPUT### end –>
<br /><br />

</body>
</html>

6) Die Suchergebnisseite anlegen
———————————————————————————————
a) Die Seite im Seitenbaum anlegen und in den “Seiteneigenschaften” das Seiten-Template zuordnen.

Abb.4: indexed_search

b) ggf. ein geeignetes Content-Template einfügen und im dafür vorgesehenen Seitenbereich das “Indexed Search”- Plugin einbinden.

Abb.5: indexed_search

c) im Typoscript Template (siehe oben Punkt 3) die ID der Ergebnisseite im HTML-Form-Tag eintragen.

Abb.6: indexed_search

Dieser Beitrag wurde geschrieben am Donnerstag, 27. Dezember 2007 und wurde abgelegt unter "TYPO3 Extensions". Du kannst die Kommentare verfolgen mit RSS 2.0. Kommentare sind zur Zeit geschlossen, aber du kannst einen Trackback senden von deiner eigenen Seite.

Kommentare sind zur Zeit geschlossen.

Internetservice - Blog läuft unter Wordpress 2.3.2
 Anpassung und Design: bit4you :: Waldseer Str. 14 :: 88250 Weingarten