Affichage de la liste des mots-clés

Publié le

Dans le tutoriel Créer un système de "tags" avec le module Keyword
0

Nous allons tout d'abord modifier le fichier qui affiche la liste des articles. Il s'agit du fichier folder.html (qui se trouve dans templates/frontOffice/default).

Repérons la boucle qui permet de lister les articles d'un dossier (j'ai rajouté un petit commentaire pour vous indiquer où nous allons placer notre code !) :

{loop name="folder_content" type="content" folder="$ID"}
    <li class="item">
        <article>
            {ifloop rel="content_thumbnail"}
                <a href="{$URL}" tabindex="-1" class="content-image">
                    {loop name="content_thumbnail" type="image" width="369" height="247" content=$ID limit="1"}
                        <img src="{$IMAGE_URL}" alt="{$TITLE}">
                    {/loop}
                    <span class="mask"></span>
                </a>
            {/ifloop}

            <div class="content-info">
                <h3 class="name"><a href="{$URL}">{$TITLE}</a></h3>
                {if $CHAPO}
                    <div class="short-description">
                        {$CHAPO}
                    </div>
                {/if}

                {* NOUS ALLONS PLACER NOTRE CODE ICI *}
            </div>
        </article><!-- /content -->
    </li>
{/loop}

A ce stade, nous allons remplacer mon commentaire par la boucle permettant de lister les mots-clés associés à un article. Sachez que le module Keyword apporte plusieurs boucles :

  • keyword_group : permet de lister les groupes de mots-clés
  • keyword : permet de lister les mots-clés
  • keyword_category : permet de lister les catégories associées aux mots-clés
  • keyword_product : permet de lister les produits associés aux mots-clés
  • keyword_content : permet de lister les contenus associés aux mots-clés
  • keyword_folder : permet de lister les dossiers associés aux mots-clés

Nous allons utiliser les boucles keyword_group et keyword. Remplacez mon commentaire par le code suivant :

{$contentId=$ID}
{ifloop rel="tags"}    
<ul class="tags" role="list">
    {loop name="tag-group" type="keyword_group" keyword_group="tags"}
        {loop name="tags" type="keyword" keyword_group="$ID" content="$contentId"}
            <li itemprop="keywords">{$TITLE}</li>
        {/loop}
    {/loop}
</ul>
{/ifloop}

Quelques explications s'imposent :

{$contentId=$ID}
Permet de stocker l'identifiant du contenu dans la variable $contentId

{loop name="tag-group" type="keyword_group" keyword_group="tags"}
Permet de récupérer le groupe identifié par le code "tags"

{loop name="tags" type="keyword" keyword_group="$ID" content="$contentId"}
Permet de lister tous les mots-clés associés au groupe courrant ainsi qu'au contenu correspondant à l'identifiant $contentId

Et voilà, vos mots-clés s'affichent ! Il ne vous reste plus qu'à personnaliser l'affichage de ceux-ci comme vous le désirez.

Ajouter votre commentaire

Les commentaires

Search

Categories