We use cookies to personalize content and ads of our website, to bring you social media functions, and to analyze the traffic to our website. We also share the collected data with our partners, who in turn may use it for social media, advertisement and analysis.More information
I accept

Typoscript

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
}