Liste des catégories d'une catégorie

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • [RÉGLÉ] Liste des catégories d'une catégorie

    Bonjour,

    auriez vous une solution pour que l'affichage de la liste des catégories d'une catégorie soit plus "sexy" un peu comme l'affichage des articles d'une catégorie en mode blog ?

    car je trouve que cela manque.

    merci à tous
    Site d'entraide pour les utilisateur francophones de la CRM Vtiger https://aide-crm-vt.fr/
    Pour des extensions au top : http://joomlack.fr
    Pour la sécurité et l'optimisation : http://www.aesecure.com/ <--- Incontournable !
    Pour des petites choses sympa : http://lomart.fr

  • #2
    Re : Liste des catégories d'une catégorie

    Bonjur,

    Justement nous en parlions il n'y pas longtemps : http://forum.joomla.fr/showthread.ph...-en-2-colonnes

    Je ne sais pas si cela répond au coté plus sexy de la demande
    UP, le plugin universel à découvrir sur https//up.lomart.fr
    bgMax
    , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

    Commentaire


    • #3
      Re : Liste des catégories d'une catégorie

      Bonjour Lomart,

      c'est un bon début effectivement, j'ai testé via l'override de template mais ça n'est pas responsive ou alors je n'est pas bien compris
      Site d'entraide pour les utilisateur francophones de la CRM Vtiger https://aide-crm-vt.fr/
      Pour des extensions au top : http://joomlack.fr
      Pour la sécurité et l'optimisation : http://www.aesecure.com/ <--- Incontournable !
      Pour des petites choses sympa : http://lomart.fr

      Commentaire


      • #4
        Re : Liste des catégories d'une catégorie

        Normalement, c'est responsive.
        Tu as bien utilisé le code de ce post : http://forum.joomla.fr/showthread.ph...=1#post1100447
        UP, le plugin universel à découvrir sur https//up.lomart.fr
        bgMax
        , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

        Commentaire


        • #5
          Re : Liste des catégories d'une catégorie

          Re
          oui,

          pour êtres plus précis, les colonnes ne se mettent pas en dessous des une des autres lorsque l'écran devient plus petit.
          Tout s'écrase et la page devient fouillis.

          Moi j'utilise template créator CK
          Dernière édition par Casper17 à 01/06/2016, 13h27
          Site d'entraide pour les utilisateur francophones de la CRM Vtiger https://aide-crm-vt.fr/
          Pour des extensions au top : http://joomlack.fr
          Pour la sécurité et l'optimisation : http://www.aesecure.com/ <--- Incontournable !
          Pour des petites choses sympa : http://lomart.fr

          Commentaire


          • #6
            Re : Liste des catégories d'une catégorie

            Le site est visible ?
            UP, le plugin universel à découvrir sur https//up.lomart.fr
            bgMax
            , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

            Commentaire


            • #7
              Re : Liste des catégories d'une catégorie

              Envoyé par lomart Voir le message
              Le site est visible ?
              Re malheureusement non
              voila ce que cela donne ( je suis obligé de cacher un peu dsl......)
              Cliquez sur l'image pour l'afficher en taille normale

Nom : Capture.jpg 
Affichages : 1 
Taille : 13,0 Ko 
ID : 1805584
              Site d'entraide pour les utilisateur francophones de la CRM Vtiger https://aide-crm-vt.fr/
              Pour des extensions au top : http://joomlack.fr
              Pour la sécurité et l'optimisation : http://www.aesecure.com/ <--- Incontournable !
              Pour des petites choses sympa : http://lomart.fr

              Commentaire


              • #8
                Re : Liste des catégories d'une catégorie

                Je ne connais pas templatecreatorCK, mais il doit y avoir un conflit quelque part
                Il faut regarder avec Firebug les règles appliquées dans les différents contextes
                UP, le plugin universel à découvrir sur https//up.lomart.fr
                bgMax
                , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

                Commentaire


                • #9
                  Re : Liste des catégories d'une catégorie

                  J'ai demandé à Cédric sur son forum : http://forum.joomlack.fr/index.php/1...e-impact#35360
                  Site d'entraide pour les utilisateur francophones de la CRM Vtiger https://aide-crm-vt.fr/
                  Pour des extensions au top : http://joomlack.fr
                  Pour la sécurité et l'optimisation : http://www.aesecure.com/ <--- Incontournable !
                  Pour des petites choses sympa : http://lomart.fr

                  Commentaire


                  • #10
                    Re : Liste des catégories d'une catégorie

                    Si tu as activé Bootstrap, il faut remplacer les classes
                    - catcol-<?php echo $this->params['num_columns']; ?> par row
                    - onecat par span6 pour 2 colonnes *

                    * si l'on veut pouvoir indiquer le nombre de colonnes dans les paramètres, on remplace onecat par
                    span-<?php echo (12/$this->params['num_columns']); ?>
                    Dernière édition par lomart à 01/06/2016, 15h51
                    UP, le plugin universel à découvrir sur https//up.lomart.fr
                    bgMax
                    , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

                    Commentaire


                    • #11
                      Re : Liste des catégories d'une catégorie

                      RE, j'ai pas compris le réglage du nombre de colonne de ta 2e solution mais, la 1er solution avec 2 colonne fonctionne.
                      je souhaite pouvoir régler le nombre de colonne peux tu m'aider ?

                      Code PHP:
                      <?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(); 

                      /**** Pour les tests - a mettre ensuite dans les CSS */ 
                      $doc JFactory::getDocument(); 
                      $doc->addStyleDeclaration(
                      [class^="row-"] > div { 
                          
                          float:left; 

                      .row-1 > div { width:99%; } 
                      .row-2 > div { width:49%; } 
                      .row-3 > div { width:32%; } 
                      .row-4 > div { width:24%; } 

                      @media (max-width:600px) { 
                          div.[class^="row-"] > div {width:100%;} 

                      '
                      ); 
                      /**** fin css ***************/ 

                      if (count($this->items[$this->parent->id]) > && $this->maxLevelcat != 0) : 
                      ?> 
                          <div id="mansonry" class="row-<?php echo $this->params['num_columns']; ?>"> 
                              <?php foreach($this->items[$this->parent->id] as $id => $item) : ?> 
                                  <div class="span6"> 
                                      <h2 class="page-header item-title"> 
                                          <a href="<?php echo JRoute::_(ContentHelperRoute::getCategoryRoute($item->id));?>"> 
                                          <?php echo $this->escape($item->title); ?></a> 
                                      </h2> 
                                      <?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; ?> 
                                  </div>     
                              <?php endforeach; ?> 
                          </div> 
                      <?php endif; ?>
                      Site d'entraide pour les utilisateur francophones de la CRM Vtiger https://aide-crm-vt.fr/
                      Pour des extensions au top : http://joomlack.fr
                      Pour la sécurité et l'optimisation : http://www.aesecure.com/ <--- Incontournable !
                      Pour des petites choses sympa : http://lomart.fr

                      Commentaire


                      • #12
                        Re : Liste des catégories d'une catégorie

                        je souhaite pouvoir régler le nombre de colonne peux tu m'aider ?
                        La solution span6 fonctionne uniquement pour 2 catégories. Je crois qu'il faut Bootstrap 3 pour gérer les blocs flottants, mais je ne suis pas un spécialiste de Bootstrap.
                        Donc ma solution ne marche pas

                        Je reviens donc à mon code de base qui est indépendant du template utilisé
                        Le principe : dans le menu "Liste de toutes les catégories" qui affiche nos catégories "sexy", il suffit d'indiquer dans le paramètre "nombre de colonnes" de l'onglet "affichage du blog", le nombre de colonnes voulues. Par défaut, c'est 1.
                        Le code va ajouter le nombre de colonne à la classe catcol-, ce qui va définir la largeur de la colonne
                        J'ai ajouté une classe onecat-inner pour gérer l'espace entre bloc

                        Ci-dessous le code testé avec Protostar
                        A copier dans un fichier \templates\protostar_ou_autre\html\com_content\cat egories\default_items.php
                        Le css peut être déplacé dans le template.css en cours

                        Code PHP:
                         <?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
                         *
                         * Surcharge par Lomart le 1/6/16
                         * Indépendant du template utilisé
                         * Pour changer le nombre de colonnes :
                         * l'indiquer dans  le paramètre "nombre de colonnes" de l'onglet "affichage du blog" des paramètres du menu 
                         *
                         */

                        defined('_JEXEC') or die;

                        JHtml::_('bootstrap.tooltip');

                        /**** Pour les tests - a mettre ensuite dans les CSS */
                        $doc JFactory::getDocument();
                        $doc->addStyleDeclaration('
                        [class^="catcol-"] > div {
                            border:green 1px solid; /*juste pour les tests*/
                            float:left;
                        }
                        .catcol-1 > div { width:99%; }
                        .catcol-2 > div { width:49%; }
                        .catcol-3 > div { width:32%; }
                        .catcol-4 > div { width:24%; }

                        .onecat-inner {margin:10px;}

                        @media (max-width:600px) {
                            [class^="catcol-"] > div {width:100%;}
                        }
                        '
                        );
                        /**** fin css ***************/

                        if (count($this->items[$this->parent->id]) > && $this->maxLevelcat != 0) :
                        ?>
                            <div id="mansonry" class="catcol-<?php echo max(1,intval($this->params['num_columns'])); ?>">
                                <?php foreach($this->items[$this->parent->id] as $id => $item) : ?>
                                    <div class="onecat">
                                        <div class="onecat-inner">
                                            <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; ?>
                                        </div>    
                                    </div>    
                                <?php endforeach; ?>
                            </div>
                        <?php endif; ?>
                        UP, le plugin universel à découvrir sur https//up.lomart.fr
                        bgMax
                        , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

                        Commentaire


                        • #13
                          Re : Liste des catégories d'une catégorie

                          Attention, le paramètre num_columns définit aussi le nombre de colonnes pour le blog des articles de la catégorie appelé lors du clic sur une catégorie.
                          Pas de souci, si le nombre de colonne est identique. Sinon, il faut utiliser la méthode dont je parle ici : http://forum.joomla.fr/showthread.ph...=1#post1099727

                          Je suis en cours d'application de cette méthode + masonry sur mon site. Le temps de créer les descriptions de catégories et je montre le résultat.
                          UP, le plugin universel à découvrir sur https//up.lomart.fr
                          bgMax
                          , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

                          Commentaire


                          • #14
                            Re : Liste des catégories d'une catégorie

                            J'ai appliqué ce type de surcharge pour les catégories "extensions" de mon site (http://lomart.fr/extensions) en utilisant également mon module masonry pour augmenter l'effet "sexy" lors du redimensionnement du navigateur et l'imbrication de blocs de hauteurs différentes.
                            Je vais poster ce soir les surcharges pour les différents cas.
                            UP, le plugin universel à découvrir sur https//up.lomart.fr
                            bgMax
                            , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

                            Commentaire


                            • #15
                              Re : Liste des catégories d'une catégorie

                              Coool ! sur ton site l'effet est super ! l'internaute a une belle représentation des différentes catégories enfant au sein de la super catégorie. ça permet une bonne navigation je trouve. ça n'a pas l'air d’alourdir les perfs du site en plus.

                              re-
                              j'ai retesté ton dernier code et là paff! ça fonctionne impeccable ! et avec le page builder de Cédric le rendu est top !

                              par contre selon les résolutions, il faut peaufiner l'adaptabilité des colonnes car les images deviennent minuscules et l'affichage du texte peu ergonomique (exemple à 625x425).

                              Pb que l'on ne rencontre pas sur ton site c'est presque énervant lool de voir comme chez toi tout ce remet en place avec la fluidité en plus )
                              Dernière édition par Casper17 à 02/06/2016, 15h04
                              Site d'entraide pour les utilisateur francophones de la CRM Vtiger https://aide-crm-vt.fr/
                              Pour des extensions au top : http://joomlack.fr
                              Pour la sécurité et l'optimisation : http://www.aesecure.com/ <--- Incontournable !
                              Pour des petites choses sympa : http://lomart.fr

                              Commentaire

                              Annonce

                              Réduire
                              Aucune annonce pour le moment.

                              Partenaire de l'association

                              Réduire

                              Hébergeur Web PlanetHoster
                              Travaille ...
                              X