Threadvorschau für eigene Add-ons vewenden

R

ragtek

Gast
Heute ist die Frage aufgekommen, wie man das "Vorschaufenster" von den Threads für eigene Add-ons verwendet.
Damit ich das nicht jedesmal erklären muss, hier mal ein "quick & dirty" Tutorial: (Sobald unsere Artikelbereich online geht, gibt es eine überarbeitete Version;) )


Das XenForo JS Framework bringt dafür die XenForo.PreviewTooltip Klasse mit.

Der Link muss dafür einen data-previewurl Parameter und die Klasse PreviewTooltip Klasse haben.
Im Falle der Threads, muss die previewurl noch /preview am Schluss haben, damit NUR der 1. Post ausgegeben wird und nicht der komplette Thread;)

zB:
Code:
<a href="threads/user-group-permissions-for-invite-add-on.73/" class="PreviewTooltip" title="" data-previewurl="threads/user-group-permissions-for-invite-add-on.73/preview">user group permissions for invite add-on</a>

Desweitern muss man noch das preview_tooltip Template einbinden.
Code:
<xen:include template="preview_tooltip" />

In meinem Fall schaut das dann folgendermassen aus:
Code:
...
<xen:foreach ...>
<a href="{xen:link "threads", $thread}" class="PreviewTooltip"
title=""
		data-previewUrl="{xen:link "threads/preview", $thread}">{$thread.title}</a>
</xen:foreach>
<xen:include template="preview_tooltip" />
Ergebniss:
threadvorschau.PNG
 
Zurück
Oben