Zum Inhalt springen

Standard Content Elemente formatieren

Erstellt am 25. April 2017 · 8 Antworten · letzte Antwort am 8. Mai 2017

Tags: Frage

Carlo69 ·

Hallo, ich möchte um die Standard Inhaltselemente von Typo3 die ich über das Backend einfügen kann, einen weiteren div Container drum machen.

Wie setze ich dies am besten um?

danke

Teisinger ·

Wenn du generell nen div hinzufügen willst, dann copier dir die Fluid Templates (die du ändern möchtest) aus dem Typo3 core in deinen Fileadmin Ordner oder in deine eigene extension.

dann schreibst du noch in das page.ts (und gibst dort die entsprechenden Pfade an):

lib.fluidContent {
templateRootPaths {
20 =
}
partialRootPaths {
20 =
}
layoutRootPaths {
20 =
}
}

Wenn du später vorhast noch mehr zu ändern, empfehle ich dir in diesem speziellem Fall (typo3 7) den ganzen Fluid Templates Ordner zu kopieren. Denn bei Typo3 8 ändert sich da einiges und bei nem update würde es wahrscheinlich erst einmal alles zerschießen bzw. müsstest alle jetzt getätigten Änderungen noch einmal machen.

Carlo69 ·

Ich kenne mich in der Typo3 Struktur noch nicht so aus 🙁

Wo genau finde ich den ganzen Fluid Template Ordner von Typo3? Bzw welche Datei den Standard Content Elemente beinhaltet.

Danke

EDIT:
Habe es doch selber gefunden, für alle die es interessiert, die Templates sind unter

typo3/sysext/fluid_styled_content/Resources/Private/Templates

zu finden.

Jedoch kann klappt es irgendwie nicht wenn ich die Datein auslagere. Ich mache es wie folgt und es geht nicht.

10 = FLUIDTEMPLATE
10 {
file = fileadmin/private/templates/template.html
partialRootPath = fileadmin/private/partials
layoutRootPath = fileadmin/private/layouts
templateRootPath = fileadmin/private/templates
}

Carlo69 ·

Hätte ich sagen sollen das das bei mir auch nicht ging, sorry 🙂

Hier der aktuelle Code in meiner Page TS

page = PAGE
page {

    # Including CSS Files
    includeCSS.styleMain = fileadmin/private/src/css/main.css
    includeCSS.styleNormalize = fileadmin/private/src/css/normalize.css
    includeCSS.styleFontAwesome = fileadmin/private/src/css/font-awesome.css  
    # Including JS Files
    includeJS.jquery = fileadmin/private/src/js/jquery/dist/jquery.js
    includeJS.bootstrap = fileadmin/private/src/js/bootstrap.js
    includeJS.swap = fileadmin/private/src/js/content-swap.js
    includeJS.hover = fileadmin/private/src/js/hover-effects.js

    10 = FLUIDTEMPLATE
    10  {
        file = fileadmin/private/templates/template.html
        partialRootPath = fileadmin/private/partials
        layoutRootPath = fileadmin/private/layouts
        
        variables {    
        slider < styles.content.get
        slider.select.where = colPos = 0
        
        mainContent < styles.content.get
        mainContent.select.where = colPos = 1
        }    
      }
  
  lib.fluidContent {
    templateRootPaths {
      20 = fileadmin/private/templates
    }
    partialRootPaths {
      20 = fileadmin/private/partials
    }
    layoutRootPaths {
      20 = fileadmin/private/layouts
    }
  }
  
  }
Teisinger ·

hmmm dreh das mal um... also schreib die lib.fluidContent als erst und außerhalb von PAGE also ganz oben...