Re: [TYPO3-german] Fluid Typo3 9.5.3 nur bei ColPos= 0 dem -Tag eine Klasse zuweisen
Hm,
also die Klasse wird wunderbar hinzugefügt, aber...
Zwischen allen .. wird ein eingefügt
und irgendwie werden Links nicht mehr umgesetzt.
Das ist ja gemein :(
Im Editor sehe ich nichts unauffälliges auch wenn ich den Quellcode ansehe.
Muss ich die Umsetzung der Links noch zusätzlich in das typoskript
einfügen? Ich dachte, dass mit der Zeile:
lib.parseFunc_ColPos_0 < lib.parseFunc_RTE
.. alles, was in der lib.parsFunc_RTE steht einfach in die neue lib
übertragen wird und ich sie mit den Folgezeilen nur erweitere...
Ich hab zum Testen zwischenzeitlich mal alle möglichen Varianten
ausprobiert, ob mit weniger Zeilen und Verschachtelungen die
zusätzlichen wieder verschwinden, aber irgendwie ist entweder alles
weg, oder wenn eingefügt ist, dann sind auch die
Zusatzzeilen da.
Dass die Links nicht mehr umgesetzt werden verstehe ich auch nicht so
ganz. Muss ich die Umsetzung der Links explizit mit hinein nehmen?
Die Abfrage der colPos scheint typo3 auch relativ kalt zu lassen:
parseFuncTSPath="lib.parseFunc_ColPos_0">{data.bodytext}
{data.bodytext}
Statt bei einem Element mit colPos 10 / 20 / 30 ein normales
einzufügen, wird auch hier eingesetzt...
LG
Heike
Am 13.01.19 um 08:15 schrieb Heike Herzog-Kuhnke:
Birgit,
Du bist die Heldin des Tages heute :)
Vielen Dank. So hat es funktioniert.
Ich habe die Lib in mein Typoskript vor PAGE eingefügt und dann in dem
Template für Text die Fluid-Template Zeilen eingefügt und schon macht er
das was er soll.
Tausend dank. Das sieht klasse aus und ich habe das Gefühl wieder ein
wenig mehr verstanden zu haben :)
Falls Du mal irgendwann in der Nähe von Augsburg unterwegs sein
solltest, dann melde Dich. Du hast was gut.
LG
Heike
Am 12.01.19 um 19:39 schrieb Birgit:
Nachtrag:
ich hatte vergessen zu kennzeichnen:
### Typoscript Constants
# Fluid-Templates für die Contentelemente aus fluid_styled_content
überschreiben
# Kopien der Templates, die geändert werden sollen, in einem
Verzeichnis ablegen, fileadmin oder eigene Extension
styles.templates {
layoutRootPath =
EXT:br_ext_fluidstyledcontent/Resources/Private/Layouts
templateRootPath =
EXT:br_ext_fluidstyledcontent/Resources/Private/Templates
partialRootPath =
EXT:br_ext_fluidstyledcontent/Resources/Private/Partials
}
VG Birgit
Am 12.01.2019 um 19:36 schrieb Birgit :
Hallo Heike,
dir fehlen vielleicht an anderer Stelle 3 Klammern.
Bei mir funktioniert es in TYPO3 9.x - allerdings nur ohne die
Condition.
Das heißt, die Manipulation lässt sich so nicht auf eine Spalte
eingrenzen.
Voraussetzungen:
EXT: fluid_styled_content
EXT: rte_ckeditor
sind geladen
Funktioniert in der Form nicht mit EXT:rtehtmlarea.
Das TypoScript muss NACH dem TypoScript von EXT: fluid_styled_content
geladen werden, weil es deren Konfiguration überschreibt.
So funktioniert es mit Condition:
-
Du brauchst eine eigene lib.parseFunc.
Die Condition muss im Fluid Template angelegt werden.
Dafür musst du die betreffenden Fluid-Templates für die
Contentelemente aus EXT:fluid_styled_content überschreiben.
### TypoScript Setup
lib.parseFunc_ColPos_0 < lib.parseFunc_RTE
lib.parseFunc_ColPos_0 {
externalBlocks := addToList(p)
externalBlocks {
p {
stdWrap {
HTMLparser = 1
HTMLparser {
tags.p.fixAttrib.class {
default = lead
always = 1
list = lead
}
}
keepNonMatchedTags = 1
}
}
}
}
# Fluid-Templates für die Contentelemente aus fluid_styled_content
überschreiben
# Kopien der Templates, die geändert werden sollen, in einem
Verzeichnis ablegen, fileadmin oder eigene Extension
styles.templates {
layoutRootPath =
EXT:br_ext_fluidstyledcontent/Resources/Private/Layouts
templateRootPath =
EXT:br_ext_fluidstyledcontent/Resources/Private/Templates
partialRootPath =
EXT:br_ext_fluidstyledcontent/Resources/Private/Partials
}
### Fluid Template
# z.B.
EXT:br_ext_fluidstyledcontent/Resources/Private/Templates/Text.html
parseFuncTSPath="lib.parseFunc_ColPos_0">{data.bodytext}
{data.bodytext}
Um dein Ziel anders zu erreichen kannst du alternativ z.B:
- die Manipulation per CSS bzw. SASS/LESS machen, wie ich schon
beschrieben hatte
- oder per JavaScript den Tags die Klasse zuweisen
viele Grüße
Birgit
Am 12.01.2019 um 16:48 schrieb Heike Herzog-Kuhnke :
Also ich hatte es jetzt noch mal in meinem Typoskript für den
MainContent drin und hier hat mir die Template Analyse freundlich
mitgeteilt, dass ihr drei schließende Klammern fehlen, die ich
eingefügt habe (leider ohne erfolg...)
[globalVar = TSFE:tt_content|colPos = 0]
# alternativ
// [globalVar = TSFE:tt_con
Re: [TYPO3-german] Fluid Typo3 9.5.3 nur bei ColPos= 0 dem -Tag eine Klasse zuweisen
Hallo Heike,
Habe selbst noch einmal herumprobiert.
So geht’s:
### TypoScript Setup
lib.parseFunc_ColPos_0 < lib.parseFunc_RTE
lib.parseFunc_ColPos_0 {
nonTypoTagStdWrap {
HTMLparser {
tags.p.fixAttrib.class {
default = lead
always = 1
list = lead
}
keepNonMatchedTags = 1
}
}
}
### Typoscript Constants
# Fluid-Templates für die Contentelemente aus fluid_styled_content überschreiben
# Kopien der Templates, die geändert werden sollen, in einem Verzeichnis
ablegen, fileadmin oder eigene Extension
styles.templates {
layoutRootPath = EXT:br_ext_fluidstyledcontent/Resources/Private/Layouts
templateRootPath =
EXT:br_ext_fluidstyledcontent/Resources/Private/Templates
partialRootPath =
EXT:br_ext_fluidstyledcontent/Resources/Private/Partials
}
### Fluid Template
# z.B. EXT:br_ext_fluidstyledcontent/Resources/Private/Templates/Text.html
{data.bodytext}
{data.bodytext}
VG Birgit
> Am 13.01.2019 um 16:39 schrieb Heike Herzog-Kuhnke :
>
> Hm,
>
> also die Klasse wird wunderbar hinzugefügt, aber...
> Zwischen allen .. wird ein eingefügt und
> irgendwie werden Links nicht mehr umgesetzt.
>
> Das ist ja gemein :(
> Im Editor sehe ich nichts unauffälliges auch wenn ich den Quellcode ansehe.
>
> Muss ich die Umsetzung der Links noch zusätzlich in das typoskript einfügen?
> Ich dachte, dass mit der Zeile:
>
> lib.parseFunc_ColPos_0 < lib.parseFunc_RTE
>
> .. alles, was in der lib.parsFunc_RTE steht einfach in die neue lib
> übertragen wird und ich sie mit den Folgezeilen nur erweitere...
>
> Ich hab zum Testen zwischenzeitlich mal alle möglichen Varianten ausprobiert,
> ob mit weniger Zeilen und Verschachtelungen die zusätzlichen wieder
> verschwinden, aber irgendwie ist entweder alles weg, oder wenn class="lead"> eingefügt ist, dann sind auch die Zusatzzeilen da.
>
> Dass die Links nicht mehr umgesetzt werden verstehe ich auch nicht so ganz.
> Muss ich die Umsetzung der Links explizit mit hinein nehmen?
>
> Die Abfrage der colPos scheint typo3 auch relativ kalt zu lassen:
>
>
> parseFuncTSPath="lib.parseFunc_ColPos_0">{data.bodytext}
> {data.bodytext}
>
>
> Statt bei einem Element mit colPos 10 / 20 / 30 ein normales einzufügen,
> wird auch hier eingesetzt...
>
>
> LG
> Heike
>
>
> Am 13.01.19 um 08:15 schrieb Heike Herzog-Kuhnke:
>> Birgit,
>> Du bist die Heldin des Tages heute :)
>> Vielen Dank. So hat es funktioniert.
>> Ich habe die Lib in mein Typoskript vor PAGE eingefügt und dann in dem
>> Template für Text die Fluid-Template Zeilen eingefügt und schon macht er das
>> was er soll.
>> Tausend dank. Das sieht klasse aus und ich habe das Gefühl wieder ein wenig
>> mehr verstanden zu haben :)
>> Falls Du mal irgendwann in der Nähe von Augsburg unterwegs sein solltest,
>> dann melde Dich. Du hast was gut.
>> LG
>> Heike
>> Am 12.01.19 um 19:39 schrieb Birgit:
>>> Nachtrag:
>>>
>>> ich hatte vergessen zu kennzeichnen:
>>>
>>> ### Typoscript Constants
>>>
>>> # Fluid-Templates für die Contentelemente aus fluid_styled_content
>>> überschreiben
>>> # Kopien der Templates, die geändert werden sollen, in einem Verzeichnis
>>> ablegen, fileadmin oder eigene Extension
>>> styles.templates {
>>> layoutRootPath = EXT:br_ext_fluidstyledcontent/Resources/Private/Layouts
>>> templateRootPath =
>>> EXT:br_ext_fluidstyledcontent/Resources/Private/Templates
>>> partialRootPath =
>>> EXT:br_ext_fluidstyledcontent/Resources/Private/Partials
>>>
>>> }
>>>
>>> VG Birgit
>>>
Am 12.01.2019 um 19:36 schrieb Birgit :
Hallo Heike,
dir fehlen vielleicht an anderer Stelle 3 Klammern.
Bei mir funktioniert es in TYPO3 9.x - allerdings nur ohne die Condition.
Das heißt, die Manipulation lässt sich so nicht auf eine Spalte eingrenzen.
Voraussetzungen:
EXT: fluid_styled_content
EXT: rte_ckeditor
sind geladen
Funktioniert in der Form nicht mit EXT:rtehtmlarea.
Das TypoScript muss NACH dem TypoScript von EXT: fluid_styled_content
geladen werden, weil es deren Konfiguration überschreibt.
So funktioniert es mit Condition:
-
Du brauchst eine eigene lib.parseFunc.
Die Condition muss im Fluid Template angelegt werden.
Dafür musst du die betreffenden Fluid-Templates für die Contentelemente
aus EXT:fluid_styled_content überschreiben.
### TypoScript Setup
lib.parseFunc_ColPos_0 < lib.parseFunc_RTE
lib.parseFunc_ColPos_0 {
externalBlocks := addToList(p)
externalBlocks {
p {
stdWrap {
HTMLparser = 1
HTMLpars
Re: [TYPO3-german] Bilder je nach Erscheinungsbild für das Bild rendern
Hallo Heike,
Du musst {data.layout} an die Partials übergeben, damit der Parameter dort
verfügbar und auswertbar ist.
VG Birgit
> Am 13.01.2019 um 08:46 schrieb Heike Herzog-Kuhnke :
>
> Liebe Liste,
>
> weil es so gut geklappt hat, hätte ich noch eine Frage. Nicht dass es schlimm
> wäre, dass meine Bilder alle in Kreisform angezeigt werden, aber irgendwie
> war das anders geplant...
>
> Ich habe für meine Seite das Problem gehabt, dass ich die Bilder je nach
> Erscheinungsbild unterschiedlich darstellen muss. Dafür habe ich das
> Fluid-Element TextPic verwendet, was für die Div-Klassen auch wunderbar
> funktioniert.
>
> Jetzt sollen aber eigentlich für das Layout Teaser (Layout 3) die Bilder mit
> einer Klasse "img-circle" versehen werden, die dafür sorgt, dass die Bilder
> rund dargestellt werden. Zusätzlich sollten diese Bilder eigentlich auf das
> Format 140 x 140 Pixel zugeschnitten werden (bzw. verkleinert.
>
> Mit beiden Aufgaben komme ich nicht weiter. Eine Angabe der Bildgröße im
> Backend scheint leider keine Auswirkung mehr auf meine Bilder zu haben und
> ich bekomme es nicht hin, dass ich je nach Layout eine andere Klasse zum Bild
> dazu spiele.
>
> Hier mein Typoskript:
>
>
> TextPic.html
>
> http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers";
> data-namespace-typo3-fluid="true">
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>condition="{gallery.position.noWrap}">
>
>
>
> {data.bodytext}
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
> ---
> Media/Gallery.html
> --
>
> http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers";
> xmlns:ce="http://typo3.org/ns/TYPO3/CMS/FluidStyledContent/ViewHelpers";
> data-namespace-typo3-fluid="true">
>
>
>
>
>
>
>
>
>
>
>
>partial="Media/Type" arguments="{file: column.media, dimensions:
> column.dimensions, data: data, settings: settings}" />
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
> ---
>
> Hier klappt alles wunderbar mit den Switches.
>
> ---
> Media/Type/Image.html
> ---
> http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers";
> xmlns:ce="http://typo3.org/ns/TYPO3/CMS/FluidStyledContent/ViewHelpers";
> data-namespace-typo3-fluid="true">
>
>
>
>title="{file.title}">
>arguments="{file: file, dimensions: dimensions, settings: settings}" />
>
>
>
>
>
>configuration="{settings.media.popup}">
>partial="Media/Rendering/Image" arguments="{file: file, dimensions:
> dimansions, settings: settings}" />
>
>
>
>partial="Media/Rendering/Image" arguments="{file: file, dimensions:
> dimensions, settings: settings}" />
>
>
>
>
>
>
> {file.description}
>
>
>
>
>
> --
>
>
> --
> Media/Rendering/Image.html
>
> http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers";
> data-namespace-typo3-fluid="true">
> width="{dimensions.width}" height="{dimensions.height}"
> alt="{file.alternative}" title="{file.title}" />
>
>
> ---
>
> Immer wenn ich hier um img-circle herum einer Condition eingebe, um je nach
> Layout die passende Klasse auszugeben, dann bleibt class leer. Mit dieser
> Variante wird die Klasse im alternativen Layout hinzugefügt, aber es scheint
> als müsste ich mindestens eine Klasse angeben.
>
> De
Re: [TYPO3-german] Bilder je nach Erscheinungsbild für das Bild rendern
Hallo Heike,
Dein gebautes Switch-Konstrukt ist nicht XML- bzw. HTML-valide.
Besser ware eine Inline-Notation.
...
Noch übersichtlicher wäre eine eigene Section, die du mit den jeweils
gewünschten Parameter im Switch direkt im f:render notierst und zur
Section durchreichst. Das geht zwar auf die Performance, ist aber
insgesamt übersichtlicher. Vielleicht kannst du bei diesem Refactoring
dann auch den Fehler ausmerzen.
Mit besten Grüßen
Dieter Porth
P.S. Dein abgebildeter Code ist eine Fluid-Template und keine TypoScript.
Am 13.01.2019 um 08:46 schrieb Heike Herzog-Kuhnke:
Liebe Liste,
weil es so gut geklappt hat, hätte ich noch eine Frage. Nicht dass es
schlimm wäre, dass meine Bilder alle in Kreisform angezeigt werden,
aber irgendwie war das anders geplant...
Ich habe für meine Seite das Problem gehabt, dass ich die Bilder je
nach Erscheinungsbild unterschiedlich darstellen muss. Dafür habe ich
das Fluid-Element TextPic verwendet, was für die Div-Klassen auch
wunderbar funktioniert.
Jetzt sollen aber eigentlich für das Layout Teaser (Layout 3) die
Bilder mit einer Klasse "img-circle" versehen werden, die dafür sorgt,
dass die Bilder rund dargestellt werden. Zusätzlich sollten diese
Bilder eigentlich auf das Format 140 x 140 Pixel zugeschnitten werden
(bzw. verkleinert.
Mit beiden Aufgaben komme ich nicht weiter. Eine Angabe der Bildgröße
im Backend scheint leider keine Auswirkung mehr auf meine Bilder zu
haben und ich bekomme es nicht hin, dass ich je nach Layout eine
andere Klasse zum Bild dazu spiele.
Hier mein Typoskript:
TextPic.html
http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers";
data-namespace-typo3-fluid="true">
{data.bodytext}
---
Media/Gallery.html
--
http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers";
xmlns:ce="http://typo3.org/ns/TYPO3/CMS/FluidStyledContent/ViewHelpers";
data-namespace-typo3-fluid="true">
arguments="{file: column.media, dimensions: column.dimensions, data:
data, settings: settings}" />
---
Hier klappt alles wunderbar mit den Switches.
---
Media/Type/Image.html
---
http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers";
xmlns:ce="http://typo3.org/ns/TYPO3/CMS/FluidStyledContent/ViewHelpers";
data-namespace-typo3-fluid="true">
title="{file.title}">
arguments="{file: file, dimensions: dimensions, settings: settings}" />
configuration="{settings.media.popup}">
arguments="{file: file, dimensions: dimansions, settings: settings}" />
arguments="{file: file, dimensions: dimensions, settings: settings}" />
{file.description}
--
--
Media/Rendering/Image.html
http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers";
data-namespace-typo3-fluid="true">
width="{dimensions.width}" height="{dimensions.height}"
alt="{file.alternative}" title="{file.title}" />
---
Immer wenn ich hier um img-circle herum einer Condition eingebe, um je
nach Layout die passende Klasse auszugeben, dann bleibt class leer.
Mit dieser Variante wird die Klasse im alternativen Layout
hinzugefügt, aber es scheint als müsste ich mindestens eine Klasse
angeben.
Der Versuch es mit diesem switch zu lösen, wie in Gallery.html bringt
in dieser Variante ein Oops:
---
file="{file}" alt="{file.alternative}" title="{file.title}" />
file="{file}" alt="{file.alternative}" title="{file.title}" />
alt="{file.alternative}" title="{file.title}" />
file="{file}" alt="{file.alternative}" title="{file.title}" />
---
Nicht dass es schlimm ist, wenn alle Bilder der Homepage in rund
angezeigt werden, wenns nicht anders geht, dann kann ich damit leben.
Dass ich aber irgendwie die Opti
[TYPO3-german] Re: Bilder je nach Erscheinungsbild für das Bild rendern
Danke Euch beiden.
Ich schaue, dass ich da heute noch mal dran gehe.
Entschuldigung für die falsche und irreführende Formulierung.
Das ist das erste Mal, dass ich mit Fluid arbeite und für mich Neuland.
Ich melde mich :)
LG
Heike
Am 13.01.19 um 22:04 schrieb _doc:
Hallo Heike,
Dein gebautes Switch-Konstrukt ist nicht XML- bzw. HTML-valide.
Besser ware eine Inline-Notation.
...
Noch übersichtlicher wäre eine eigene Section, die du mit den jeweils
gewünschten Parameter im Switch direkt im f:render notierst und zur
Section durchreichst. Das geht zwar auf die Performance, ist aber
insgesamt übersichtlicher. Vielleicht kannst du bei diesem Refactoring
dann auch den Fehler ausmerzen.
Mit besten Grüßen
Dieter Porth
P.S. Dein abgebildeter Code ist eine Fluid-Template und keine TypoScript.
Am 13.01.2019 um 08:46 schrieb Heike Herzog-Kuhnke:
Liebe Liste,
weil es so gut geklappt hat, hätte ich noch eine Frage. Nicht dass es
schlimm wäre, dass meine Bilder alle in Kreisform angezeigt werden,
aber irgendwie war das anders geplant...
Ich habe für meine Seite das Problem gehabt, dass ich die Bilder je
nach Erscheinungsbild unterschiedlich darstellen muss. Dafür habe ich
das Fluid-Element TextPic verwendet, was für die Div-Klassen auch
wunderbar funktioniert.
Jetzt sollen aber eigentlich für das Layout Teaser (Layout 3) die
Bilder mit einer Klasse "img-circle" versehen werden, die dafür sorgt,
dass die Bilder rund dargestellt werden. Zusätzlich sollten diese
Bilder eigentlich auf das Format 140 x 140 Pixel zugeschnitten werden
(bzw. verkleinert.
Mit beiden Aufgaben komme ich nicht weiter. Eine Angabe der Bildgröße
im Backend scheint leider keine Auswirkung mehr auf meine Bilder zu
haben und ich bekomme es nicht hin, dass ich je nach Layout eine
andere Klasse zum Bild dazu spiele.
Hier mein Typoskript:
TextPic.html
http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers";
data-namespace-typo3-fluid="true">
{data.bodytext}
---
Media/Gallery.html
--
http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers";
xmlns:ce="http://typo3.org/ns/TYPO3/CMS/FluidStyledContent/ViewHelpers"; data-namespace-typo3-fluid="true">
arguments="{file: column.media, dimensions: column.dimensions, data:
data, settings: settings}" />
---
Hier klappt alles wunderbar mit den Switches.
---
Media/Type/Image.html
---
http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers";
xmlns:ce="http://typo3.org/ns/TYPO3/CMS/FluidStyledContent/ViewHelpers"; data-namespace-typo3-fluid="true">
title="{file.title}">
arguments="{file: file, dimensions: dimensions, settings: settings}" />
configuration="{settings.media.popup}">
arguments="{file: file, dimensions: dimansions, settings: settings}" />
arguments="{file: file, dimensions: dimensions, settings: settings}" />
{file.description}
--
--
Media/Rendering/Image.html
http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers";
data-namespace-typo3-fluid="true">
width="{dimensions.width}" height="{dimensions.height}"
alt="{file.alternative}" title="{file.title}" />
---
Immer wenn ich hier um img-circle herum einer Condition eingebe, um je
nach Layout die passende Klasse auszugeben, dann bleibt class leer.
Mit dieser Variante wird die Klasse im alternativen Layout
hinzugefügt, aber es scheint als müsste ich mindestens eine Klasse
angeben.
Der Versuch es mit diesem switch zu lösen, wie in Gallery.html bringt
in dieser Variante ein Oops:
---
file="{file}" alt="{file.alternative}" title="{file.title}" />
file="{file}" alt="{file.alternative}" title="{file.title}" />
alt="{file.alternative}" title="{file.title}" />
Re: [TYPO3-german] Fluid Typo3 9.5.3 nur bei ColPos= 0 dem -Tag eine Klasse zuweisen
Hallo Birgit,
ich danke Dir für das nochmalige Testen.
Jetzt klappt es auch mit den Links und es sind keine zusätzlichen
mehr da. Hast Du eine Idee was das ausgelöst hat?
War das dieser addtolist(p)?
Du bist ein Schatz, das Angebot steht, wenn Du mal in der Nähe bist.
LG
Heike
Am 13.01.19 um 21:17 schrieb li...@berlin-typo3.de:
Hallo Heike,
Habe selbst noch einmal herumprobiert.
So geht’s:
### TypoScript Setup
lib.parseFunc_ColPos_0 < lib.parseFunc_RTE
lib.parseFunc_ColPos_0 {
nonTypoTagStdWrap {
HTMLparser {
tags.p.fixAttrib.class {
default = lead
always = 1
list = lead
}
keepNonMatchedTags = 1
}
}
}
### Typoscript Constants
# Fluid-Templates für die Contentelemente aus fluid_styled_content überschreiben
# Kopien der Templates, die geändert werden sollen, in einem Verzeichnis
ablegen, fileadmin oder eigene Extension
styles.templates {
layoutRootPath = EXT:br_ext_fluidstyledcontent/Resources/Private/Layouts
templateRootPath =
EXT:br_ext_fluidstyledcontent/Resources/Private/Templates
partialRootPath =
EXT:br_ext_fluidstyledcontent/Resources/Private/Partials
}
### Fluid Template
# z.B. EXT:br_ext_fluidstyledcontent/Resources/Private/Templates/Text.html
{data.bodytext}
{data.bodytext}
VG Birgit
Am 13.01.2019 um 16:39 schrieb Heike Herzog-Kuhnke :
Hm,
also die Klasse wird wunderbar hinzugefügt, aber...
Zwischen allen .. wird ein eingefügt und
irgendwie werden Links nicht mehr umgesetzt.
Das ist ja gemein :(
Im Editor sehe ich nichts unauffälliges auch wenn ich den Quellcode ansehe.
Muss ich die Umsetzung der Links noch zusätzlich in das typoskript einfügen?
Ich dachte, dass mit der Zeile:
lib.parseFunc_ColPos_0 < lib.parseFunc_RTE
.. alles, was in der lib.parsFunc_RTE steht einfach in die neue lib übertragen
wird und ich sie mit den Folgezeilen nur erweitere...
Ich hab zum Testen zwischenzeitlich mal alle möglichen Varianten ausprobiert, ob mit weniger Zeilen
und Verschachtelungen die zusätzlichen wieder verschwinden, aber irgendwie ist entweder
alles weg, oder wenn eingefügt ist, dann sind auch die Zusatzzeilen
da.
Dass die Links nicht mehr umgesetzt werden verstehe ich auch nicht so ganz.
Muss ich die Umsetzung der Links explizit mit hinein nehmen?
Die Abfrage der colPos scheint typo3 auch relativ kalt zu lassen:
{data.bodytext}
{data.bodytext}
Statt bei einem Element mit colPos 10 / 20 / 30 ein normales einzufügen, wird auch hier
eingesetzt...
LG
Heike
Am 13.01.19 um 08:15 schrieb Heike Herzog-Kuhnke:
Birgit,
Du bist die Heldin des Tages heute :)
Vielen Dank. So hat es funktioniert.
Ich habe die Lib in mein Typoskript vor PAGE eingefügt und dann in dem Template
für Text die Fluid-Template Zeilen eingefügt und schon macht er das was er soll.
Tausend dank. Das sieht klasse aus und ich habe das Gefühl wieder ein wenig
mehr verstanden zu haben :)
Falls Du mal irgendwann in der Nähe von Augsburg unterwegs sein solltest, dann
melde Dich. Du hast was gut.
LG
Heike
Am 12.01.19 um 19:39 schrieb Birgit:
Nachtrag:
ich hatte vergessen zu kennzeichnen:
### Typoscript Constants
# Fluid-Templates für die Contentelemente aus fluid_styled_content überschreiben
# Kopien der Templates, die geändert werden sollen, in einem Verzeichnis
ablegen, fileadmin oder eigene Extension
styles.templates {
layoutRootPath = EXT:br_ext_fluidstyledcontent/Resources/Private/Layouts
templateRootPath =
EXT:br_ext_fluidstyledcontent/Resources/Private/Templates
partialRootPath = EXT:br_ext_fluidstyledcontent/Resources/Private/Partials
}
VG Birgit
Am 12.01.2019 um 19:36 schrieb Birgit :
Hallo Heike,
dir fehlen vielleicht an anderer Stelle 3 Klammern.
Bei mir funktioniert es in TYPO3 9.x - allerdings nur ohne die Condition.
Das heißt, die Manipulation lässt sich so nicht auf eine Spalte eingrenzen.
Voraussetzungen:
EXT: fluid_styled_content
EXT: rte_ckeditor
sind geladen
Funktioniert in der Form nicht mit EXT:rtehtmlarea.
Das TypoScript muss NACH dem TypoScript von EXT: fluid_styled_content geladen
werden, weil es deren Konfiguration überschreibt.
So funktioniert es mit Condition:
-
Du brauchst eine eigene lib.parseFunc.
Die Condition muss im Fluid Template angelegt werden.
Dafür musst du die betreffenden Fluid-Templates für die Contentelemente aus
EXT:fluid_styled_content überschreiben.
### TypoScript Setup
lib.parseFunc_ColPos_0 < lib.parseFunc_RTE
lib.parseFunc_ColPos_0 {
externalBlocks := addToList(p)
externalBlocks {
p {
stdWrap {
HTMLparser = 1
HTMLparser {
tags.p.fixAttrib.class {
default = lead
[TYPO3-german] Re: Bilder je nach Erscheinungsbild für das Bild rendern
Tut mir echt leid, dass ich mich irgendwie so blöd anstelle, aber wenn
ich data.layout:data.layout einfüge, dann wirft mir das Ganze ein Oops
entgegen:
Oops, an error occurred!
The argument "arguments" was registered with type "array", but is of
type "string" in view helper "TYPO3\CMS\Fluid\ViewHelpers\RenderViewHelper".
Der Link zu der Exception, die entsteht ist:
https://wiki.typo3.org/Exception/CMS/1256475113
Ich habe das in der Media/Gallery.html eingefügt
Als ich das in Image.html eingefügt habe, war es das Gleiche.
Auch wenn es an beiden Stellen steht bekomme ich ein Oops.
LG
Heike
Am 13.01.19 um 21:22 schrieb li...@berlin-typo3.de:
Hallo Heike,
Du musst {data.layout} an die Partials übergeben, damit der Parameter dort
verfügbar und auswertbar ist.
VG Birgit
Am 13.01.2019 um 08:46 schrieb Heike Herzog-Kuhnke :
Liebe Liste,
weil es so gut geklappt hat, hätte ich noch eine Frage. Nicht dass es schlimm
wäre, dass meine Bilder alle in Kreisform angezeigt werden, aber irgendwie war
das anders geplant...
Ich habe für meine Seite das Problem gehabt, dass ich die Bilder je nach
Erscheinungsbild unterschiedlich darstellen muss. Dafür habe ich das
Fluid-Element TextPic verwendet, was für die Div-Klassen auch wunderbar
funktioniert.
Jetzt sollen aber eigentlich für das Layout Teaser (Layout 3) die Bilder mit einer Klasse
"img-circle" versehen werden, die dafür sorgt, dass die Bilder rund dargestellt
werden. Zusätzlich sollten diese Bilder eigentlich auf das Format 140 x 140 Pixel
zugeschnitten werden (bzw. verkleinert.
Mit beiden Aufgaben komme ich nicht weiter. Eine Angabe der Bildgröße im
Backend scheint leider keine Auswirkung mehr auf meine Bilder zu haben und ich
bekomme es nicht hin, dass ich je nach Layout eine andere Klasse zum Bild dazu
spiele.
Hier mein Typoskript:
TextPic.html
http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers";
data-namespace-typo3-fluid="true">
{data.bodytext}
---
Media/Gallery.html
--
http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers";
xmlns:ce="http://typo3.org/ns/TYPO3/CMS/FluidStyledContent/ViewHelpers";
data-namespace-typo3-fluid="true">
---
Hier klappt alles wunderbar mit den Switches.
---
Media/Type/Image.html
---
http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers";
xmlns:ce="http://typo3.org/ns/TYPO3/CMS/FluidStyledContent/ViewHelpers";
data-namespace-typo3-fluid="true">
{file.description}
--
--
Media/Rendering/Image.html
http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers";
data-namespace-typo3-fluid="true">
---
Immer wenn ich hier um img-circle herum einer Condition eingebe, um je nach
Layout die passende Klasse auszugeben, dann bleibt class leer. Mit dieser
Variante wird die Klasse im alternativen Layout hinzugefügt, aber es scheint
als müsste ich mindestens eine Klasse angeben.
Der Versuch es mit diesem switch zu lösen, wie in Gallery.html bringt in dieser
Variante ein Oops:
---
