Typo3 Archive - Typo3 Wissensdatenbank

Typo3 Filelinks – PDF Icon anpassen bzw. Icons ergänzen

Im Typo3 Standard-Contentelement Filelinks (Deutsch: Dateilinks) werden nicht alle Standard-Icons angezeigt.

Um hier z.B. ein PDF-Icon anzuzeigen muss in folgender Datei:

ext:bootstrap_package/Resources/Private/Templates/ContentElements/Uploads.html

1	ext:bootstrap_package/Resources/Private/Templates/ContentElements/Uploads.html

In folgender Abfrage diese Zeile ergänzt werden:

<f:switch expression="{f:format.case(value: file.properties.extension, mode: 'lower')}">
	.....
	<strong><f:case value="pdf"><i class="far fa-file-pdf mr-2"></i></f:case></strong>
	.....
</f:switch>

<f:switch expression="{f:format.case(value: file.properties.extension, mode: 'lower')}">

.....

.....

</f:switch>

In meinem Fall habe ich natürlich nicht das Original-Template angepasst sondern das in meinem Override-Ordner.

Obige Code-Klasse funktioniert natürlich auch nur, wenn der Fontawesome Icon-Font eingebunden ist, er soll nur als Beispiel dienen.

Fluid in Typo3: Override Templates hat sich geändert

Der Typoscript Code um Templates zu überschreiben (override templates) hat sich geändert. Ich musste dies bei mir in Typo3 8.x ändern – und hab die Lösung erst nach einigem Suchen gefunden.

Die Typoscript lib hat sich geändert von lib.contentElement zu lib.fluidContent.

Richtig heisst der Typoscript-Code also um Templates in Fluid zu überschreiben:

lib.fluidContent {
   templateRootPaths {
      200 = fileadmin/ABCDE/Resources/Private/Templates/
   }
   partialRootPaths {
      200 = fileadmin/ABCDE/Resources/Private/Partials/
   }
   layoutRootPaths {
      200 = fileadmin/ABCDE/Resources/Private/Layouts/
   }
}

lib.fluidContent {

templateRootPaths {

200 = fileadmin/ABCDE/Resources/Private/Templates/

}

partialRootPaths {

200 = fileadmin/ABCDE/Resources/Private/Partials/

}

layoutRootPaths {

200 = fileadmin/ABCDE/Resources/Private/Layouts/

}

Typo3 Fluid: if Viewhelper (if – then – elseif – else)

Mit Typo3 8 wurde Fluid als Standalone Plugin weiterentwickelt und einigen Änderungen und Erweiterungen unterzogen. Da die Frage immer wieder mal auftaucht – hier eine kurze Übersicht die der if Viewhelper in Typo3 Fluid aufgebaut ist. Einmal in Typo3 7 und früher, einmal in Typo3 ab Version 8.

Fluid if Viewhelper in Typo3 7 und früher

Hier gab es das elseif-Konstrukt noch nicht, und man musste die if-Conditions in der Regel verschachteln:

<f:if condition="{variable} == 'bestimmterWert'">
    <f:then>
       // dann führe folgendes aus
    </f:then>
    <f:else>
        <f:if condition="{andereVariable} == 'bestimmterWert'">
            <f:then>
                // dann führe folgendes aus
            </f:then>
           <f:else>
               // dann führe diese Anweisungen aus
           </f:else>
        </f:if>
    </f:else>
</f:if>

<f:if condition="{variable} == 'bestimmterWert'">

<f:then>

// dann führe folgendes aus

</f:then>

<f:else>

<f:if condition="{andereVariable} == 'bestimmterWert'">

<f:then>

// dann führe folgendes aus

</f:then>

<f:else>

// dann führe diese Anweisungen aus

</f:else>

</f:if>

</f:else>

</f:if>

Eine Ausnahme gab es, um ohne die if-Verschachtelung auszukommen – man konnte via Arrays die logische UND-Verknüpfung (&&) wie folgt nachbauen, und sich somit das Verschachteln der if-Anweisungen sparen:

<f:if condition="{0: jahre, 1: monate} == {0: vergleichsJahr, 1: vergleichsMonat}">
// dann führe folgendes aus
</f:if>

<f:if condition="{0: jahre, 1: monate} == {0: vergleichsJahr, 1: vergleichsMonat}">

// dann führe folgendes aus

</f:if>

Fluid if-Viewhelper in Typo3 8 und höher

<f:if condition="{variable} == 'bestimmterWert'">
     <f:then>
          // dann führe folgendes aus
     </f:then>
     <f:else if="{andereVariable} == 'bestimmterWert'">
          // dann führe folgendes aus
     </f:else>
     <f:else>
         // für den Rest führe folgendes aus..
     </f:else>
</f:if>

<f:if condition="{variable} == 'bestimmterWert'">

<f:then>

// dann führe folgendes aus

</f:then>

<f:else if="{andereVariable} == 'bestimmterWert'">

// dann führe folgendes aus

</f:else>

<f:else>

// für den Rest führe folgendes aus..

</f:else>

</f:if>

Möglich ist auch, diese Abfragen mit logischen UND bzw. ODER in kürzerer Schreibweise zu schreiben:

<f:if condition="({variableOne} && {variableTwo}) || {variableThree} || {variableFour}">
// Done if both variable one and two evaluate to true,
// or if either variable three or four do.
</f:if>

<f:if condition="({variableOne} && {variableTwo}) || {variableThree} || {variableFour}">

// Done if both variable one and two evaluate to true,

// or if either variable three or four do.

</f:if>

Weitere Beispiele:

<f:if condition="{variable} || {andereVariable}">
    // dann führe folgendes aus
</f:if>

<f:if condition="{variable} || {andereVariable}">

// dann führe folgendes aus

</f:if>

Ist wahr, wenn eine der beiden Variablen gesetzt ist.

Inline Schreibweise von if-Conditions:

If – Abfragen können auch inline geschrieben werden. Das ist z.B. sinnvoll, wenn in Fluid-Templates je nach gesetzten Variablen oder bei bestimmten Varialben-Werten bestimmte CSS-Klassen ausgegeben werden sollen.

Beispielsweise wenn im Backend bei Inhaltselementen im Reiter „Erscheinungsbild“ bestimmte Layouts, Frames oder Abstände ausgewählt werden.

Hier die generelle Schreibweise:

{f:if(condition: variable1, then: 'bestimmterWert')}

// Hier wird "bestimmterWert" ausgegeben, wenn die Variable "variable1" gesetzt ist

{f:if(condition: variable1, then: 'bestimmterWert')}

// Hier wird "bestimmterWert" ausgegeben, wenn die Variable "variable1" gesetzt ist

{f:if(condition: '{variable1} == "Yes"', then: 'bestimmterWert')}

// Hier wird "bestimmterWert" ausgegeben, wenn die Variable "variable1" dem String "Yes" entspricht

{f:if(condition: '{variable1} == "Yes"', then: 'bestimmterWert')}

// Hier wird "bestimmterWert" ausgegeben, wenn die Variable "variable1" dem String "Yes" entspricht

{f:if(condition: '{variable1} == 1', then: 'bestimmterWert')}

// Hier wird die Variable "bestimmterWert" ausgegeben, wenn die Variable "variable1" der Zahl 1 entspricht.

{f:if(condition: '{variable1} == 1', then: 'bestimmterWert')}

// Hier wird die Variable "bestimmterWert" ausgegeben, wenn die Variable "variable1" der Zahl 1 entspricht.

{f:if(condition: '{variable1} == 1', then: 'bestimmterWert', else: 'andererWert')}

// Wenn die Variable "variable1" der Zahl 1 entspricht wird "bestimmterWert" ausgegeben, in allen anderen Fällen "andererWert".

{f:if(condition: '{variable1} == 1', then: 'bestimmterWert', else: 'andererWert')}

// Wenn die Variable "variable1" der Zahl 1 entspricht wird "bestimmterWert" ausgegeben, in allen anderen Fällen "andererWert".

Bootstrap 3 Spaltenelemente in Typo3

Ich setze bei meinen Projekten ganz gerne auf die Lösung von Stefan Schäfer / merec.org, um Spaltenelemente basierend auf Bootstrap 3 Klassen zu realisieren.

Aufgrund der Anforderung, dass die Redakteure das Aussehen der Inhalte, im speziellen Fall auch der Bootstrap Spalten, anpassen sollen, habe ich das Typoscript Setup von Stefan noch etwas erweitert bzw. geändert.

Die prinzipielle Struktur die ich gerne wollte war:

<div class="container>
  <div class="row undweitereKlassen">
    <div class="col-md-6 usw">INHALTE</div>
    <div class="col-md-6 usw">INHALTE</div>
  </div>
</div>

<div class="col-md-6 usw">INHALTE</div>

</div>

Folgende Dinge soll der Redakteur beeinflussen können:

Ob die Zeile 100% der Seitenbreite einnimmt oder die vordefinierte Inhaltsbreite (aus dem Reiter „Erscheinungsbild“ -> Frame)
Abstand davor und Abstand danach (aus dem Reiter „Erscheinungsbild“ -> Space Before / Space After)
Hintergrundfarbe der Zeile (aus dem Reiter „Erscheinungsbild“ -> Layout)

<div class="container>   <-- bei 100% diesen DIV nicht rendern
  <div class="row undweitereKlassen">    <--- SpaceBefore, SpaceAfter Klassen, Hintergrundfarbe
    <div class="col-md-6 usw">INHALTE</div>
    <div class="col-md-6 usw">INHALTE</div>
  </div>
</div>

<div class="container> <-- bei 100% diesen DIV nicht rendern

<div class="row undweitereKlassen"> <--- SpaceBefore, SpaceAfter Klassen, Hintergrundfarbe

<div class="col-md-6 usw">INHALTE</div>

</div>

Ich habe also beim Typoscript Code von Stefan folgendes ergänzt (heller hinterlegte Zeilen):

plugin.tx_gridelements_pi1.setup.uebb_bootstrap_2col {

  preCObject = LOAD_REGISTER
  preCObject {
    containerClasses.cObject = COA
    containerClasses.cObject {
      10 = TEXT
      10 {
        value = equal-height
        fieldRequired = flexform_equalHeight
        noTrimWrap = | ||
      }
      11 = TEXT
      11 {
        value = v-align-children
        fieldRequired = flexform_verticalAlign
        noTrimWrap = | ||
      }
    
    
      20 = TEXT
      20 {
        field = flexform_visibility_element
        noTrimWrap = | ||
        split {
          token = ,
          cObjNum = 1
          1.current = 1
          1.noTrimWrap = | ||
          }
        }
      30 = CASE
      30 {        
        key.field = layout
        default = TEXT
        default.value =  
        1 = TEXT
        1.value = 
        2 = TEXT
        2.value = bg-primary
        3 = TEXT
        3.value = bg-secondary
        4 = TEXT
        4.value = bg-dark
        5 = TEXT
        5.value = bg-dark bg-dark2
        noTrimWrap = | | |
        }
        
      40 = CASE
      40 {        
        key.field = space_before_class
        default = TEXT
        default.value =
        extra-small = TEXT
        extra-small.value = frame-space-before-extra-small
        extra-small.noTrimWrap = | ||
        small = TEXT
        small.value = frame-space-before-small
        small.noTrimWrap = | ||
        medium = TEXT
        medium.value = frame-space-before-medium
        medium.noTrimWrap = | ||
        large = TEXT
        large.value = frame-space-before-large
        large.noTrimWrap = | ||
        extra-large = TEXT
        extra-large.value = frame-space-before-extra-large
        extra-large.noTrimWrap = | ||
        }
    
      50 = CASE
      50 {        
        key.field = space_after_class
        default = TEXT
        default.value =
        extra-small = TEXT
        extra-small.value = frame-space-after-extra-small
        extra-small.noTrimWrap = | ||
        small = TEXT
        small.value = frame-space-after-small
        small.noTrimWrap = | ||
        medium = TEXT
        medium.value = frame-space-after-medium
        medium.noTrimWrap = | ||
        large = TEXT
        large.value = frame-space-after-large
        large.noTrimWrap = | ||
        extra-large = TEXT
        extra-large.value = frame-space-after-extra-large
        extra-large.noTrimWrap = | ||
        }
    
      stdWrap.insertData = 1
      stdWrap.trim = 1
    }

    containerAttributes.cObject = COA
    containerAttributes.cObject {
      10 = TEXT
      10 {
        data = register: containerClasses
        #noTrimWrap = | class="|"|
        noTrimWrap = | class="row |"|
      }
    }

    outerWrapContainerClasses.cObject = COA
    outerWrapContainerClasses.cObject {

      40 = CASE
      40 {        
        key.field = frame_class
        default = TEXT
        default.value = <div class="container">|</div>
        no-frame = TEXT
        default.value = <div class="container">|</div>
        wide = TEXT
        wide.value = 
        widebg = TEXT
        widebg.value = 
        }
    }

    innerWrapContainerClasses.cObject = COA
    innerWrapContainerClasses.cObject {

      10 = CASE
      10 {        
        key.field = frame_class
        default = TEXT
        default.value = 
        no-frame = TEXT
        default.value =
        wide = TEXT
        wide.value = 
        widebg = TEXT
        widebg.value = <div class="container">|</div>

        }
    }


  wrap = {register: innerWrapContainerClasses}
  wrap.insertData = 1

  wrap2 = <div{register: containerAttributes} wrap>| </div>
  wrap2.insertData = 1

  outerWrap = {register: outerWrapContainerClasses}
  outerWrap.insertData = 1

  columns.0 {

    preCObject = LOAD_REGISTER
    preCObject {
      contentColumnClass.cObject = COA
      contentColumnClass.cObject {
        10 = TEXT
        10 {
          field = flexform_width_column_xs_1
          noTrimWrap = || |
          required = 1
        }

        11 = TEXT
        11 {
          field = flexform_width_column_sm_1
          noTrimWrap = || |
          required = 1
        }

        12 = TEXT
        12 {
          field = flexform_width_column_md_1
          noTrimWrap = || |
          required = 1
        }

        13 = TEXT
        13 {
          field = flexform_width_column_lg_1
          noTrimWrap = || |
          required = 1
        }

        20 = TEXT
        20 {
          field = flexform_visibility_col1
          noTrimWrap = | ||
          split {
            token = ,
            cObjNum = 1
            1.current = 1
            1.noTrimWrap = | ||
          }
        }

        stdWrap.noTrimWrap = | class="|"|
      }
    }

    outerWrap = <div{register: contentColumnClass}> | </div>
    outerWrap.insertData = 1

    renderObj =< tt_content
  }

  columns.1 < .columns.0
  columns.1 {
    preCObject {
      contentColumnClass.cObject {
        10.field = flexform_width_column_xs_2
        11.field = flexform_width_column_sm_2
        12.field = flexform_width_column_md_2
        13.field = flexform_width_column_lg_2
        20.field = flexform_visibility_col2
      }
    }
  }
}

plugin.tx_gridelements_pi1.setup.uebb_bootstrap_3col < plugin.tx_gridelements_pi1.setup.uebb_bootstrap_2col
plugin.tx_gridelements_pi1.setup.uebb_bootstrap_3col {
  columns.2 < .columns.0
  columns.2 {
    preCObject {
      contentColumnClass.cObject {
        10.field = flexform_width_column_xs_3
        11.field = flexform_width_column_sm_3
        12.field = flexform_width_column_md_3
        13.field = flexform_width_column_lg_3
        20.field = flexform_visibility_col3
      }
    }
  }

}

plugin.tx_gridelements_pi1.setup.uebb_bootstrap_4col < plugin.tx_gridelements_pi1.setup.uebb_bootstrap_3col
plugin.tx_gridelements_pi1.setup.uebb_bootstrap_4col {
  columns.3 < .columns.0
  columns.3 {
    preCObject {
      contentColumnClass.cObject {
        10.field = flexform_width_column_xs_4
        11.field = flexform_width_column_sm_4
        12.field = flexform_width_column_md_4
        13.field = flexform_width_column_lg_4
        20.field = flexform_visibility_col4
      }
    }
  }
}

tt_content.gridelements_pi1.20.10.setup {
  uebb_bootstrap_2col < plugin.tx_gridelements_pi1.setup.uebb_bootstrap_2col
  uebb_bootstrap_3col < plugin.tx_gridelements_pi1.setup.uebb_bootstrap_3col
  uebb_bootstrap_4col < plugin.tx_gridelements_pi1.setup.uebb_bootstrap_4col
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

217

218

219

220

221

222

223

224

225

226

227

228

229

230

231

232

233

234

235

236

237

238

239

240

241

242

243

244

245

246

247

248

249

250

251

252

253

254

255

256

257

258

259

260

plugin.tx_gridelements_pi1.setup.uebb_bootstrap_2col {

preCObject = LOAD_REGISTER

preCObject {

containerClasses.cObject = COA

containerClasses.cObject {

10 = TEXT

10 {

value = equal-height

fieldRequired = flexform_equalHeight

noTrimWrap = | ||

}

11 = TEXT

11 {

value = v-align-children

fieldRequired = flexform_verticalAlign

noTrimWrap = | ||

}

20 = TEXT

20 {

field = flexform_visibility_element

noTrimWrap = | ||

split {

token = ,

cObjNum = 1

1.current = 1

1.noTrimWrap = | ||

}

30 = CASE

30 {

key.field = layout

default = TEXT

default.value =

1 = TEXT

1.value =

2 = TEXT

2.value = bg-primary

3 = TEXT

3.value = bg-secondary

4 = TEXT

4.value = bg-dark

5 = TEXT

5.value = bg-dark bg-dark2

noTrimWrap = | | |

}

40 = CASE

40 {

key.field = space_before_class

default = TEXT

default.value =

extra-small = TEXT

extra-small.value = frame-space-before-extra-small

extra-small.noTrimWrap = | ||

small = TEXT

small.value = frame-space-before-small

small.noTrimWrap = | ||

medium = TEXT

medium.value = frame-space-before-medium

medium.noTrimWrap = | ||

large = TEXT

large.value = frame-space-before-large

large.noTrimWrap = | ||

extra-large = TEXT

extra-large.value = frame-space-before-extra-large

extra-large.noTrimWrap = | ||

}

50 = CASE

50 {

key.field = space_after_class

default = TEXT

default.value =

extra-small = TEXT

extra-small.value = frame-space-after-extra-small

extra-small.noTrimWrap = | ||

small = TEXT

small.value = frame-space-after-small

small.noTrimWrap = | ||

medium = TEXT

medium.value = frame-space-after-medium

medium.noTrimWrap = | ||

large = TEXT

large.value = frame-space-after-large

large.noTrimWrap = | ||

extra-large = TEXT

extra-large.value = frame-space-after-extra-large

extra-large.noTrimWrap = | ||

}

stdWrap.insertData = 1

stdWrap.trim = 1

}

containerAttributes.cObject = COA

containerAttributes.cObject {

10 = TEXT

10 {

data = register: containerClasses

#noTrimWrap = | class="|"|

noTrimWrap = | class="row |"|

}

outerWrapContainerClasses.cObject = COA

outerWrapContainerClasses.cObject {

40 = CASE

40 {

key.field = frame_class

default = TEXT

default.value = <div class="container">|</div>

no-frame = TEXT

default.value = <div class="container">|</div>

wide = TEXT

wide.value =

widebg = TEXT

widebg.value =

}

innerWrapContainerClasses.cObject = COA

innerWrapContainerClasses.cObject {

10 = CASE

10 {

key.field = frame_class

default = TEXT

default.value =

no-frame = TEXT

default.value =

wide = TEXT

wide.value =

widebg = TEXT

widebg.value = <div class="container">|</div>

}

wrap = {register: innerWrapContainerClasses}

wrap.insertData = 1

wrap2 = <div{register: containerAttributes} wrap>| </div>

wrap2.insertData = 1

outerWrap = {register: outerWrapContainerClasses}

outerWrap.insertData = 1

columns.0 {

preCObject = LOAD_REGISTER

preCObject {

contentColumnClass.cObject = COA

contentColumnClass.cObject {

10 = TEXT

10 {

field = flexform_width_column_xs_1

noTrimWrap = || |

required = 1

}

11 = TEXT

11 {

field = flexform_width_column_sm_1

noTrimWrap = || |

required = 1

}

12 = TEXT

12 {

field = flexform_width_column_md_1

noTrimWrap = || |

required = 1

}

13 = TEXT

13 {

field = flexform_width_column_lg_1

noTrimWrap = || |

required = 1

}

20 = TEXT

20 {

field = flexform_visibility_col1

noTrimWrap = | ||

split {

token = ,

cObjNum = 1

1.current = 1

1.noTrimWrap = | ||

}

stdWrap.noTrimWrap = | class="|"|

}

outerWrap = <div{register: contentColumnClass}> | </div>

outerWrap.insertData = 1

renderObj =< tt_content

}

columns.1 < .columns.0

columns.1 {

preCObject {

contentColumnClass.cObject {

10.field = flexform_width_column_xs_2

11.field = flexform_width_column_sm_2

12.field = flexform_width_column_md_2

13.field = flexform_width_column_lg_2

20.field = flexform_visibility_col2

}

plugin.tx_gridelements_pi1.setup.uebb_bootstrap_3col < plugin.tx_gridelements_pi1.setup.uebb_bootstrap_2col

plugin.tx_gridelements_pi1.setup.uebb_bootstrap_3col {

columns.2 < .columns.0

columns.2 {

preCObject {

contentColumnClass.cObject {

10.field = flexform_width_column_xs_3

11.field = flexform_width_column_sm_3

12.field = flexform_width_column_md_3

13.field = flexform_width_column_lg_3

20.field = flexform_visibility_col3

}

plugin.tx_gridelements_pi1.setup.uebb_bootstrap_4col < plugin.tx_gridelements_pi1.setup.uebb_bootstrap_3col

plugin.tx_gridelements_pi1.setup.uebb_bootstrap_4col {

columns.3 < .columns.0

columns.3 {

preCObject {

contentColumnClass.cObject {

10.field = flexform_width_column_xs_4

11.field = flexform_width_column_sm_4

12.field = flexform_width_column_md_4

13.field = flexform_width_column_lg_4

20.field = flexform_visibility_col4

}

tt_content.gridelements_pi1.20.10.setup {

uebb_bootstrap_2col < plugin.tx_gridelements_pi1.setup.uebb_bootstrap_2col

uebb_bootstrap_3col < plugin.tx_gridelements_pi1.setup.uebb_bootstrap_3col

uebb_bootstrap_4col < plugin.tx_gridelements_pi1.setup.uebb_bootstrap_4col

}

Umstellung einer Domain auf SSL / https in Typo3

Die Umstellung einer Domain auf SSL (also von http:// auf https:// ) ist normalerweise kein großes Problem. Ein paar Dinge gibt es doch zu beachten.

Gerade in einer Multi-Domain Installation von Typo3 müssen ein paar Dinge beachtet werden. Einige der Tipps, die man im Web so findet passen da nicht. Zum Beispiel werden oft .htaccess Snippets genannt die alle Domains innerhalb des Typo3 zum Beispiel von http:// auf https:// weiterleiten.

Zuallerst muss das SSL-Zertifikat bestellt und eingerichtet werden – nicht vergessen, den A-Record der Domain auf die neue IP zu mappen bei den DNS-Einstellungen.

In meinem Fall habe ich aber folgendes gebraucht:

Weiterleitung von http://domain.com auf https://www.domain.com
Weiterleitung von https://domain.com auf https://www.domain.com
Weiterleitung von http://www.domain.com auf https://www.domain.com

Anmerkung:

Gerade die Weiterleitung von non-www auf https://www. sollte aus SEO-Gründen nicht verkettet passieren (also keine Weiterleitung von http://domain.com nach http://www.domain.com und dann nach https://www.domain.com) sondern in einem Rutsch.

Folgender Code bewerkstelligt diese Anforderungen:

<strong># Redirect von www zu https (non www wird via Typo3 weitergeleitet)</strong>
RewriteCond %{HTTP_HOST} !^www.domain.com$ [NC]
RewriteRule ^(.*)$ https://www.domain.com/$1 [L,R=301]

<strong># Redirect von www zu https (non www wird via Typo3 weitergeleitet)</strong>

RewriteCond %{HTTP_HOST} !^www.domain.com$ [NC]

RewriteRule ^(.*)$ https://www.domain.com/$1 [L,R=301]

Aber besser noch dieses Snippet: (danke an Gerald)

<strong># Redirect von www und non-www zu https</strong>
RewriteCond %{SERVER_PORT} 80
RewriteRule ^(.*)$ https://www.mynode.at/$1 [R=301,L]

<strong># Redirect von www und non-www zu https</strong>

RewriteCond %{SERVER_PORT} 80

RewriteRule ^(.*)$ https://www.mynode.at/$1 [R=301,L]

Zusätzliche Einstellungen für Typo3:

Damit das Ganze auch richtig funktioniert, müssen in Typo auch noch ein paar Einstellungen gemacht werden:

Bei den Seiteneinstellungen muss unter „Behaviour“ das Protokoll der jeweiligen Seite auf https:// umgestellt werden.

(Leider muss das für jede einzelne Seite gemacht werden – hier hilft es, in der List Ansicht mittels Plus-Symbol den Wert „Enforce Protocol“ in die Listansicht zu holen. So kann man wenigstens alle Seiten einer Ebene in einem Rutsch abarbeiten.)
Bei den Seiteneinstellungen kann man unter „Resources“ auf der Startseite der Domain gleich unter Page TS Config folgendes eintragen:

TCAdefaults.pages.url_scheme = 2

1

TCAdefaults.pages.url_scheme = 2

Das sorgt dafür, dass neu angelegte Seiten gleich den Wert „https://“ als Protokoll bekommen.
Im Typoscript Template folgendes eintragen:

config.absRefPrefix = https://www.domain.com/ config.baseURL >

1
2

config.absRefPrefix = https://www.domain.com/
config.baseURL >

Sollten noch config.baseURL-Einträge vorhanden sein können diese mit absRefPrefix ersetzt werden (sofern Typo3 >= 6.2). Bei der Domain nun als Protokoll ebenso https:// einsetzen.

Das wars :-).

Typo3 8 LTS – Die Neuerungen

Typo3 8 LTS

Endlich – viele von uns haben schon auf die neue LTS Version von Typo3 gewartet – nun ist sie, 18 Monate nach der Typo3 7 LTS Version, erschienen. Und sie wartet mit ein paar wirklich tollen Neuerungen auf, hier die für mich persönlich wichtigsten Neuerungen:

Responsive Backend:
Es wurde weiter an dem Responsive Design im Backend gearbeitet – und man kann sagen, dass dieses nun komplett umgesetzt wurde.
Performance:
Die neue Typo3 8 LTS hat als Mindestanforderung PHP Version ab 7. Das hat zur Folge, dass das Typo3 Backend nun gefühlt sehr viel schneller ist. Fluid wurde komplett ausgelagert, was zudem zu einem schnelleren Backend führt.
Bildbearbeitung:
Auch hier hat man einige neue Features integriert und vorhandenes optimiert. Es ist nun möglich, das Seitenverhältnis zu definieren, ausserdem für Tablet und Smartphone-Varianten des Bildes Fokusbereiche zu definieren. Fazit: Sehr praktisch!
Rich Text Editor: CKEditor integriert
Der in die Jahre gekommene Editor HTMLArea wurde von CKEditor abgelöst – CKEditor ist sehr einfach zu integrieren und konfigurieren und hat ein paar tolle Features – unter anderem einen „Frontend-Editing“ – Modus, welcher in zukünftigen Versionen von Typo3 integriert werden soll.
FLUID
Auch bei der Sprache FLUID hat sich einiges getan – so hat man FLUID nun aus dem Typo3 Core entkoppelt und es gibt einige neue Features.

Eine Liste von allen Neuerungen kann man hier finden oder bei dem PDF „What’s New Slides“ (111 Seiten).

Typo3 Update via SSH und Symlinks

Meistens muss ich, wenn ich ein Typo3 Update durchführe, die SSH Befehle dazu googeln, da ich sie nicht so oft brauche und mir aus diesem Grund auch nicht vollständig merke. Zeit, diese SSH Befehle hier niederzuschreiben :-).

Wie oft hab ich schon TYPO3 Updates gemacht und schaue jedes mal wieder die Befehle auf der Kommandozeile nach? Daher publiziere ich hier nichts Neues, aber Sinnvolles:

Erst einmal Grundlegende Befehle:

Auflistung eines Ordnerinhaltes:
ls
ls -l – Mit Details

Ordner:
cd ordnername – Wechseln in den Ordner „ordnername“
cd ordnername/subordner/noch/einer/ – Wechseln in bestimmten Unterordner
cd .. – Eine Ebene höher
cd / bzw. cd ~ – Wechseln das Home Verzeichnis

Holen der aktuellen Typo3-Version, z.B.:
wget get.typo3.org/8.6.0

Das heruntergeladene File (tar.gz) entpacken:
tar xvfz typo3_src-8.6.0.tar.gz

Wechseln zum richtigen Verzeichnis:
cd html/

Der alte Symlink muss entfernt werden:
rm typo3_src

Neuen Symlink setzen:
ln -s typo3_src-8.6.0/ typo3_src

Möglicherweise müssen folgende Symlinks ebenfalls noch gesetzt werden:
(Symlinks für typo3/ , t3lib/ und index.php)

ln -s typo3_src/index.php index.php ln -s typo3_src/typo3 typo3 ln -s typo3_src/t3lib t3lib

Ist das erledigt, muss man in das Install-Tool von Typo3 und dort den Upgrade-Wizard ausführen.

Typo3 Fluid: Debugging

Deprecated: pathinfo(): Passing null to parameter #1 ($path) of type string is deprecated in /html/typo3.andreas-huber.at/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 84

Deprecated: pathinfo(): Passing null to parameter #1 ($path) of type string is deprecated in /html/typo3.andreas-huber.at/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 84

Deprecated: pathinfo(): Passing null to parameter #1 ($path) of type string is deprecated in /html/typo3.andreas-huber.at/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 84

Debug von bestimmten Variablen oder allen Variablen:

<f:debug title="Debug of MyArray">{myarray}</f:debug>
<f:debug title="All available variables">{_all}</f:debug>

1 2	<f:debug title="Debug of MyArray">{myarray}</f:debug> <f:debug title="All available variables">{_all}</f:debug>

Debug bis zu einer bestimmten Tiefe der Variable:

<f:debug maxDepth="3">{data}</f:debug>

1	<f:debug maxDepth="3">{data}</f:debug>

Um die Debug-Informationen nicht über der Webseite, sondern inline an der Stelle wo er vorkommt anzuzeigen kann folgender Code verwendet werden:

<f:debug inline="true">{data}</f:debug>

1	<f:debug inline="true">{data}</f:debug>

Canonical Tags bei News-Urls in Typo3 Multi-Domain System

Hat man in einer Typo3-Installation mehrere Domains laufen und publiziert News (via tt_news) auf mehreren Domains dann läuft man Gefahr, ein Duplicate-Content Problem bei Google zu bekommen.

Man kann mit folgendem Typoscript-Code bei der News ein Canonical Tag hinterlegen, und verweist somit auf eine „Haupt-Url“ der News:

page.headerData.40 = TEXT
page.headerData.40 {
 typolink.parameter.data = TSFE:id
 typolink.forceAbsoluteUrl = 1
 typolink.returnLast = url
 typolink.additionalParams.cObject = COA
 typolink.additionalParams.cObject {
 10 = TEXT
 10.dataWrap = &tx_ttnews[tt_news]={GP:tx_ttnews|tt_news}
 10.if.isTrue.data = GP:tx_ttnews|tt_news
 20 = TEXT
 20.dataWrap = &tx_ttnews[cat]={GP:tx_ttnews|cat}
 20.if.isTrue.data = GP:tx_ttnews|cat
 }
 wrap = <link href="|" rel="canonical">
}

page.headerData.40 = TEXT

page.headerData.40 {

typolink.parameter.data = TSFE:id

typolink.forceAbsoluteUrl = 1

typolink.returnLast = url

typolink.additionalParams.cObject = COA

typolink.additionalParams.cObject {

10 = TEXT

10.dataWrap = &tx_ttnews[tt_news]={GP:tx_ttnews|tt_news}

10.if.isTrue.data = GP:tx_ttnews|tt_news

20 = TEXT

20.dataWrap = &tx_ttnews[cat]={GP:tx_ttnews|cat}

20.if.isTrue.data = GP:tx_ttnews|cat

}

wrap = <link href="|" rel="canonical">

}

HTML Body-Tag: Bestimmte Klassen ausgeben

Je nach Template kann es notwendig sein, beim Body-Tag bestimmte CSS-Klassen aus Typo3 auszugeben.

Dies kann z.B. mit folgendem Code bewerkstelligt werden, es können aber auch direkt in Typoscript schon Unterscheidungen getroffen werden:

Unterscheidung in HTML nach IE-Version:

page.bodyTagCObject = TEXT
page.bodyTagCObject.value (
<!--[if lt IE 7 ]> <body class="ie6"> <![endif]-->
<!--[if IE 7 ]> <body class="ie7"> <![endif]-->
<!--[if IE 8 ]> <body class="ie8"> <![endif]-->
<!--[if IE 9 ]> <body class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <body> <!--<![endif]-->
)

page.bodyTagCObject = TEXT

page.bodyTagCObject.value (

<body>

)

Unterscheidung in Typoscript, hier wird z.B. die Seiten ID mitgegeben:

page.bodyTag >

page.bodyTagCObject = TEXT
page.bodyTagCObject.field = uid
page.bodyTagCObject.wrap = <body id="blog-|">

page.bodyTag >

page.bodyTagCObject = TEXT

page.bodyTagCObject.field = uid

page.bodyTagCObject.wrap = <body id="blog-|">