TYPO3 Extension Kiwi Slider
Meine TYPO3 Extension Kiwi Slider ist in der ersten Betaversion erschienen und trägt jetzt die stolze Versionsnummer 1.1.0.
Zur Erinnerung: Mit dieser Erweiterung ist es sehr einfach und schnell möglich einen Content Slider zu erstellen, im Stil der Coda Webseite. Es basiert auf jQuery und der Anleitung von jQuery for Designers.
Hier herunterladen.
Mit der neuen Version gibt es mehr Einstellungsmöglichkeiten und eine bessere Integration der JavaScript Dateien. Über das Typoscript lässt sich jedes einzelne, benötigte Plugin expliziet einbinden oder ausblenden.
plugin.tx_kiwislider_pi1 {
include.jQuery >
}In diesem Beispiel wird das JavaScript Framework jQuery nicht mit eingebunden. Genau so kann die Einbindung von localScroll, serialScroll und scrollTo gesteuert werden.
Über die Angabe arrows können die Pfeile gesteuert werden.
plugin.tx_kiwislider_pi1 {
arrows.hide = 1
}Mit dieser Einstellung werden die Pfeile komplett ausgeblendet, in arrow.left und arrow.right können neue Bilddateien angegeben werden.
Eine weitere neue Eigenschaft ist showRecords, wird diese gesetzt, wird nur die angegebene Anzahl von Seitenelementen in den Slider geladen. Um also nur das erste Inhaltselement darzustellen reicht die folgende Angabe:
plugin.tx_kiwislider_pi1 {
showRecords = 1
}Einfach, oder?
Den Download gibts im Extension Repository von TYPO3. Mehr Informationen in der Doku. Viel Spaß!
- Mehr zu Kiwi Slider, TYPO3
- Trackback
-
War der Artikel nützlich für dich? Dann:
Hallo,
wie stelle ich beim Kiwi Slider mehrere Seitenelemente im Sliderfenster dar? Ist das möglich?
Heißt – ich möchte 3 Seitenelemente nebeneinander darstellen, und weitere per Pfeil rechts/links wählen können…Gehts das mit dem Kiwi Slider – und wenn ja wie?
Vielen Dank&Gruß Sandra
Hi Sandra,
im Kiwi Slider kannst du alles darstellen was mit CSS geht. Ich würde im Typoscript jedes Inhaltselement in einen Div packen und diese mit float:left neben einander stellen.
Die einzelnen Ausgaben von tt_content kannst du mit folgendem Typoscript umschließen:
)
tt_content.stdWrap.innerWrap.cObject.default = TEXT
tt_content.stdWrap.innerWrap.cObject.value = <div class=”content”>|</div>
(geht viellecht auch kürzer – aber mit dem Konstrukt gibts noch eine ganze Menge anderer Möglichkeiten
Per CSS dann etwas in diese Richtung:
#tx_kiwislider_pi1 div.content {
float:left;
width:20%;
margin-right:20px;
}
Hoffe es hilft dir weiter und wünsche viel Spaß!
Hallo Paul,
vielen Dank für die schnelle Antwort. Der Kiwi Slider funktioniert nach kleinen Anfangsschwierigkeiten schon ganz gut bei mir, lasse mir drei Container per CSS nebeneinander anzeigen. Prima!
Eins habe ich noch nicht geschafft – wie bekomme ich das Menü der SeitenIDs im Kopfbereich raus? Ich brauche nur die scrollTo Funktionalität mit den back/forward buttons
Danke&Grüße S.
Hmmm… die Pfeile lassen sich ganz einfach ausblenden, aber die Navigation?! Nee… entweder du gehst in den Quelltext und kommentierst die betreffenden Zeilen aus, oder (leichter) du blendest die Navigation einfach per CSS aus:
.tx_kiwislider_pi1 ul.navigation { display:none; }
Musste allerdings nochmal nach den genauen Namen gucken, bin mir gerade nicht sicher. Viel Spaß!
Hallo Paul,
Danke! Funktioniert auch – nur ist mir die Lösung nicht sauber genug *Eifer*
das auskommentieren per “display:none” ist mir gestern zu später Stunde auch noch eingefallen
Am sympatischsten ist mir die Lösung, den entsprechenden Quelltext auszukommentieren. Weisst Du zufällig noch an welcher Stelle ich im Quelltext suchen muß
Vielen herzlichen DANK!
Das finde ich sympatisch
Die Ausgabe der Navigation passiert in der Datei typo3conf/ext/kiwi_slider/pi1/class.tx_kiwislider_pi1.php ab Zeile 235 und sieht so aus:
$content = "<ul class=’navigation’>";
foreach($slider as $id => $panel) {
$content.= "<li><a href=’{$this->pi_getPageLink($GLOBALS["TSFE"]->id)}#panel{$id}’>{$panel["title"]}</a></li>\n";
}
$content.= "</ul>";
Wenn du diesen ganze Block mit /* und */ umfasst, bist du die Navigation los. Daran solltest du aber unbedingt denken wenn du die Extension aktualisierst. Ich mache in solchen Fällen immer einen Hinweis in den Extensionnamen. Den findest du in der Datei ext_emconf.php. Könnte z.B. so aussehen:
$EM_CONF[$_EXTKEY] = array(
‘title’ => ‘Kiwi Silder – ACHTUNG! NICHT UPDATEN’,
….
Schickst du mir den Link wenns läuft? Grüße, Paul
Hallo Paul!
Sehr cooles Plugin!
Kann ich auch rekursiv von einer Ausgangsseite aus alle Unterseiten einbinden. Im Backend scheint das ja vorgesehen, hab ich aber nicht aktivieren können…
Vielen Dank und Grüße,
Wolfgang
Hi Wolfgang! Danke für das Lob
Eine rekursive Ausgabe aller Seiten ist bisher nicht vorgesehen. Bin mir auch nicht ganz sicher was bei einer solchen Angabe mit den (ggf. vorhandenen) Unterseiten passieren soll.
Das Eingabefeld “Ausgangspunkt” ist immer in den Formularen dabei und ich habe noch nicht rausgefunden wie man die Ausgabe unterdrücken kann. Die aktuelle Version vom Kiwi Slider ignoriert jedenfalls alle Eingaben.
Im Prinzip aber eine gute Idee das zu nutzen, wird wirklich Zeit für die neue Version!!!
Hallo Paul
Herzlichen Dank für deine super Extension!
Gibt es eine Möglichkeit das Plugin so einzustellen, dass am Ende nicht zurückgescrollt, bzw. direkt zum Anfang ‘gesprungen’ wird?
Danke und Grüsse aus der CH
Troi
Hallo Troi, danke für das Lob! Das animierte Scrollen übernimmt das jQuery Plugin SerialScroll und die daran beteiligten. Um dieses Verhalten auszustellen müsstest du eine Abfrage vor dem Aufruf des Plugins einfügen… hm.
Vorgesehen ist es bisher nicht, aber ich werde es in die Liste aufnehmen. Danke für den Hinweis!
Grüße, Paul
Hallo,
ich habe ein Problem kleines Probleme.
Bei einer lokalen Typo3 Installation funktioniert der Slider perfekt, jetzt wollte ich die Extension auf einer weiteren Seite einbauen, nur hier bekomm ich meine Slide-Pfeile nicht angezeigt, obwohl die Konfigurationen 1 zu 1 gleich sind mit der meiner lokalen Installation.
Habe ich vllt. etwas übersehen? Oder gibt es hier evt. Komplikationen mit anderen Extension?
Viele Grüße
Tobi.
Hi Tobi,
hast du überprüft ob alle Dateien der Extension korrekt hochgeladen wurde und das CSS greift? (=Firebug) Ansonsten wäre ein Link sehr praktisch – dann schaue ich mir das gerne einmal an.
Grüße, Paul
Tauscher 13. Juli 2009 (09:32 Uhr)
Hallo Paul!
Damit kannst du das select Feld im Plugin ausblenden. Gehört in die ext_tables.php:
$TCA['tt_content']['types']['list']['subtypes_excludelist'][$_EXTKEY.'_pi1']=’layout,select_key’;
So, dann hab ich natürlich nich ein Problemchen.
a) Deine EXT scheint Proleme mit kb_tv_cont_slide zu haben. Besser anderstherum. Bernd EXT funzt nicht mit deiner zusamman. Ich werd’s Bernd Kraft noch sagen. Komisch nur das deine EXT rein FE ist und Bernds nur BE. Aber da bin ich grad noch dran…. Nur so am Rande, weil ich halt kein JS Junkey bin.
b) Wenn ich’s recht verstehe, dann gibst du nicht die Seite aus, sondern nur die Inhalte darauf. Warum nutzt du dann aber einen Page-Select im Plugin?
Wäre es nicht sinvoller die Inhalteselemente direkt auszuwählen?
Da ich nahezu ausschließlich TV nutze, werden mir natürlich auch Inhalte in deiner EXT ausgegeben, die nicht gemappt sind.
Oder hab ich irgendwas nicht ganz verstanden…. #!??
Dennoch Danke für deine Arbeit, ich schau mir jetzt mal deinen Code genauer an, vielleicht kann mans ja leicht umbauen.
Christian.
Hallo Tobi,
vielen Dank für die klasse Extension! Hier ein Slider-Anwendungsbeispiel, das mit ein wenig CCS und JavaScript Anpassung auf der Kiwi Slider Extension beruht: http://www.koblenz-baut.de
Grüße Stefan
Hi Tobi,
gibt es noch mehr TS Konfigurationsparameter? Hast du eine Liste?
z.b. wär’s cool, wenn man die Reiter oben ausblenden könnte. Ansonsten bin ich begeistert!!
- alex
Hallo Paul,
ich benutze den KiwiSlider und die rgmoodalbox zur Darstellung von Content. Beide (mootools und jQuery) libs funktionieren leider nicht zusammen. Wie und wo muss ich die jquery JS ändern damit diese mit der moodalbox funktioniert??? Es gibt da scheinabr eine Möglichekit mittels jQuery.noConflict();
Danke für das tolle Stück Software…
mfg chriskapeller
Hallo Chris,
das Problem bei der gleichzeitigen Benutzung von unterschiedlichen Frameworks ist, dass beide die $() Funktion benutzen, aber für unterschiedliche Zwecke.
jQuery kannst du einfach auf eine andere Variable legen mit var jq = $.noConflict(); Das muss vor der Einbindung von Mootools passieren. Und alle jQueryscripte die $() Funktion aufrufen, müssen mit jq() ersetzt werden.
Hoffe das hilft dir weiter und wünsche frohes rumprobieren!
Kann man den Kiwi Slider in einer mehrsprachigen Umgebung nutzen [one tree fits all]? Dabei bekomme ich Probleme mit doppeltem Content. Ich habs auch im Typo3-Forum gepostet: http://www.typo3forum.net/forum/alle-anderen-extensions/42570-kiwi_slider-f-r-mehrere-sprachen.html#post143224
Vielleicht hat jemand Lust, sich das mal anzusehen?
Hallo!
Hab den Kiwislider gerade für Mehrsprachigkeit angepasst, dazu sind nur zwei kleine Einträge in der Datei typo3conf/ext/kiwi_slider/pi1/class.tx_kiwislider_pi1.php notwendig:
Zeile 210 suchen:
$conf["select."]["where"] = “colPos = 0″;
ersetzten durch:
$conf["select."]["where"] = “colPos = 0″;
if ($GLOBALS['TSFE']->sys_language_content) {
$conf["select."]["where"] .= ” AND sys_language_uid = ” . $GLOBALS['TSFE']->sys_language_content;
}
und ca. Zeile 225 suchen:
//Seitentitel auslesen
$res = $GLOBALS["TYPO3_DB"]->exec_SELECTquery(
“title”,
“pages”,
“uid = {$page}”
);
ersetzen mit:
//Seitentitel auslesen
if ($GLOBALS['TSFE']->sys_language_content) {
$res = $GLOBALS['TYPO3_DB']->exec_SELECTquery(
“title”,
‘pages_language_overlay’,
“pid={$page} AND sys_language_uid=” . $GLOBALS['TSFE']->sys_language_content);
}
else {
$res = $GLOBALS["TYPO3_DB"]->exec_SELECTquery(
“title”,
“pages”,
“uid = {$page}”
);
}
mfg, wr
@Wolfgang: Danke Dir und Liebe Grüße aus Österreich
@Wolfgang
Ich hätte hier noch eine Frage:
Wenn ich einen Kiwi Slider habe, der auf 4 unterschiedliche Seiten “zugreift” und ich beispielsweise 2 x eine Übersetzung habe, die restlichen 2 Seiten aber vom Standard-Inhalt übernommen werden sollten, geht das auch?
[Typo3+PHP
Webentwickler] 15. Januar 2010 (20:55 Uhr)
Leider funktioniert die Mehrsprachigkeit für mich noch nicht, bitte im Forum weiterlesen: http://bit.ly/4pbQDR
Hallo,
ich habe mich mal durch die Kommentare durchgearbeitet und konnte, nachdem ich die Unterstriche durch Bindestriche ersetzt hatte, auch das Problem mit der Navi usw. lösen.
?
Good job so far!
Ein Problem (wenn es ein’s ist) habe ich allerdings noch: es sollte doch möglich sein, bie Content-Elemente automatisch scrollen zu lassen – das passiert bei mir aber leider nicht. Ich habe im Backend 4 Elemente hinterlegt und lasse mir immer drei gleichzeitig anzeigen. Jetzt sollte es doch so sein, dass das vierte Element nach der einstellbaren Zeit (duration = 200) “eingeschoben” wird. Genau das passiert aber leider nicht
Ausser den Angaben für height, width, duration habe ich noch ein _CSS_DEFAULT_STYLE >, showRecords = 3 und arrows.hide = 1 in meinem TS-Template, also keine ausgeblendeten JS-Tools. Im Header der Seite werden auch alle drei JS-Dateien angezeigt, also localscroll,serialscroll und scrollto.
Ein manuelles Scrollen ist möglich – sofern die Arrows eingeblendet sind….
Kann mir jemand diesbezüglich einen Tipp geben, wäre sehr dankbar
Andreas
Schöne Extension, aber wie nutze ich sie in Verbindung mit Templavoila… (hier werden verschachtelte Elemente doppelt angezeigt)
gibt es irgendw versteckt eine HTML Vorlage entsprechend der man ein FCE erstellen könnte ???