<$ 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: right;'; headstyle += ' font-size:' + Font + ' !important;'; headstyle += ' font-weight:' + FontW + ' !important;'; headstyle += ' top:' + Top + '% !important;'; headstyle += ' left:-' + Left + 'px !important;'; headstyle += ' border-top-right-radius:' + Corner + 'px !important;'; headstyle += ' border-bottom-right-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 += ' left:-' + 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 ColBz = article.value("col-b2",""); var BgColBz = article.value("bg-col-b2",""); var AbstOz = article.value("abst-o-2",""); var headstyle = ""; headstyle += '.WZP-Artikel_' + article.id + '.sidebut2 {'; headstyle += ' color:' + ColBz + ' !important;'; headstyle += ' background-color:' + BgColBz + ' !important;'; headstyle += ' margin-top:' + AbstOz + 'px !important;'; headstyle += '}'; system.addHtmlHeadElement("\n" + headstyle + "\n"); $> <$ var HovColBz = article.value("hov-col-b2",""); var HovBgColBz = article.value("hov-bg-col-b2",""); var headstyle = ""; headstyle += '.WZP-Artikel_' + article.id + '.sidebut2:hover {'; headstyle += ' color:' + HovColBz + ' !important;'; headstyle += ' background-color:' + HovBgColBz + ' !important;'; headstyle += '}'; system.addHtmlHeadElement("\n" + headstyle + "\n"); $> <$ var ColBd = article.value("col-b3",""); var BgColBd = article.value("bg-col-b3",""); var AbstOd = article.value("abst-o-3",""); var headstyle = ""; headstyle += '.WZP-Artikel_' + article.id + '.sidebut3 {'; headstyle += ' color:' + ColBd + ' !important;'; headstyle += ' background-color:' + BgColBd + ' !important;'; headstyle += ' margin-top:' + AbstOd + 'px !important;'; headstyle += '}'; system.addHtmlHeadElement("\n" + headstyle + "\n"); $> <$ var HovColBd = article.value("hov-col-b3",""); var HovBgColBd = article.value("hov-bg-col-b3",""); var headstyle = ""; headstyle += '.WZP-Artikel_' + article.id + '.sidebut3:hover {'; headstyle += ' color:' + HovColBd + ' !important;'; headstyle += ' background-color:' + HovBgColBd + ' !important;'; headstyle += '}'; system.addHtmlHeadElement("\n" + headstyle + "\n"); $> <$ var ColBv = article.value("col-b4",""); var BgColBv = article.value("bg-col-b4",""); var AbstOv = article.value("abst-o-4",""); var headstyle = ""; headstyle += '.WZP-Artikel_' + article.id + '.sidebut4 {'; headstyle += ' color:' + ColBv + ' !important;'; headstyle += ' background-color:' + BgColBv + ' !important;'; headstyle += ' margin-top:' + AbstOv + 'px !important;'; headstyle += '}'; system.addHtmlHeadElement("\n" + headstyle + "\n"); $> <$ var HovColBv = article.value("hov-col-b4",""); var HovBgColBv = article.value("hov-bg-col-b4",""); var headstyle = ""; headstyle += '.WZP-Artikel_' + article.id + '.sidebut4:hover {'; headstyle += ' color:' + HovColBv + ' !important;'; headstyle += ' background-color:' + HovBgColBv + ' !important;'; headstyle += '}'; system.addHtmlHeadElement("\n" + headstyle + "\n"); $> <$ var ColBf = article.value("col-b5",""); var BgColBf = article.value("bg-col-b5",""); var AbstOf = article.value("abst-o-5",""); var headstyle = ""; headstyle += '.WZP-Artikel_' + article.id + '.sidebut5 {'; headstyle += ' color:' + ColBf + ' !important;'; headstyle += ' background-color:' + BgColBf + ' !important;'; headstyle += ' margin-top:' + AbstOf + 'px !important;'; headstyle += '}'; system.addHtmlHeadElement("\n" + headstyle + "\n"); $> <$ var HovColBf = article.value("hov-col-b5",""); var HovBgColBf = article.value("hov-bg-col-b5",""); var headstyle = ""; headstyle += '.WZP-Artikel_' + article.id + '.sidebut5:hover {'; headstyle += ' color:' + HovColBf + ' !important;'; headstyle += ' background-color:' + HovBgColBf + ' !important;'; headstyle += '}'; system.addHtmlHeadElement("\n" + headstyle + "\n"); $> <$ var ColBs = article.value("col-b6",""); var BgColBs = article.value("bg-col-b6",""); var AbstOs = article.value("abst-o-6",""); var headstyle = ""; headstyle += '.WZP-Artikel_' + article.id + '.sidebut6 {'; headstyle += ' color:' + ColBs + ' !important;'; headstyle += ' background-color:' + BgColBs + ' !important;'; headstyle += ' margin-top:' + AbstOs + 'px !important;'; headstyle += '}'; system.addHtmlHeadElement("\n" + headstyle + "\n"); $> <$ var HovColBs = article.value("hov-col-b6",""); var HovBgColBs = article.value("hov-bg-col-b6",""); var headstyle = ""; headstyle += '.WZP-Artikel_' + article.id + '.sidebut6:hover {'; headstyle += ' color:' + HovColBs + ' !important;'; headstyle += ' background-color:' + HovBgColBs + ' !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: 16.666% !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")$>
><$= article.value("text-1") $> " style="margin-right:<$= article.value("icon-abst-1") $>px;"> ><$= article.value("text-2") $> " style="margin-right:<$= article.value("icon-abst-2") $>px;"> ><$= article.value("text-3") $> " style="margin-right:<$= article.value("icon-abst-3") $>px;"> ><$= article.value("text-4") $> " style="margin-right:<$= article.value("icon-abst-4") $>px;"> ><$= article.value("text-5") $> " style="margin-right:<$= article.value("icon-abst-5") $>px;"> ><$= article.value("text-6") $> " style="margin-right:<$= article.value("icon-abst-6") $>px;">
; background-color:<$= article.value("bg-col-b1") $>;" class="spalten-sidenavbut-mob WZP-Artikel_<$=article.id$>" <$= system.partial('zplink-expanded.html', 'link-1') $>>"> ; background-color:<$= article.value("bg-col-b2") $>;" class="spalten-sidenavbut-mob WZP-Artikel_<$=article.id$>" <$= system.partial('zplink-expanded.html', 'link-2') $>>"> ; background-color:<$= article.value("bg-col-b3") $>;" class="spalten-sidenavbut-mob WZP-Artikel_<$=article.id$>" <$= system.partial('zplink-expanded.html', 'link-3') $>>"> ; background-color:<$= article.value("bg-col-b4") $>;" class="spalten-sidenavbut-mob WZP-Artikel_<$=article.id$>" <$= system.partial('zplink-expanded.html', 'link-4') $>>"> ; background-color:<$= article.value("bg-col-b5") $>;" class="spalten-sidenavbut-mob WZP-Artikel_<$=article.id$>" <$= system.partial('zplink-expanded.html', 'link-5') $>>"> ; background-color:<$= article.value("bg-col-b6") $>;" class="spalten-sidenavbut-mob WZP-Artikel_<$=article.id$>" <$= system.partial('zplink-expanded.html', 'link-6') $>>">
<$ 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")$>