<$ var ContBgCol = article.value('cont-bgcol', ''); var ContBordPx = article.value('cont-bord-px', ''); var ContBordCol = article.value('cont-bord-col', ''); var ContPadOU = article.value('cont-pad-ou', ''); var ContMargTop = article.value('cont-marg-top', ''); var ContMargBot = article.value('cont-marg-bot', ''); var ImgAbstU = article.value('img-abst-u', ''); var ImgScale = article.value('img-scale', ''); var BoxBreite = article.value('box-breite', ''); var BoxAbstO = article.value('box-abst-o', ''); var BoxAbstU = article.value('box-abst-u', ''); var BoxBordPx = article.value('box-bord-px', ''); var BoxBordCol = article.value('box-bord-col', ''); var FontZ = article.value('font-z', ''); var FontFam = article.value('font-fam', ''); var FontW = article.value('font-w', ''); var FontCol = article.value('font-col', ''); var headstyle = ""; headstyle += '.WZP-Artikel_' + article.id + '.wzpinfoline-container {'; headstyle += 'background-color:' + ContBgCol + ';'; headstyle += ' border-top:' + ContBordPx + 'px solid ' + ContBordCol + ';'; headstyle += ' border-bottom:' + ContBordPx + 'px solid ' + ContBordCol + ';'; headstyle += ' padding-top:' + ContPadOU + ';'; headstyle += ' padding-bottom:' + ContPadOU + ';'; headstyle += ' margin-top:' + ContMargTop + ';'; headstyle += ' margin-bottom:' + ContMargBot + ';'; headstyle += '}\n'; headstyle += '.WZP-Artikel_' + article.id + '.wzpinfoline-container img {'; headstyle += ' margin-bottom:' + ImgAbstU + 'px;'; headstyle += ' transform:scale(.' + ImgScale + ', .' + ImgScale + ');'; headstyle += '}\n'; headstyle += '.WZP-Artikel_' + article.id + '.wzpinfoline-box, .WZP-Artikel_' + article.id + '.wzpinfoline-box-first {'; headstyle += 'width:' + BoxBreite + ';'; headstyle += ' padding-top:' + BoxAbstO + ';'; headstyle += ' padding-bottom:' + BoxAbstU + ';'; headstyle += ' font-size:' + FontZ + ';'; headstyle += ' font-family:' + FontFam + ';'; headstyle += ' font-weight:' + FontW + ' !important;'; headstyle += '}\n'; headstyle += '.WZP-Artikel_' + article.id + '.wzpinfoline-box p, .WZP-Artikel_' + article.id + '.wzpinfoline-box-first p {'; headstyle += ' color:' + FontCol + ' !important;'; headstyle += '}\n'; headstyle += '.WZP-Artikel_' + article.id + '.wzpinfoline-box {'; headstyle += 'border-left:' + BoxBordPx + 'px solid ' + BoxBordCol + ';'; headstyle += '}\n'; system.addHtmlHeadElement("\n" + headstyle + "\n"); $> <$ var Break = article.value("break",""); var MobBoxBreite = article.value('mob-box-breite', ''); var headstyle = '@media (max-width: ' + Break + 'px) {\n'; headstyle += '.WZP-Artikel_' + article.id + '.wzpinfoline-container {'; headstyle += 'flex-wrap:wrap;'; headstyle += ' padding-left:0;'; headstyle += ' padding-right:0;'; headstyle += '}\n'; headstyle += '.WZP-Artikel_' + article.id + '.wzpinfoline-box {'; headstyle += 'width:' + MobBoxBreite + ';'; headstyle += ' border-left:none;'; headstyle += '}\n'; headstyle += '.WZP-Artikel_' + article.id + '.wzpinfoline-box-first {'; headstyle += 'width:' + MobBoxBreite + ';'; headstyle += '}\n'; headstyle += '}'; system.addHtmlHeadElement("\n" + headstyle + "\n"); $> <$=system.partial("article-begin.html")$>
<$ for ( var i = 1; i <= 1; i++){ var image = project.getImage(article.value("bild-" + i)); if ( isNull(image) ){ continue; } var altText = system.htmlEncode(system.removeHtmlTags(image.altText)); var beschreibung = image.description; var title = system.htmlEncode(system.removeHtmlTags(image.description)); var imgsrc = image.contentCopyPath; var fullsrc = image.workingCopyPath; var title = system.htmlEncode(system.removeHtmlTags(image.description)) $>
px" src="<$= imgsrc $>" alt="<$= altText $>" title="<$= title $>">
<$ } $> <$ for ( var i = 2; i <= 5; i++){ var image = project.getImage(article.value("bild-" + i)); if ( isNull(image) ){ continue; } var altText = system.htmlEncode(system.removeHtmlTags(image.altText)); var beschreibung = image.description; var title = system.htmlEncode(system.removeHtmlTags(image.description)); var imgsrc = image.contentCopyPath; var fullsrc = image.workingCopyPath; var title = system.htmlEncode(system.removeHtmlTags(image.description)); $>
px" src="<$= imgsrc $>" alt="<$= altText $>" title="<$= title $>">
<$ } $>
<$=system.partial("article-end.html")$>