Concrete5: réaliser une liste de page avec vignettes (thumbnails)

La doc initiale: Concrete5: liste de page avec vignettes

Et voici une version toute en images

Première partie

Création d'un modèle personnalisé pour afficher l'attribut (le plus compliqué)

Ne pas s'embêter à ré-écrire tout, il est possible de copier-coller depuis la doc initiale en version texte avec le code à copier-coller: Concrete5: liste de page avec vignettes

Créer le fichier

créer le modèle personnalisé en copiant le fichier /concrete/blocks/page_list/view.php sur /blocks/page_list/templates/thumbnail_images.php.

éditer le fichier

Ici, édition à distance sur le serveur avec gigolo & geany

modif1

modif2

doc c5

Comme d'habitude, la doc est bien faite!

modification finale

2e partie

On créée un nouvel attribut

Chercher “attr” dans le moteur de recherche

Ajout attribut

Choix attribut

choisissez “Image file”, puis cliquez sur le bouton “Ajouter”.

Ajouter

Le nouvel attribut est disponible

Modifier le type de page

Chercher “type” dans le moteur de recherche

Choisir le type de page

Ici Right Sidebar, puis "Properties"

Cliquer sur le nouvel attribut "Image page"

Et sauver

Affecter l'attribut aux pages souhaitées

On revient dans notre liste de page, toujours désespérément vide

éditer les propriétés de la page (edit properties)

custom attributes

Scroller et choisir "image page"

Scroller vers le haut

Un des rares défaut d'ergonomie de c5… il faut remonter pour voir l'attribut

Cliquer sur "choose file"

cliquer sur la vignette

choose

save

3e étape: changer la "page list"

Revenir sur la page list

Choisir “Custom template”

Choisir "Thumbnail images"

Résultat

On procède pour toutes les pages… et voici le résultat!

La doc initiale en version texte avec le code à copier-coller: Concrete5: liste de page avec vignettes