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
}