Bonjour,
je viens vers vous pour vous faire partager une mise en page qui marche sur mon site et qui peut intéresser certains, c'est à dire afficher une liste de catégories en 2 colonnes.
Je me suis basée sur cette info donnée pour joomla 2.5 ainsi qu'une autre info dont j'ai perdu le lien mais qui n'ont pas fonctionné pour moi car le code et le chemin (components/com_content/views/categories/tmpl/default_items.php) n'étaient pas bons.
Je suis sous Joomla 3.4.8 récemment migré en 3.5.1 avec un Template T3_Blank.
Donc, voici ce que j'ai fait :
1) dans components/com_content/views/categories/tmpl/, copier les fichiers default.php et default_items.php
2) dans templates/t3_blank/html/ créer un dossier com_content/categories et y coller les fichiers default.php et default_items.php
On a maintenant les chemins templates/t3_blank/html/com_content/categories/default.php et templates/t3_blank/html/com_content/categories/default_items.php
3) le fichier default.php ne change pas
4) effacer le contenu de default_item.php et y coller celui-ci
5) Comme vous pouvez le lire, j'ai créé de nouvelles classes que j'ai ensuite paramétré dans mon custom.css (templates/t3_blank/css/custom.css)
Et ça fonctionne
Les photos et les textes sous le nom de chaque catégories sont des contenus de description de la catégorie. Pour les afficher, lorsque je paramètre le menu en liste de catégories, je sélectionne "afficher" la description de la catégorie.
Voilà
Bonne journée à tous
je viens vers vous pour vous faire partager une mise en page qui marche sur mon site et qui peut intéresser certains, c'est à dire afficher une liste de catégories en 2 colonnes.
Je me suis basée sur cette info donnée pour joomla 2.5 ainsi qu'une autre info dont j'ai perdu le lien mais qui n'ont pas fonctionné pour moi car le code et le chemin (components/com_content/views/categories/tmpl/default_items.php) n'étaient pas bons.
Je suis sous Joomla 3.4.8 récemment migré en 3.5.1 avec un Template T3_Blank.
Donc, voici ce que j'ai fait :
1) dans components/com_content/views/categories/tmpl/, copier les fichiers default.php et default_items.php
2) dans templates/t3_blank/html/ créer un dossier com_content/categories et y coller les fichiers default.php et default_items.php
On a maintenant les chemins templates/t3_blank/html/com_content/categories/default.php et templates/t3_blank/html/com_content/categories/default_items.php
3) le fichier default.php ne change pas
4) effacer le contenu de default_item.php et y coller celui-ci
Code HTML:
<?php /** * @package Joomla.Site * @subpackage com_content * * @copyright Copyright (C) 2005 - 2015 Open Source Matters, Inc. All rights reserved. * @license GNU General Public License version 2 or later; see LICENSE.txt */ defined('_JEXEC') or die; JHtml::_('bootstrap.tooltip'); $class = ' class="first"'; $lang = JFactory::getLanguage(); $compteur = 0; if (count($this->items[$this->parent->id]) > 0 && $this->maxLevelcat != 0) : ?> <table class="deuxcol"> <tr class="unecolonne"> <?php foreach($this->items[$this->parent->id] as $id => $item) : ?> <?php if ($this->params->get('show_empty_categories_cat') || $item->numitems || count($item->getChildren())) : if (!isset($this->items[$this->parent->id][$id + 1])) { $class = ' class="last"'; } { $compteur++; } ?> <td class="deuxcolonne"> <?php $class = ''; ?> <h3 class="page-header item-title"> <a href="<?php echo JRoute::_(ContentHelperRoute::getCategoryRoute($item->id));?>"> <?php echo $this->escape($item->title); ?></a> </h3> <?php if ($this->params->get('show_description_image') && $item->getParams()->get('image')) : ?> <img src="<?php echo $item->getParams()->get('image'); ?>" alt="<?php echo htmlspecialchars($item->getParams()->get('image_alt')); ?>" /> <?php endif; ?> <?php if ($this->params->get('show_subcat_desc_cat') == 1) :?> <?php if ($item->description) : ?> <div class="category-desc"> <?php echo JHtml::_('content.prepare', $item->description, '', 'com_content.categories'); ?> </div> <?php endif; ?> <?php endif; ?> </td> <?php if($compteur%2 == 0) echo " </tr><tr>"; ?> <?php endif; ?> <?php endforeach; ?> </tr> </table> <?php endif; ?>
Code:
/* liste de catégories en 2 colonnes */ table.deuxcol { width: 900px; height: auto; margin-top: 50px; } tr.unecolonne { width: 900px; height: auto; margin-bottom: 20px; } td.deuxcolonne { width: 450px; height: auto; }
Les photos et les textes sous le nom de chaque catégories sont des contenus de description de la catégorie. Pour les afficher, lorsque je paramètre le menu en liste de catégories, je sélectionne "afficher" la description de la catégorie.
Voilà
Bonne journée à tous
Commentaire