Möchten Sie eine einseitige TYPO3-Website erstellen? Dieses kleine TypoScript-Tutorial wird Ihnen helfen, eine einseitige TYPO3-Website mit bester Backend-Nutzbarkeit zu erstellen.
Step 1. Menü mit #Hash-Tag erstellen
<!-- At your TypoScript Menu or Fluid DataProcessing Template -->
<a href="#{item.title}">{item.title}</a>
// TypoScript Object to get all pages content
lib.onePageScrollContent = CONTENT
lib.onePageScrollContent {
table = pages
select {
languageField = sys_language_uid
pidInList = {$ns_basetheme.website.settings.main_menu}
where = nav_hide = 0
orderBy = sorting
}
renderObj = COA
renderObj {
5 = TEXT
5 {
field = title
htmlSpecialChars = 1
wrap = <section id="|">
stdWrap.case = lower
stdWrap.replacement {
10 {
search.char = 32
replace.char = 45
}
15 {
search = /
replace =
}
}
}
20 = CONTENT
20 {
table = tt_content
select {
languageField = sys_language_uid
pidInList.field = uid
orderBy = sorting
where = colPos = 0
}
stdWrap.wrap = |</section>
stdWrap.wrap.insertData = 1
}
}
}
// Fluid rendering for home and all pages content
<f:cObject typoscriptObjectPath="lib.content"/>
<f:cObject typoscriptObjectPath="lib.onePageScrollContent"/>
Post a Comment