Affichage en blog, texte qui se retrouve sous tout le reste.

Bonjour, je ne savais pas bien quel titre mettre lol...

Bon. J'essaye de gérer ma page d'accueil avec flexi content.

Pour ça j'ai suivi le tuto.

Donc, j'ai ma catégorie Page d'accueil de template par defaut "blog" et mes articles qui sont affectés à 2 catégories dont page d'accueil.

J'ai un problème de mise en page. J'ai créé un champ "Image" et je voudrais que cette image s'affiche à gauche du texte de "description" un peu comme ça:



J'ai pris le template blog d'origine et j'ai fait ça:



Mais voilà comment cela s'affiche:


Le texte fait une seule ligne et continue sous tous les autres champs...

Que dois-je faire? que dois-je modifier?

Merci

hum, c'est un problème de mise en page...
Y'a pleins de solutions pour y remédier, mais faut coder un chouille en html ou css.

Mais vu que tu as un champs image, dans les paramètres de ta catégorie, tu peux choisir si tu veux mettre l'image à gauche et à droite.
Ca marche pas?

Si je configure la catégorie (blog par défaut) pour utiliser l'image et que je choisis gauche, l'image est alignée à gauche mais au dessus de tous les autres champs




En fait je veux bien coder un petit peu en php ou html, mais je ne sais pas où chercher et quoi chercher en fait.

Si vous pouviez m'éclairer ça m'aiderait grandement !

En fait je n'ai pas de pb de retour à la ligne.

Mais si je mets l'image et un texte à coté dans l'administration, si le texte est trop long, il passe en dessous de l'image






Ce que je croyais etre un retour à la ligne est en fait la description qui s'affiche par défaut à un endroit dans le template

Bon allez ma solution:
Ce que je ferais pour que ce soit beau et clair... exemple
Dans l'exemple, c'est géré dans une table html, mais pas besoin de se compliquer la vie.

Dans category_items.php,

<div class="image_gauche">
<?php if (isset($this->item->positions)) : ?>
<?php foreach ($this->item->positions as $field) : ?>
><?php echo $field->display; ?>
<?php endforeach; ?>
<?php endif; ?>
</div>

<div class="texte_droite">
<?php if (isset($this->item->positions)) : ?>
<?php foreach ($this->item->positions as $field) : ?>
<?php echo $field->display; ?>
<?php endforeach; ?>
<?php endif; ?>
</div>

Dans category.css

div .image_gauche {
float:left;
}

div .texte_droite {
float:right;
}

Dans category.xml

<fieldgroups>
<group>image</group>
<group>texte</group>
</fieldgroups>

Ou bien sans css et un <table>, dans category-items.php

<table width="100%">
<tr>
<td valign="top">
<?php if (isset($this->item->positions)) : ?>
<?php foreach ($this->item->positions as $field) : ?>
><?php echo $field->display; ?>
<?php endforeach; ?>
<?php endif; ?>
</td>

<td valign="top" align="left">
<?php if (isset($this->item->positions)) : ?>
<?php foreach ($this->item->positions as $field) : ?>
><?php echo $field->display; ?>
<?php endforeach; ?>
<?php endif; ?>
</td>
</tr>
</table>

et le même xml que précédemment.

Et autre solution, si tu ne veux pas toucher au code de category-items.php et au category.xml, tu fais les changements dans category.css.
Tu glisses ton champs image dans la position "above-description-line1-nolabel", ton champs description dans "above-description-line2-nolabel" (au choix)
Tu modifies dans le category.css, les arguments de .lineinfo

Voiili...

ps: c'est plus prudent de dupliquer les templates par defaut pour les modifier allègrement...

ok merci beaucoup pour ton aide! je vais tester tout ça

Bon j'ai essayé plusieurs choses...

J'ai commencé à modifier le .lineinfo, en changeant le display 'block' en 'inline'

ça donne ce que je veux pour l'image et le texte, mais ça fout un beau bordel pour les autres champs !

En fait ce que je voudrais exactement, c'est qu'une certaine ligne, comme "above-description-line1-nolabel" par exemple, ait ses éléments qui s'affiche de façon 'inline', et alors en mettant les modules image et description dedans ça donnerait ce que je voudrais, mais les lignes elles devraient être en 'block' pour qu'il y ait un retour à la ligne apres la description...

J'ai pas trouvé comment faire. Et en mettant tout en 'inline' ça devient n'importe quoi lool...



Bon 2e chose que j'ai essayé c'est ça

Dans category_items.php,

<div class="image_gauche">
<?php if (isset($this->item->positions)) : ?>
<?php foreach ($this->item->positions as $field) : ?>
><?php echo $field->display; ?>
<?php endforeach; ?>
<?php endif; ?>
</div>

<div class="texte_droite">
<?php if (isset($this->item->positions)) : ?>
<?php foreach ($this->item->positions as $field) : ?>
<?php echo $field->display; ?>
<?php endforeach; ?>
<?php endif; ?>
</div>




Dans category.css

div .image_gauche {
float:left;
}

div .texte_droite {
float:right;
}



Dans category.xml

<fieldgroups>
<group>image</group>
<group>texte</group>
</fieldgroups>

Et là, lorsque je glisse l'image dans un des deux champs que j'ai créé, celle ci ne s'affiche pas sur la page d'accueil, et le texte de la description s'affiche, mais il n'est pas formaté.

Quand je mets ces champs dans les champs prédéfinis, ils s'affichent toujours correctement...


La solution du tableau, je ne pense pas qu'elle fonctionne pour ce que je souhaite, car je voudrais que le texte de description revienne à la ligne quand il dépasse l'image verticalement (je ne sais pas si c'est clair).


Des idées sur ce que j'ai manqué ?

Bon j'ai trouvé comment afficher à peu près ce que je voulais comme je voulais au niveau des blocs,



Maintenant je voudrais que le nombre de commentaires s'affiche sous l'article ou bien à côté du titre.

je n'ai pas trouvé de champ ni d'option pour ça. Pourtant les commentaires sont activés avec Jcomment, et lors de la vue d'un article, j'ai bien les commentaires et la boite de commetaires qui s'affichent.

Savez-vous où chercher??

Salut,

Si utilises Jcomment, tu peux jeter un coup d'oeil là-dessus :
www.flexicontent.org/forum/index.php?f=33&t=436&rb_v=viewtopic

Apparemment le plugin te permet de placer les commentaires à partir de la gestion des templates. (Donc j'imagine cela fonctionne dans la vue catégorie)

A plus tard

Merci j'ai vu ce plugin, mais si on le place dans un template category, il affiche les commentaires et le bloc de textes directement dans la catégory