$
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 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 MobSize = article.value("mob-size","");
var headstyle = "";
headstyle += '.WZP-Artikel_' + article.id + '.spalten-sidenavbut-mob {';
headstyle += ' font-size:' + MobSize + 'px !important;';
headstyle += ' width: 33.333% !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")$>
<$ 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")$>