Le tuto que j’ai réalisé sur le sujet montre bien les étapes à faire mais un minimum de connaissance de MODx est demandé :
L’appel d’un snippet se fait en insérant dans ton template la syntaxe correspondante à ton snippet.
Il faut bien entendu insérer le fichier js (que j’ai nommé displaymenu.js) dans les balises <head>
ainsi que le fichier css (que j’ai nommé displaymenu.css) également dans les balises <head>.
Ce qui donne, dans le cas présent pour ton template :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.01 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>[(site_name)] - [*pagetitle*]</title>
...
<script type="text/javascript" src="assets/js/displaymenu.js" ></script>
<link rel="stylesheet" href="assets/templates/site/displaymenu.css" type="text/css" media="screen" />
...
</head>
<body>
...
[[Wayfinder? &startId=`0` &level=`2` &lastClass=`` &outerTpl=`wfOuter` &rowTpl=`wfRow` &hereTpl=`wfHere` &innerTpl=`wfInner` &innerRowTpl=`wfInnerRow` &innerHereTpl=`wfInnerHere` &outerClass=`menu` &hereClass=`here` &levelClass=`smenu` ]]
...
</body>
Les chunks sont des bouts de code HTML qui seront insérés par Wayfinder en tenant compte des variables passées en paramètre de Wayfinder.