Utilisation du moduleeZ Flow

sur le site www.kaliop.fr

Mars 2012

Sophie ImbachResponsable du pôle projet

2

eZ Flow pour quoi ?

– Votre site contient un volume de contenu conséquent à valoriser ?

– Vous souhaitez hiérarchiser des blocs d’accès rapide ?

– Vous souhaitez faire remonter automatiquement des contenus dans ces blocs ?

– Vous souhaitez paramétrer le type d’affichage dans chaque bloc ?

2

3

Les questions à se poser lors de la conception

3

Positionnement

1 colonne 2 colonnes

Mise à jours

3 prochains

automatique3 derniers

affichage

carrousel

liste résumée

Type de contenu

actualités

eZ Flow

Bloc XML

Au hasardmanuelle

articles

Publicationsévènements

En premier En bas

4

Wireframe

Cette étape permet de fixer plusieurs principes :

– Utilisation d’une grille : chaque bloc est positionné dans une colonne

– Factorisation des type d’affichage : chaque bloc utilisera un mode d’affichage sélectionné dans un catalogue prédéfini

5

Factorisation des types de bloc

Il faut dissocier le « type de bloc » et le « type d’affichage » :

– Type de bloc :– Carrousel– Bloc libre– Liste automatique d’articles

– Type d’affichage : – Listing sur 1 colonne (juste le titre de la page)– Listing sur 2 colonnes– Résumé (titre / vignette / texte)– Etc…

6

Exemple

• Type de bloc : • liste automatique

article 

• Type d’affichage :  • résumée

Le titre et la couleur du bloc sont libres

Chaque dernier article est remontée automatiquement

Il est possible de restreindre aux N derniers articles

7

Positionnement des blocs

Sous le tire de la page

Chaque bloc peut être positionné dans différentes zones :

Sous le texte sur 1 colonnesur 2 colonnes

Sous le menu

8

Exemple

Affichage de blocs sous le menu et sous le texte de la page

Sous le texte sur 1 colonnesur 2 colonnes

Sous le menu

9

Comment ça marche dans le back office ?

Exemple : afficher les témoignages dans la colonne de gauche

10

Comment ça marche dans le back office ?

Etape 1 choisir la zone « gauche bas »

Etape 2choisir le type de bloc

Etape 3Donner un titre à son bloc

Etape 7 : ordonner les témoignages

(drag& drop)

Etape 4choisir l’affichage

Etape 6Sélectionner les témoignages

111104.99.13.68.60 - www.kaliop.com – www.twitter.com/kaliop04/08/201

0

Comment ça marche dans le back office ?

Une fois tous les blocs crées, il est possible :de les ordonner dans chaque zone

Et de les supprimer

12

Les choix de l’affichage

Exemple : les différents types d’affichage d’une actualité sur le site Kaliop

Sur 2 colonnes

Grande vignette au dessus Titre à coté de la vignette Titre au dessus de la vignette

13

Une multitude d’options possibles