Fonctions artCat(), artActiveCatIds() et artCatIds().

cfdev · mars 2016

Salut,
je voudrais réaliser une liste des catégories avec des couleurs comme l'image ci-dessous

Pour avoir ce rendu je pioche directement dans le xml, c'est bien pour avoir les derniers articles, mais pour la partie blog avec le système de pagination je ne peux pas faire pareil.

voici le code html que je souhaiterai obtenir:

[== Indéfini ==]
 <ul class="cat_list"><li class="cat-001">Général</li></ul>

Le fonction artCat() n'est pas assez personnalisable... et je 'narrive pas à utiliser les artActiveCatIds() et artCatIds() fonctionne pas chez moi

une idée?

Pierre · mars 2016

Si les catégories sont déjà connues et assez fixes (pas dynamiques), moi j'irais avec une succession de plusieurs instances de la fonction lastArtList() en fixant la catégorie en la nommant par son numéro dans chaque instance. Par exemple, ça utiliserait par défaut le dernier article de chacune de ces catégories, son titre peut servir de lien vers la page unique d'article.

Stéphane · mars 2016

Hello

Englobe la fonction artCat dans une div qui permettra de définir des propriétés css sur les liens des catégories

<div class="art-cats"><?php $plxShow->artCat('') ?></div>

nb: on passe '' comme paramètre à la fonction artCat pour ne pas avoir la , de séparation entre chaque catégories

ensuite un petit coup de css

.art-cats {
	display: inline-block;
}

.art-cats a {
	background-color: #4E7890;
	color: #fff;
	padding: 5px;
	margin: 0 3px 0 3px;
}

Enjoy

ps: modif pour le fichier home.php (et les autres qui utilise artCat) en supposant que l'affichage est pour la liste des catégories de chaque article

cfdev · mars 2016

@Stephane merci pour la mise en page

mais c'est pas cela que je souhaite sinon je n'aurais pas posté sur le forum:

[== Indéfini ==]
<ul class="cat_list">
 <li class="cat-001">Général</li>
 <li class="cat-007">Ressources</li>
</ul>

Je veux identifier mes catégories avec leur ID pour definir des class de couleurs, je l'ai déjà fait sur la page d'acceuil ça marche nikel, mais je voudrais l'utiliser avec des fonctions de plxShow.

@Pierre lastArtList() ne me sort pas les id des cat

Stéphane · mars 2016

<div class="art-cats"><?php $plxShow->artCat('') ?></div>

.art-cats {
    display: inline-block;
}
.art-cats a {
    padding: 5px;
    margin: 0 3px 0 3px;
}
.art-cats a[title="Général"] {
    background-color: #4E7890;
    color: #fff;
}
.art-cats a[title="Ressources"] {
    background-color: #597821;
    color: #fff;
}

Pierre · mars 2016

Ah, je comprend, tu veux influencer la couleur de chacun des boutons de catégories actives. Par "couleur", je pensais qu'on parlait de l'image d'arrière-plan en rose qui serait influencée par une catégorie ou une autre.

Bonne chance avec la solution offerte par Stéphane, tu es entre bonnes mains. Je compte bien prendre en note la méthode en question, on sait jamais.

bazooka07 · mars 2016

Pour afficher la liste des catégories, il te suffit d'appeler la fonction $plxShow->artCat('', $format); avec $format qui va bien en t'inspirant de la valeur par défaut pour mettre l'attribut class à <li> :

[== PHP ==]
?>
<ul>
<?php
$format =  '<li id="#cat_id" class="#cat_status cat-#cat_id"><a href="#cat_url" title="#cat_name">#cat_name</a></li>''
?>
$plxShow->catList('', $format);
<ul>

Tu peux également afficher une image pour chaque catégorie en modifiant $format. Note que le dossier des images s'obtient par

[== PHP ==]
$mediasRoot = $plxMotor->racine.$plxMotor->aConf['racine_medias'];
$format =  '<li id="#cat_id" class="#cat_status cat-#cat_id"><img src="'.$mediasRoot.'#cat_id.jpg"/><a href="#cat_url" title="#cat_name">#cat_name</a></li>';

Dans ta feuille de style CSS, il faudra définir une couleur pour chaque class cat-1, cat-2, .....

Pierre · mars 2016

Ah celle-là je l'aime beaucoup, j'ai souvent des pictogrammes qui représentent les catégories et je fais des pirouettes pour les afficher au lieu des noms, c'est beaucoup mieux comme ça. J'avais pas pensé de créer le $format au préalable, génial.

cfdev · mars 2016

Merci je pense pouvoir me débrouiller avec ça ?
Après pour catlist il me semble pas avoir vu #cat_id dans la doc... Il faut que jouvre les yeux.
++

bazooka07 · mars 2016

Je ne sais pas ce qu'il y a dans la doc.

J'ai regardé directement la fonction catList dans le fichier core/lib/class.plx.show.php
Il y a la liste de tous les formats reconnus par catLIst

Stéphane · mars 2016

Attention la fonction catList liste toutes les catégories (sidebar), tandis que la fonction artCat liste les catégories d'un article.
Dans ce que demande cfdev (si j'ai bien compris sa demande) c'est de pouvoir styliser l'affichage des catégories de ses articles.
On ne peut donc pas ici utiliser la fonction catList.
D'où le code donné dans le post #5, pour avoir un affichage différent en fonction du nom de la catégorie. On se base ici sur le contenu de la balise title car il n'y a pas d'id sur les liens. Cette alternative a ses inconvénients mais elle répond à la demande initiale.

cfdev · mars 2016

@Stéphane +1
Ok c'est fait merci.

Juste pour information, Stéphane à quoi servent artActiveCatIds() et artCatIds() du coup ?

Stéphane · mars 2016

artCatIds() : retourne la liste des catégories de l'article séparées par des virgules
artActiveCatIds() : retourne un tableau contenant les numéros des catégories actives de l'article
artCat() : affiche la liste des catégories actives de l'article sous forme de lien cliquable

Pierre · mars 2016

Quel beau candidat pour un formatage dans une future version, quelque chose du genre:

artCat('#artCatId, ','all')
artCat('#artCatId','active')
artCat('<a href="#cat_url" title="#cat_name">#cat_name</a>, ','active')

On peut même rêver à tout balancer et utiliser catList(). Ça reste à débattre et à peaufiner mais c'est l'idée. Tellement de fonctions de PluXml profiteraient d'une telle simplicité et flexibilité. C'est vrai qu'on finit toujours par s'habituer aux pirouettes demandées par les incongruitées de PluXml mais il est parfois difficile de motiver l'existence de ces façons différentes de faire la même chose. Je répète la même rengaine, toutes les fonctions avec un $format et fini les ECHO dans ces fonctions, les remplacer par des RETURN. Si on veut tout de suite afficher, on s'en occupera à la sortie dans le gabarit.

Mais ce sera pour une future conversation, vivement la version 5.5 en attendant, j'ai tellement hâte, je ne voudrais pas la retarder!

Fonctions artCat(), artActiveCatIds() et artCatIds().

Réponses