CSS inkludieren
page {
# CSS EINBINDEN
includeCSS {
layout >
color >
# NORMALIZE 3.0.3
# normalize = fileadmin/css/normalize.css
# DEFAULT KID A DESIGN
design = fileadmin/css/design.css
# DEFAULT PRINT CSS
print = fileadmin/css/print.css
print.media = print
# MEDIABOX
mediabox = EXT:bh/Resources/Public/Css/Lightbox/colorbox.css
# ICONSET
iconset = EXT:bh/Resources/Public/Css/iconset-frontend.css
# MEDIA QUERIES
mediaqueries = fileadmin/css/mediaqueries.css
# PHOTOSWIPE
# mediabox = fileadmin/css/photoswipe.css
}
}
Javascript inkludieren
page {
includeJS {
# DEFAULT SCRIPTS KID A
scriptlocal = fileadmin/js/script.js
# MODERNIZR 3.3.1 CUSTOM BUILD
modernizr = fileadmin/js/modernizr-custom.js
# SMOOTHSCROLL 1.4.0
smoothscroll = fileadmin/js/smoothscroll.js
# LAYZLOAD 1.9.7
lazyload = fileadmin/js/jquery.lazyload.js
# PHOTOSWIPE
# mediabox = fileadmin/js/photoswipe.min.js
# mediabox-ui = fileadmin/js/photoswipe-ui-default.min.js
# MEDIABOX
mediabox = EXT:bh/Resources/Public/Js/colorbox.js
# INVIEW
inview = fileadmin/js/inview.js
}
}
Meta
page {
meta {
# VIEWPORT
viewport = width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no
}
}
Kid a Template
plugin.tx_bh.settings {
page.template = fileadmin/templates/Index.html
page.bgimage >
noOpticSelection = 1
}
Editor Styles
plugin.tx_bh.settings.editor.styles >
plugin.tx_bh.settings.editor.styles {
bh-font {
title = star calendar like share globe2 phone
inline = span
classes = bh-font-
}
small {
title = Klein
inline = span
classes = bhe-small
}
.
.
.
}
Contentelemente ein- und Ausblenden
plugin.tx_bh.settings.contentElements {
bhText.hidden = 0
bhPicture.hidden = 0
bhLinkbox.hidden = 0
.
.
.
}
Contentelemente, die Animieren können
plugin.tx_bh.settings.contentElements {
bhText.animationEnabled = 1
bhPicture.animationEnabled = 1
bhFader.animationEnabled = 0
.
.
.
}
Object Libs
# LOGO
lib.logo = TEXT
lib.logo {
value = <div id="LogoInner"></div>
stdWrap {
typolink {
parameter = 1
ATagParams = class="logolink"
}
}
}
# SPRACHAUSWAHL
lib.languagemenu {
1.value = Deutsch
2.value = Englisch
}
# SERVICENAVIGATION
lib.servicenavigation {
special.value = 11
}
# COOKIES NOTIFICATION
lib.cookies = COA
lib.cookies {
10 = TEXT
10.wrap = <span class="cookiesmessage">|</span>
20 = TEXT
20.typolink {
parameter = 12
ATagParams = class="cookieslink"
}
30 = TEXT
30.wrap = <div class="cookiesbutton">|</div>
[globalVar = GP:L = 0]
10.value = Um Ihnen die bestmögliche Nutzererfahrung gewährleisten zu können verwenden wir auf unserer Website Cookies, ...
20.value = Weitere Informationen und die Deaktivierung von Cookies finden Sie hier.
30.value = OK
[globalVar = GP:L = 1]
10.value = We use cookies to personalize content and ads of our website, to bring you social media functions, and to analyze ...
20.value = More information
30.value = I accept
[global]
}
# FOOTNOTE
lib.footnote = TEXT
lib.footnote {
value = © 2016, Bakehouse, Alle Rechte vorbehalten
}
# SCROLL TO TOP
lib.totop = TEXT
lib.totop {
value = <div class="totopbutton bh-font-arrow-circle-up"></div>
typolink {
parameter.data = page:uid
section = top
returnLast = 1
ATagParams = class="totoplink"
}
}
# SOCIAL LINKS
lib.socials = COA
lib.socials {
1 = TEXT
1.value = <div class="socialIcon bh-font-facebook"></div>
2 = TEXT
2.value = <div class="socialIcon bh-font-twitter"></div>
3 = TEXT
3.value = <div class="socialIcon bh-font-googleplus"></div>
4 = TEXT
4.value = <div class="socialIcon bh-font-pinterest"></div>
}
# BREADCRUMB
lib.breadcrumb = HMENU
lib.breadcrumb {
special = rootline
special.range = 0 | -1
includeNotInMenu = 1
wrap = Sie befinden sich hier: |
1.noBlur = 1
1 = TMENU
1.NO.allWrap = <div class="breadcrumbArrow bh-font-arrow-simple-right"></div><div class="breadcrumbLink">|</div>
1.NO.ATagBeforeWrap = 1
1.CUR = 1
1.CUR < .1.NO
}
Default Config
config {
# URL-HANDLING
tx_realurl_enable = 1
simulateStaticDocuments = 0
# DOCUMENT
doctype = <!DOCTYPE html>
removeDefaultJS = 1
prefixLocalAnchors = all
disablePrefixComment = 1
# MEHRSPRACHIGKEIT
sys_language_overlay = 1
# CSS & JS ZUSAMMENFASSEN & KOMPRIMIEREN
concatenateCss = 0
concatenateJs = 0
compressJs = 0
}
Alternative Layouts
[globalVar = TSFE:page|layout = 1]
page.includeJS.grid = fileadmin/js/960grid.js
[globalVar = TSFE:page|layout = 2]
page.includeCSS.template2 = fileadmin/css/template2.css
[global]
mobilversion
[userFunc = user_isMobile()]
# NO CACHE – Sollte bei Onlinestellung unbedingt auskommentiert werden
config.no_cache = 1
page >
bhDefaultMobilePage = PAGE
bhDefaultMobilePage {
# CSS EINBINDEN
includeCSS.mobilebase = fileadmin/css/mobilebase.css
includeCSS.mobile = fileadmin/css/mobile.css
includeCSS.iconset = EXT:bh/Resources/Public/Css/iconset-frontend.css
includeJS.modernizr = fileadmin/js/modernizr-custom.js
includeJS.mobilescript = fileadmin/js/mobile.js
# MOBILE FOOTER SIMPLE
40.10.value = +43 5412 21346
40.20.value = support@bakehouse.at
40.30.typolink.parameter = 7
# MOBILE FOOTER EXTENDED
40 = COA
40 {
10 = TEXT
10.value = +43 5412 21346
10.wrap = <a class="mobileButton" href="tel:|" ><span class="bh-font-phone"></span></a>
20 = TEXT
20.value = support@bakehouse.at
20.wrap = <a class="mobileButton" href="mailto:|" ><span class="bh-font-mail"></span></a>
30 = TEXT
30.value = <span class="bh-font-map"></span>
30.typolink {
parameter = 7
ATagParams = class="mobileButton"
}
40 = TEXT
40.value = #
40.wrap = <a class="mobileButton top" href="|" ><span class="bh-font-arrow-circle-up"></span></a>
}
40.wrap = <div class="mobileFooter">|</div>
# MOBILE TOP EXTENDED
10 = COA
10 {
5 = COA
5 {
5 = TEXT
5.value =
5.wrap = <div class="bhm-slide-button bhm-slide-left-button"><span class="bh-font-menu"></span></div>
10 = TEXT
10.value =
10.wrap = <div class="bhm-slide-button bhm-slide-right-button"><span class="bh-font-ellipsis"></span></div>
}
5.wrap = <div class="bhm-header floatchildren ">|</div>
}
# NAVIGATIONSART DEFINIEREN
# bhm-1level | bhm-2levels | bhm-3levels | bhm-simplemenu | bhm-slidemenu | bhm-accordionmenu
2.wrap = <div class="bhm-slide-area bhm-slide-area-left bhm-3levels bhm-slidemenu"><div class="bhm-slide-area-inner">|</div></div>
# INFO RECHTS INHALT
4.10 = COA
4.10 {
10 = TEXT
10.value = Hilfe
10.wrap = <div class="mobile-button"><span class="bh-font-help"></span>|</div>
10.typolink.parameter = https://www.bakehouse.at/de/tutorial/
20 < .10
20.value = Social
20.wrap = <div class="mobile-button"><span class="bh-font-share"></span>|</div>
20.typolink.parameter = 1
30 < .10
30.value = Features
30.wrap = <div class="mobile-button"><span class="bh-font-cup"></span>|</div>
30.typolink.parameter = 1
40 < .10
40.value = Warenkorb
40.wrap = <div class="mobile-button"><span class="bh-font-cart"></span>|</div>
40.typolink.parameter = 1
50 < .10
50.value = Wetter
50.wrap = <div class="mobile-button"><span class="bh-font-sun"></span>|</div>
50.typolink.parameter = 1
60 < .10
60.value = Datum
60.wrap = <div class="mobile-button"><span class="bh-font-calendar"></span>|</div>
60.typolink.parameter = 1
}
}
# BILDERBREITEN herunterrechnen (für spezielle Contentbereiche)
plugin.tx_coomobile.headercontent.bhImageWidth = 1000
# DEFAULT-MOBIL-TEMPLATE EINBINDEN
plugin.tx_bh.settings {
page.template = fileadmin/templates/Mobile/Index.html
}