Zum Inhalt springen

tt_news LIST pageBrowser anpassen

Erstellt am 28. Februar 2012 · 4 Antworten · letzte Antwort am 14. November 2013

Tags: tt_news, HTML & CSS, Frage

timmy2007 ·

Ich habe folgenden TS Code im Internet gefunden, um meinen Pagebrowser in der LIST Ansicht von tt_news anzupassen:

plugin.tt_news {

/********************************************************************************
*    Pagebrowser settings:
*/

# use the extended pagebrowser
usePiBasePagebrowser = 0

pageBrowser {
maxPages = 7
showResultCount = 1
showPBrowserText = 0
dontLinkActivePage = 1

showFirstLast = 1
pagefloat = center
showRange = 1
hscText = 1

showResultsNumbersWrap = |
browseBoxWrap = <div>|</div>
showResultsWrap = <div>|</div>
browseLinksWrap = <div>|</div>
disabledLinkWrap = <span>|</span>
inactiveLinkWrap = |
activeLinkWrap = <span>|</span>
activeLinkWrap.stdWrap.wrap = <span>|</span>

}

singleViewPageBrowser {
maxPages = 10
showResultCount = 0
showPBrowserText = 0
dontLinkActivePage = 1

showFirstLast = 1
pagefloat = center
showRange = 0
hscText = 1

showResultsNumbersWrap = |
browseBoxWrap = <div>|</div>
showResultsWrap = <div>|</div>
browseLinksWrap = <div>|</div>
disabledLinkWrap = <span>|</span>
inactiveLinkWrap = |
activeLinkWrap = <span>|</span>
activeLinkWrap.stdWrap.wrap = <span>|</span>

}

}

Ausgabe des Quellcodes:

		<!--
			List browsing box:
		-->
		<div class="tx-ttnews-browsebox">
			<p>Treffer <span class="tx-ttnews-browsebox-strong">1 bis 15</span> von <span class="tx-ttnews-browsebox-strong">124</span></p>

			<table>
				<tr>

					
					<td class="tx-ttnews-browsebox-SCell" nowrap="nowrap"><p><a href="index.php?id=227" >Page 1</a></p></td>
					<td nowrap="nowrap"><p><a href="index.php?id=227&amp;tx_ttnews%5Bpointer%5D=1&amp;cHash=968407285ce4cf2369f673026a233196" >Page 2</a></p></td>
					<td nowrap="nowrap"><p><a href="index.php?id=227&amp;tx_ttnews%5Bpointer%5D=2&amp;cHash=20b82446705f5afc80d4bfd1641e7cfd" >Page 3</a></p></td>
					<td nowrap="nowrap"><p><a href="index.php?id=227&amp;tx_ttnews%5Bpointer%5D=3&amp;cHash=e528b5991c3636bab25f615ad02654ed" >Page 4</a></p></td>
					<td nowrap="nowrap"><p><a href="index.php?id=227&amp;tx_ttnews%5Bpointer%5D=4&amp;cHash=ea32691369e30f9ec8a69893ccb5b4e4" >Page 5</a></p></td>
					<td nowrap="nowrap"><p><a href="index.php?id=227&amp;tx_ttnews%5Bpointer%5D=5&amp;cHash=b5ef035865db521fb2552a3470014cb9" >Page 6</a></p></td>

					<td nowrap="nowrap"><p><a href="index.php?id=227&amp;tx_ttnews%5Bpointer%5D=6&amp;cHash=e7bd025b3b4e9de2daff6ff4ce3d8db8" >Page 7</a></p></td>
					<td nowrap="nowrap"><p><a href="index.php?id=227&amp;tx_ttnews%5Bpointer%5D=1&amp;cHash=968407285ce4cf2369f673026a233196" >Nächste ></a></p></td>
				</tr>
			</table>
		</div>

Ich möchte aber, dass die Quelltext Ausgabe des Pagebrowsers so aussieht:

                                                <!-- pagination -->
                                                <div class="clear"></div>
                                                <ul class="pager">
                                                        <li class="first-page"><a href="#">&laquo;</a></li>
                                                        <li><a href="#">&lsaquo;</a></li>

                                                        <li><a href="#">2</a></li>
                                                        <li><a href="#">3</a></li>

                                                        <li class="active"><a href="#">4</a></li>
                                                        <li><a href="#">5</a></li>
                                                        <li><a href="#">6</a></li>
                                                        <li><a href="#">&rsaquo;</a></li>

                                                        <li class="last-page"><a href="#">&raquo;</a></li>
                                                </ul>
                                                <!-- ENDS pagination -->

Ein Beispiel dieses Pagebrowsers bekommt man bei folgenden Link: http://luiszuno.com/themes/nova/blog.html

Das sieht man, wenn man ganz runter scrollt, bis nach den letzten Nachrichten Eintrag.

captainpicard ·

Hoi,

als erstes würde ich usePiBasePagebrowser = 1 setzen.
Dadurch verschwindet die Layout-Tabelle.

Den einzelnen Divs oder Listenelementen kannst Du dann nach Belieben Klassen zuweisen.

Hier ist z.B. mein Setup:

showResultsWrap = <div class="paginationResults"><i>|</i></div>
browseLinksWrap = <div class="paginationLinks"><ul>|</ul><div class="clear">&nbsp;</div></div>

disabledLinkWrap = <li><span>|</span></li>
inactiveLinkWrap = <li>|</li>
activeLinkWrap = <li><span>|</span></li>
activeLinkWrap.stdWrap.wrap = <span>|</span>

Grüße

timmy2007 ·

Ich habe mein TS etwas verändert, es sieht nun so aus:

plugin.tt_news.usePiBasePagebrowser = 1
plugin.tt_news.pageBrowser {
  maxPages = 7
showResultCount = 1
showPBrowserText = 0
dontLinkActivePage = 1

showFirstLast = 1
pagefloat = center
showRange = 1
hscText = 1
  
  browseBoxWrap = <div>|</ul></div>
  showResultsWrap = |<ul class="pager">
  LinksWrap = |
  browseLinksWrap = |
  activeLinkWrap = <li class="active">|</li>
  disabledLinkWrap = <li>|</li>
  inactiveLinkWrap = <li>|</li>
}

Mein Quelltext dazu ist nun so:

         <div>Treffer ###SPAN_BEGIN###%s bis %s</span> von ###SPAN_BEGIN###%s</span><ul class="pager"><li>&lt;&lt; Erste</li>
<li>&lt; Vorherige</li>
<li class="active">1-15</li>
<li><a href="index.php?id=227&amp;tx_ttnews%5Bpointer%5D=1&amp;cHash=968407285ce4cf2369f673026a233196" >16-30</a></li>
<li><a href="index.php?id=227&amp;tx_ttnews%5Bpointer%5D=2&amp;cHash=20b82446705f5afc80d4bfd1641e7cfd" >31-45</a></li>

<li><a href="index.php?id=227&amp;tx_ttnews%5Bpointer%5D=3&amp;cHash=e528b5991c3636bab25f615ad02654ed" >46-60</a></li>
<li><a href="index.php?id=227&amp;tx_ttnews%5Bpointer%5D=4&amp;cHash=ea32691369e30f9ec8a69893ccb5b4e4" >61-75</a></li>
<li><a href="index.php?id=227&amp;tx_ttnews%5Bpointer%5D=5&amp;cHash=b5ef035865db521fb2552a3470014cb9" >76-90</a></li>
<li><a href="index.php?id=227&amp;tx_ttnews%5Bpointer%5D=6&amp;cHash=e7bd025b3b4e9de2daff6ff4ce3d8db8" >91-105</a></li>
<li><a href="index.php?id=227&amp;tx_ttnews%5Bpointer%5D=1&amp;cHash=968407285ce4cf2369f673026a233196" >Nächste &gt;</a></li>
<li><a href="index.php?id=227&amp;tx_ttnews%5Bpointer%5D=8&amp;cHash=1317e6f4a376b1d20417f5d4729f0ce8" >Letzte &gt;&gt;</a></li></ul></div>

</div>

Anstatt "vorherige" und "nächste" sollen solche Pfeile zu sehen sein.

Wie bekomme ich das hier weg?
<div>Treffer ###SPAN_BEGIN###%s bis %s</span> von ###SPAN_BEGIN###%s</span>

captainpicard ·

Die "Pfeile" kannst Du über

plugin.tt_news {

_LOCAL_LANG.de {
pi_list_browseresults_first = |&lt;
pi_list_browseresults_prev = &lt;&lt;
pi_list_browseresults_next = &gt;&gt;
pi_list_browseresults_last = &gt;|
pi_list_browseresults_page = 
}
}

ändern.

Um die Treffer nicht anzuzeigen, einfach showResultCount = 0 setzen.

Das sollte aber auch alles in der tt_news Doku stehen.

Hoffe, ich konnte Dir helfen...

seebold ·

Hallo capitainpicard,

genau so habe ich es auch immer gemacht. Ich habe eine Seite auf TYPO3 6 aufgesetzt, und nun schreibt er mir bei

plugin.tt_news._LOCAL_LANG.de.pi_list_browseresults_first = &#xf04a;

schön die HTML-Entities hin:
&#xf04a; < zurück 1-7 8-14 15-21 22-28 29-30 vor > Letzte >>

Hat jemand eine Idee, was da passiert ist? Das ist nämlich total doof, weil ich ein span mit einer Background-Grafik einbinden will und das ganze vollkommen ohne Text. Sonst könnte ich ja irgendwas reinschreiben und über CSS was basteln. Aber wenn ich gar nichts haben will, kann ich nicht mal ein &nbsp; einfügen :-((

Viele Grüße
Seebold