TYPO3 Responsive Template als t3d-Datei

|

Seit Kurzem steht für unser Responsive Template eine t3d-Datei zur Verfügung. Heute möchten wir euch erklären, wie Ihr dieses in Eure TYPO3-Installation einbindet. Im gleichen Zuge haben wir für die Vorlage eine Creative Commons Lizenz erstellt, sodass Fragen nach dem Benutzungsrecht sofort geklärt sind. ;)

Download der Daten

Ihr könnt das Responsive TYPO3 Template auf dieser Seite herunterladen: Danach entpackt Ihr das ZIP- Archiv auf Eure Festplatte.

Hochladen der Daten

Als zweiten Schritt solltet Ihr die Template-Dateien hochladen. Dafür ladet Ihr den Ordner „templates“ in das Verzeichnis „fileadmin“ auf Eurem Server hoch. Der Ordner „templates“ befindet sich im ZIP-Archiv unterhalb des Ordners „Daten“.

Installation

Nachdem Ihr die Dateien hochgeladen habt, loggt Ihr euch in das TYPO3-Backend ein. Die Installation sollte nach Möglichkeit noch keine Daten enthalten.

Zum Importieren der t3d-Datei klickt Ihr mit der rechten Maustaste auf das dunkelgraue TYPO3-Icon ganz oben im Seitenbaum. Im Pop-up-Menü klickt Ihr auf „Importieren aus .t3d“.

t3d-datei-popup
Rechtsklick auf das dunkelgraue TYPO3-Icon mit Option "Importieren aus .t3d"

Im nächsten Schritt klickt Ihr auf den Reiter „Hochladen“ und wählt die t3d-Datei aus.

t3d-hochladen
Möglichkeit zum Hochladen der t3d-Datei

Nach dem Hochladen wird die zu importierende Struktur angezeigt. Vor dem Import solltet Ihr die Checkbox „ALLE UID-Werte erzwingen „ aktivieren, da sonst die UIDs in der Template-Datei angepasst werden muss. Jetzt könnt Ihr den Reiter Import wählen und dort auf den Button „Import“ klicken.

t3d-import
Reiter "Import" zeigt Aktionsmöglichkeit "Import"

Nach dem Import wurde die Struktur unsere Vorlage im Seitenbaum angelegt. Nun können die Seiten mit Inhalt gefüllt werden.

Melde dich zum Newsletter an!

Kommende Releases, neue Features und Tipps rund um dein Hosting − wir bringen dir das Wichtigste in dein Postfach. Abonniere unseren Newsletter und bleib auf dem Laufenden.

Wir würden dich gerne persönlich ansprechen:

Extensions installieren

Da in eine t3d-Datei die Extensions nicht mit übernommen werden können, müsst Ihr noch die Extensions Flexslider und Gridelements (nur bis TYPO3 4.7.x möglich) über den Extensionmanager installieren.

Eine Anleitung für die Installation und Konfiguration der beiden Extensions findet Ihr in unseren vorherigen Blogartikeln zur Responsive TYPO3Vorlage.

> Flexslider
> Gridelements

Lizenz

Ab sofort steht unsere Vorlage unter der Creative Commons Namensnennung 3.0 Deutschland Lizenz. Diese haben wir auf Grund der großen Nachfrage eingeführt. Die Namensnennung erfolgt über den HTML Head der Webseite.

Wir wünschen Euch viel Spaß beim Nutzen der Vorlage! :)

Ähnliche Artikel:

Webentwicklung

Best Practices für responsive Bilder in TYPO3

Wie du Ladezeiten, Benutzererfahrung und SEO-Position durch moderne Bildformate wie AVIF und WebP verbessern kannst, erklärt Richard im Blog.

Webentwicklung

Lieber mit Agentur: TYPO3 Upgrade oder Relaunch?

Wer TYPO3 nicht regelmäßig aktualisiert, tut sich keinen Gefallen. Erfahrt hier, warum Agenturen bei großen Versionssprüngen unterstützen sollten.

Webentwicklung

TYPO3 12 LTS – die wichtigsten neuen Features

Du fragst dich, ob du ein Update auf die neue TYPO3 12 LTS machen sollst? Im Blog geben TYPO3 CTO Frank Nägler und wir dir gute Gründe dafür!

Kommentare

Konstantin am
Gerne würde ich Ihr Template in der Version typo3 9.5.3 nutzen, wenn ich dann auf import bei einer leeren neuen installation klicke kommt folgender Fehler:

Oops, an error occurred!
The reference UID for the file (sys_file_reference) has to be numeric. UID given: "dbvfyq"

können Sie mir eventuell helfen?
viele Grüße
Konstantin
Kristina Kiebe am
Hallo Konstantin,

vielen Dank für deine Nachricht.
Allerdings ist dieses Template schon etwas älter und somit nicht für die neuere TYPO3 Version geeignet.

Viele Grüße und schöne Weihnachten!
Kristina
Ricky mathew am

Can you publish this in English?

Steffen Thiel am

Vielen Dank für die schnelle Antwort! Welche Anleitung ist es denn? In „TYPO3 Dokumentation Version 4.x“ steht nichts zum responsiven Layout, „TYPO3 Dokumentation Version 6.x“ ist nicht zutreffend, da ich 4.5 habe und die „Extbase- & Fluid-Dokumentation“ auch nicht, da sie sich an „Extension-Entwickler“ richtet und da gehöre ich wohl nicht dazu. ;)

Philipp Stranghöner am

Hallo Steffan,

das ist die Anleitung: Responsive TYPO3 Template – Mittwald Portfolio Vorlage

Viele Grüße Philipp

Philipp Stranghöner am
 Hallo Steffen,das würde leider nicht klappen, da du damit die vorhandenen Inhalte überschreiben würdest.Du könntest das Template aber manuell einspielen.  Viele Grüße Philipp 
Steffen Thiel am
 Hallo Philipp,
ich beginne mich gerade, notgedrungen, da ich diese Seite übernommen habe und ihr ein responsives Layout verpassen muß, seit gestern mit Typo3 zu befassen. Es steht in der obigen Anleitung „Installation Nachdem Ihr die Dateien hochgeladen habt, loggt Ihr euch in das TYPO3-Backend ein. Die Installation sollte nach Möglichkeit noch keine Daten enthalten.“ Nun arbeite ich ja mit einer voll fertigen Seite. Mache ich etwas kaputt, wenn ich wie oben beschrieben verfahre? Herzlichen Dank im Voraus für die Antwort!
VG Steffen
 
Philipp Stranghöner am

Hallo Micha,

welche TYPO3 Version verwendest du? Leider ist die t3d Datei nur mit den TYPO3 Versionen 4.5 und 4.7 kompatibel.

Viele Grüße Philipp

micha am

Liebes Mittwald-Team, super Seite und tolles Template – bin noch typo3-Anfänger und versuche gerade das Template zu instlallieren, beim Import kriege ich leider:

Dateiname: fileadmin/templates/ts/root.t3s
root.t3s 9.9K ERROR: There are no available filemounts to write file in!

Habt ihr einen Tipp was ich falsch gemacht habe ?
Vielen Dank & viele Grüsse, Micha

Frank Machein am

Hallo
Ich bin beim letzten Schritt der Anpassung der Grid UID´s . Habe aber ein kleines Problem als Typo 3 Neuling. Wo finde ich denn meine UID’s und wo genau muss ich diese Eintragen?
Im Moment sieht meine Seite noch nicht so toll aus.
Es ist eine Typo 4.7.19 Installation.
Wäre super wenn mir jemand helfen könnte.

Vielen Dank.

Gruß
Frank

Renate Brokelmann am

Super Template & Anleitung. Ich konnte daran gut die wesentlichen Funktionsweisen von Typo3 Templates demonstrieren. Bei mir tauchten lediglich 2 Fehler bei Bildern auf, bei denen der Pfad nicht stimmte (logo.png und shadow.png). Anfängern fehlt in der Anleitung vermutlich noch das Einbinden der TS Form Extension auf der Kontaktseite und das Anlegen der Datensätze für den Slider.

Vielen Dank!

alex am

Hallo, ich habe die gleichen Probleme wie Matthias Brückner und Jens Richter.. – an was liegt das denn?

gruß – alex

Carsten Walther am

Fast vergessen:
In aktuelleren Versionen von GridElements muss temp.gridelements.defaultGridSetup gegen lib.gridelements.defaultGridSetup ausgetauscht werden.

Carsten Walther am

Hallo, ich selbst arbeite gern mit GridElements. Viel Recherche und „Versuch-und-Fehler“ veranlassten mich, einen eigenen Blog-Eintrag zu erstellen:
Vielleicht hilft’s ja jemanden…

Grüße, Carsten

Philipp Stranghöner am

Hallo Reinhard,

damit die Grid-Elemente angesprochen werden können, müssen die UIDs (Elemente ID in TYPO3) abgeglichen werden. Die UIDs findest du in der Datei gridelements.t3s im Ordner fileadmin/templates/ts

Folgende Grids haben in unserem Beispiel folgende UIDs:

White-Box = 8
2 Spalten = 6
3 Spalten = 1

Diese UIDs musst du nun mit deinen UIDs vergleichen und gegebenenfalls ändern.

Ich hoffe, ich konnte dir weiterhelfen.

Viele Grüße
Philipp

Reinhard Niedermeier am

Hallo Philipp,
gridelements 1.4.1 habe ich so gut installieren können. Ich habe aber noch das Problem, die UIDs der Gridelemente mit meiner Installation abzugleichen.

Nachdem ich einen neuen CE-Backend-Jayout-Datensatz erstellt habe und dort unter ‚Seiteninhalts-Konfiguration‘ den Inhalt von ‚CE Backend Layouts.txt‘ eingegeben habe, muss ich die UIDs der Grids neu einstellen.
Wie mache ich das?

tt_content.gridelements_pi1.20.10.setup {
1 < temp.gridelements.defaultGridSetup
1 {
wrap = |
columns {
… } …

Wäre die 1 das Grid mit der UID = 1? usw..
Oder werden die UIDs anders definiert?
Vielen Dank für den Tipp,
Reinhard

Philipp Stranghöner am

Hallo Reinhard,

damit gridelements mit der Version 4.7.x kompatibel ist, musst du eine niedrigere Version der Extension installieren. Suche einfach bei den zu importierenden Erweiterungen nach gridelements. Dann mit der rechten Maustaste auf die Extension klicken und die Versions 1.4.1 importieren.

Viele Grüße Philipp

Reinhard Niedermeier am

Kann leider die Erweiterung gridelements nicht unter Version 4.7 installieren. Mir wird gesagt, das müsse 6.0 sein. Aber von 6.0 wird ja auf der Anleitung abgeraten. Wie soll ich webgrids am besten installieren?
Reinhard

Philipp Stranghöner am

Hallo Matthias,

könntest du uns einen Zugang zu kommen lassen, damit wir uns das ganze einmal anschauen können. Dann schauen wir mal wie wir da weiterhelfen können.

Viele Grüße Philipp

Matthias Brückner am

Hallo,
auch ich habe das Problem wie Jens: Ich kann keine Datensätze anlegen. Bekomme lediglich ein graues Feld wo die Auswahl sein sollte. Was gilt es hier noch zu beachten? (Typo3 4.5.26)

Gruß
Matthias

Jens Richter am

Hi,
ich habe die t3d Datei installiert, hat auch alles gut geklappt. Ich habe nur zwei fragen:
Zum einen lassen sich keine neuen Inhalte erstellen wenn ich im Menüpunkt „Seite“ bin. Ich klicke auf „+“ dann erscheint ein großer grauer Kasten im rechten Bereich. Im Menüpunkt „Liste“ kann ich allerdings neue Inhalte hinzufügen.
Eine Frage zu FlexSlider, im Bereich „Daten“ lege ich ja fest welche Bilder angezeigt werden sollen, warum wird im Dropdown Menü unter „Image“ immer nur ein Bild gezeigt? Wobei sich auf der Homepage selbst zwei abwechseln.

Matthias Klenk am

Super Sache. Das wird die Installation sicherlich um einiges vereinfachen!

Cheers
Matt