Vous êtes ici

Affichage d'une gallerie d'articles

Vous avez 30 secondes ?
S'abonner au flux d'actualités
5 contributions / 0 nouveau(x)
Dernière contribution
Affichage d'une gallerie d'articles
Bonjour,
Je decouvre Drupal et j'ai deja des problemes lors de la mise en forme de mes pages.
 
Je voudrais afficher une liste d'Articles sous formes de galleries : une page avec 2 colonnes d'articles
Pour chaque Article de la liste, on verrait :
- une image a gauche
- sur la droite de l'image mais sans jamais la depasser, on verrait, le champ "Ecrit le", le champ "Titre", un résumé du champ "Corps" affichés les uns au dessus des autres selon la hauteur de l'image
 
Pour cela, j'ai créé une vue qui affiche les articles au format Grille sur 2 colonnes et j'ai selectionné les champs que j'ai cité ci-dessus.
Mon probleme est que je n'arrive pas a affiché les articles comme je le souhaite (sur 2 colonnes, d'un coté l'image de l'autre les 3 autres champs) :
- Soit mes 4 champs s'affichent les uns au dessus des autres
- Soit ils sont cote a cote (dans la limite de la largeur de ma colonne)
 
J'ai reussi a obtenir le visuel que je veux pour mes articles en utilisant le format Tableau mais ma liste d'article ne s'affiche plus que sur une seule colonne.
 
Ce que je voudrais c'est une sorte de mix entre le format Tableau et le format Grille, est ce que c'est possible de le faire en mode "interface graphique" avec Drupal ou faut-il entrer dans le code ? Comment vous procéderiez ?
 
Merci de l'aide que vous pourrez m'apporter.
 
Stephane
 
This post is useful!
This post is useless!
Re: Affichage d'une gallerie d'articles
Bonjour !
 
Personnellement, je le ferais en twig / CSS, donc niveau code !
 
Cela dit, vous pouvez aussi essayer le module Display Suite (https://www.drupal.org/project/ds) qui vous aidera à faire cela. Il faudrait alors créer un nouveau mode de visualisation pour vos articles, nommons ce mode "listing". A ce mode de visualisation, appliquez les deux colonnes grâce à Display Suite. Enfin dans votre vue, au lieu d'afficher les champs de vos articles, choisissez d'afficher l'article complet, en mode d'affichage "listing".
 
Peut-être même que Field Layout (module directement dans Drupal) fait ceci, mais c'est un nouveau module que je n'ai pas encore utilisé donc je ne peux pas vous le garantir ! 
 
 
This post is useful!
This post is useless!
Re: Affichage d'une gallerie d'articles
Merci pour votre reponse rapide.
J'ai testé Field Layout et meme si ca se rapproche de ce que je veux, le resultat n'est pas satisfaisant.
Je pense qu'il sera plus simple pour moi de faire la modif en twig/css.
 
Comment procederiez vous pour faire ca ?
  • Vous faites un nouveau style d'affichage pour les vues (en plus de Grille, Tableau, Liste non formatée, ...)
  • Vous modifiez le style Grille ?
  • Vous modifiez le style appliqué aux lignes de la Grille ?
Quand on veut creer son propre affichage en s'inspirant de l'existant, il faut tout reprendre ? ou on peut surcharger ce qui existe ?
Si vous avez des liens qui m'aideraient a comprendre comment proceder, je suis preneur.
 
Merci beaucoup de votre aide.
 
This post is useful!
This post is useless!
Re: Affichage d'une gallerie d'articles
Bonjour !
Si j'ai bien compris, côté Views (vue), tout va bien: vous pouvez déjà créer votre grille d'article selon votre envie. Le soucis semble venir de l'affichage des articles eux-mêmes, où les infos devraient être en deux colonnes. C'est bien ça ?
 
2 solutions:
1- créer un mode d'affichage pour l'article et modifier le template de ce mode d'affichage (via code ou via Display Suite), et ensuite utiliser views pour afficher les articles avec ce mode de vue là.
 2- Utiliser Views en mode "champ" et disposer les champs en deux colonnes via la surcharge du template views.
 
Dans les deux cas, utiliser le mode debug twig vous aidera grandement dans la sélection des templates à surchargés appropriés: https://www.drupal.org/docs/8/theming/twig/debugging-twig-templates
This post is useful!
This post is useless!
Re: Affichage d'une gallerie d'articles
Vous avez tout compris !
J'ai installé Display Suite et je suis arrivé encore plus pret de ce que je recherche !
 
Je vais maitenant modifier l'affichage de facon plus fine en modifiant le CSS et les templates twig.
Comment ca se passe, si je veux utiliser le theme bartik mais que je veux y apporter des quelques modifs de CSS ou de templates ?
Je veux juste surcharger un fichier CSS et un fichier twig de Display suite ...
 
Je me créé un theme perso, je dupplique les fichiers de Display Suite que je veux modifier (en respectant l'arborescence ?) et le tour sera jouer ?
 
Merci
This post is useful!
This post is useless!
Connectez-vous ou inscrivez-vous pour publier un commentaire