<$ var Font = article.value("font",""); var FontW = article.value("fontw",""); var Left = article.value("left",""); var Top = article.value("top",""); var Corner = article.value("corner",""); var ZIndex = article.value("z-index",""); var headstyle = ""; headstyle += '.WZP-Artikel_' + article.id + '.sidenavbut a {'; headstyle += ' text-align: left;'; headstyle += ' font-size:' + Font + ' !important;'; headstyle += ' font-weight:' + FontW + ' !important;'; headstyle += ' top:' + Top + '% !important;'; headstyle += ' right:-' + Left + 'px !important;'; headstyle += ' border-top-left-radius:' + Corner + 'px !important;'; headstyle += ' border-bottom-left-radius:' + Corner + 'px !important;'; headstyle += ' z-index:' + ZIndex + ' !important;'; headstyle += '}'; system.addHtmlHeadElement("\n" + headstyle + "\n"); $> <$ var LeftHov = article.value("left-hov",""); var headstyle = ""; headstyle += '.WZP-Artikel_' + article.id + '.sidenavbut a:hover {'; headstyle += ' right:-' + LeftHov + 'px !important;'; headstyle += '}'; system.addHtmlHeadElement("\n" + headstyle + "\n"); $> <$ var TextTop = article.value("text-top",""); var headstyle = ""; headstyle += '.WZP-Artikel_' + article.id + '.sidenavbut span {'; headstyle += ' vertical-align:' + TextTop + 'px !important;'; headstyle += '}'; system.addHtmlHeadElement("\n" + headstyle + "\n"); $> <$ var IconGr = article.value("icon-gr",""); var headstyle = ""; headstyle += '.WZP-Artikel_' + article.id + '.sidenavbut i {'; headstyle += ' font-size:' + IconGr + 'px !important;'; headstyle += '}'; system.addHtmlHeadElement("\n" + headstyle + "\n"); $> <$ var ColBE = article.value("col-b1",""); var BgColBE = article.value("bg-col-b1",""); var headstyle = ""; headstyle += '.WZP-Artikel_' + article.id + '.sidebut1 {'; headstyle += ' color:' + ColBE + ' !important;'; headstyle += ' background-color:' + BgColBE + ' !important;'; headstyle += '}'; system.addHtmlHeadElement("\n" + headstyle + "\n"); $> <$ var HovColBE = article.value("hov-col-b1",""); var HovBgColBE = article.value("hov-bg-col-b1",""); var headstyle = ""; headstyle += '.WZP-Artikel_' + article.id + '.sidebut1:hover {'; headstyle += ' color:' + HovColBE + ' !important;'; headstyle += ' background-color:' + HovBgColBE + ' !important;'; headstyle += '}'; system.addHtmlHeadElement("\n" + headstyle + "\n"); $> <$ var MobSize = article.value("mob-size",""); var headstyle = ""; headstyle += '.WZP-Artikel_' + article.id + '.spalten-sidenavbut-mob {'; headstyle += ' font-size:' + MobSize + 'px !important;'; headstyle += ' width: 100% !important;'; headstyle += '}'; system.addHtmlHeadElement("\n" + headstyle + "\n"); $> <$ var Break = article.value("mobile",""); var headstyle = '@media (max-width: calc(' + Break + 'px - 1px)) {'; headstyle += '.sidenavbut {'; headstyle += 'display: none;'; headstyle += '}'; headstyle += '}'; system.addHtmlHeadElement("\n" + headstyle + "\n"); $> <$ var Break = article.value("mobile",""); var headstyle = '@media (min-width: ' + Break + 'px) {'; headstyle += '.sidenavbut-mob {'; headstyle += 'display: none;'; headstyle += '}'; headstyle += '}'; system.addHtmlHeadElement("\n" + headstyle + "\n"); $> <$ /* Einstellung fuer mobiles Verhalten */ var Break = article.value("mobile",""); var headstyle = '@media (max-width: calc(' + Break + 'px - 1px)) {'; var MobileBehavior = article.value("mobileBehavior", "bottom"); if (MobileBehavior === 'hide'){ headstyle += '.sidenavbut, .sidenavbut-mob {'; headstyle += 'display: none;'; headstyle += '}}'; system.addHtmlHeadElement("\n" + headstyle + "\n"); } $> <$ var Break = article.value("mobile",""); var MobSize = article.value("mob-size",""); var headstyle = '@media (max-width: ' + Break + 'px) {'; headstyle += 'body {'; headstyle += ' margin-bottom: calc(' + MobSize + 'px + 10px);'; headstyle += '}'; headstyle += '}'; system.addHtmlHeadElement("\n" + headstyle + "\n"); $> <$=system.partial("article-begin.html")$>
>" style="margin-left:<$= article.value("icon-abst-1") $>px;"> <$= article.value("text-1") $>
; background-color:<$= article.value("bg-col-b1") $>;" class="spalten-sidenavbut-mob WZP-Artikel_<$=article.id$>" <$= system.partial('zplink-expanded.html', 'link-1') $>>">
<$ if ( system.preview ) { $>

Sidenav Button

Hier können Sie das Widget öffnen oder löschen. Dieser Hinweis wird nur in der internen Vorschau angezeigt.

<$ } else { $> <$ } $> <$=system.partial("article-end.html")$>