Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
The code below will create a UIkit 2 slideset displaying Images with banner text and read more to related articles. This relation is created by adding a Database lookup field in the F2C form of the current content type and allowing users to select related articles. More info: http://documentation.form2content.com/f2c-field-types/database-lookup-…
<div data-uk-slideset="{ldelim}small: 1, medium: 1, large: 1{rdelim}">
<div class="uk-slidenav-position">
<ul class="uk-grid uk-grid-collapse uk-slideset">
{ldelim}F2cAnywhere id={foreach from=$RELEVANTE_PROJECTEN_VALUES key=k item=i name=whatever}{$k}{if $smarty.foreach.whatever.last}{else}, {/if}{/foreach}{rdelim}
<li class="uk-overlay">
<img src="[:$GALLERY_URL_ABSOLUTE:]/[:$GALLERY_IMAGES[0].FILENAME:]" width="[:$GALLERY_IMAGES[0].WIDTH:]" height="[:$GALLERY_IMAGES[0].HEIGHT:]"/>
<div class="uk-overlay-panel uk-overlay-right" style="padding:10px;background: rgba(255,255,255,0.6); width:50%; margin:20px;color: #444;"><h3>[:$JOOMLA_TITLE:]</h3>
<p class="uk-hidden-small">[:$BANNER_TEKST|truncate:100:]</p>
<div class="uk-align-right"><a href="[:$JOOMLA_ARTICLE_LINK_SEF:]" title="">Bekijk dit project ></a></div>
</div>
</li>
{ldelim}/F2cAnywhere{rdelim}
</ul>
<a class="uk-slidenav uk-slidenav-previous" href="#" data-uk-slideset-item="previous"></a>
<a class="uk-slidenav uk-slidenav-next" href="#" data-uk-slideset-item="next"></a>
</div>
<ul class="uk-slideset-nav uk-dotnav uk-flex-center" style="margin-top:5px;">...</ul>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.