[Problème] Alignement des articles en vedettes : espace vide en vis a vis d'un article long

[g128]

Bonjour à tous,

Petite question sous Joomla! 3.x concernant l'alignement/enchaînement des articles en vedette (featured).

Sur les templates type beez3 ou protostar par défaut les amorces d'articles sur la page d'accueil (en colonnes) ne s'affichent pas réellement les uns en dessous des autres. L'ensemble est conditionné par la hauteur de la ligne.
si l'un d'eux est plus long dans une des colonnes cela décalera d'autant la ligne suivante et générera un fâcheux espace vide dans l'autre colonne.

Petit schéma pour comprendre



Je cherche désespérément à modifier cela pour que les articles soient réellement les uns au dessus des autres dans chaque colonne.

com_content/featured/default.php me rend dingue

Merci pour votre éclairage

[Rajoz]

Re : Alignement des articles en vedettes : espace vide en vis a vis d'un article long

Bonjour g128,

Le fichier components/com_content/views/featured/tmpl/default.php affiche effectivement les articles par ligne en utilisant les classes de Bootstrap (http://getbootstrap.com/2.3.2/scaffo...luidGridSystem)

L'exemple résumé ci-dessous utilise les classes :

• row-fluid : début de ligne de largeur 100%
• span6 : largeur d'élément de 50%

<div class="blog-featured">                             <!-- début blog en vedette -->
    <div class="items-row col-2 row-0 row-fluid">         <!-- début ligne 1 -->
        <div class="item column-1 span6">Article 1</div>    <!-- article 1 -->
        <div class="item column-2 span6">Article 2</div>    <!-- article 2 -->
    </div>                                                <!-- fin ligne 1 -->
    <div class="items-row col-2 row-1 row-fluid">         <!-- début ligne 2 -->
        <div class="item column-1 span6">Article 3</div>    <!-- article 3 -->
        <div class="item column-2 span6">Article 4</div>    <!-- article 4 -->
    </div>                                                <!-- fin ligne 2 -->
</div>                                                  <!-- fin du blog -->

Avec ce fonctionnement par ligne, si l'article 1 est plus long que l'article 2, il va obligatoirement rester un espace entre la fin de l'article 2 et la fin de la ligne 1.
L'article 3 et l'article 4 vont démarrer au même niveau càd après le début de la ligne 2, en fonction de leur longueur respective il pourra y avoir un espace avant la fin de la ligne 2.

Comme tout est possible en informatique, il serait bien sûr faisable de faire une surcharge de default.php. Mais cela me semble compliqué surtout qu'il faudra maintenir cette surcharge lors des évolutions de Joomla!

Il est possible de se débrouiller "manuellement" avec le lien "Lire la suite..." pour que les articles affichés en blog aient des longueurs similaires donc sans espacement. Des extensions permettent d'insérer "automatiquement" le lien "Lire la suite..." après un certain nombre de caractères, comme par exemple :

• Read Less - Txt : http://extensions.joomla.org/extensi...-summary/12432

Dans le JED, il y a de nombreuses extensions d'affichage des articles qui sont flexibles pour la présentation des articles :

• http://extensions.joomla.org/extensi.../frontend-news
• http://extensions.joomla.org/extensi...ay/latest-news
• http://extensions.joomla.org/extensi...icles-showcase

Amicalement,
Rajoz

[algrand001]

Re : Alignement des articles en vedettes : espace vide en vis a vis d'un article long

Je suis tout à fait d'accord avec rajoz, mettre un lire la suite dans les articles mis en vedette semble être la solution la plus simple et la plus légère pour régler ton pb. Il suffit d'inssérer ton bouton lien "lire la suite" après le même nombre de ligne dans chacun de tes articles mis en vedette.

[g128]

Re : Alignement des articles en vedettes : espace vide en vis a vis d'un article long

Hello,

@Rajoz : merci pour ton retour.

J'ai finalement fait une surcouche à partir d'un autre template pour obtenir l'affichage que je souhaitais.

Merci.