ProcessWire - stickyFlags (Layoutblock)

Aus Wikizone
Version vom 6. Oktober 2018, 17:37 Uhr von 109.193.234.155 (Diskussion)
(Unterschied) ← Nächstältere Version | Aktuelle Version (Unterschied) | Nächstjüngere Version → (Unterschied)
Wechseln zu: Navigation, Suche

Mit Sticky Flags sind kleine Fähnchen am Seitenrand gemeint. Hier Klassen für ui-kit enthalten

<?php namespace ProcessWire;

$content = "";
$imgWidth = '120';
$boxWidth = '60';
$vMargin = '3';
$elemHeight = 0;
$countFlags = count($page->repeater_sticky_flags);
$elemHeight = (intval($boxWidth)+intval($vMargin)) * $countFlags;
foreach($page->repeater_sticky_flags as $item){
	$myImage = $item->single_image->width($imgWidth);
	$content .= '<div class="sticky-flag" style="width:'.$boxWidth.'px;"><a href="'.$item->link.'" description=""><img src="'.$myImage->url.'" title="'.$item->text.'"></a></div>';
}
$content = wrap($content,'<div class="uk-position-fixed sticky-flags" style="margin-top:-'.$elemHeight.'px;">|</div>');

return $content;

CSS

fixed positionieren fertig