TYPO3 Responsive Template als t3d-Datei

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. ;)

  1. Download der Daten
  2. Hochladen der Daten
  3. Installation
  4. Extensions installieren
  5. Lizenz

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

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

t3d-hochladen

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

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

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! :)

Kommentare

  1. Gravatar
    Ricky mathew am

    Can you publish this in English?

    Antworten
  2. Gravatar
    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. ;)

    Antworten
    1. Philipp Stranghöner am

      Hallo Steffan,

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

      Viele Grüße Philipp

      Antworten
  3. 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 eine Anleitung und die Dateien findest du hier https://www.mittwald.de/service/veroeffentlichungen/typo3-dokumentation

    Viele Grüße Philipp

    Antworten
  4. Gravatar
    Steffen Thiel am

    Hallo Philipp,
    ich beginne mich gerade, notgedrungen, da ich diese Seite http://concept4sport.de/ ü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

    Antworten
  5. 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

    Antworten
  6. Gravatar
    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

    Antworten
  7. Gravatar
    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

    Antworten
  8. Gravatar
    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!

    Antworten
  9. Gravatar
    alex am

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

    gruß – alex

    Antworten
  10. Gravatar
    Carsten Walther am

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

    Antworten
  11. Gravatar
    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

    Antworten
  12. 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

    Antworten
  13. Gravatar
    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

    Antworten
  14. 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

    Antworten
  15. Gravatar
    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

    Antworten
  16. 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

    Antworten
  17. Gravatar
    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

    Antworten
  18. Gravatar
    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.

    Antworten
  19. Gravatar
    Matthias Klenk am

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

    Cheers
    Matt

    Antworten

Kommentar hinzufügen