Mon premier template

De TheliaDoc
Aller à : navigation, rechercher

Faire ses propres templates

Thelia v1.3.1/v1.3.2

  1. Les Templates
  2. Les paramètres optionnels
  3. Mon premier template 1/3 : Mon menu de navigation
     3.1 Mon premier template 2/3 : Aucune sous-rubriques et sous-sous-rubriques ne sont courantes
     3.2 Mon premier template 3/3 : Le cas d'une sous-sous-rubrique courante

3. Mon menu de navigation

Objectif avoué : faire un menu de navigation différent de celui existant dans le template par défaut.

Ce qu'il fait aujourd'hui : Affichage des rubriques à la racine du catalogue avec leurs sous-rubriques directes. Ces dernières sont présentées avec un style différent si l'utilisateur navigue dans une de ces catégories. Les contenus (articles) sont listés sans affichage de l'arborescence des dossiers.

Ce que nous voulons faire : Affichage des rubriques sur trois niveaux (1/rubrique > 2/sous-rubrique > 3/sous-sous-rubrique). Les sous-rubiques de niveau 3 ne devant être affichée que si la rubrique de niveau 2 est la rubrique courante (celle en cours de consultation par l'utilisateur), et bien sûr, si ces rubriques contiennent des produits. Et pour que tout cela soit joli on appliquera un style différent aux sous-rubriques courantes et non courantes.

  En clair un menu déroulant pour les sous-rubriques généré par le squelette

ce qui devrait ressembler à :

rubrique 1 (courante)      rubrique 1                   rubrique 1

sous-rubrique 1            sous-rubrique 1 (courante)   sous-rubrique 1

                           sous-sous-rubrique 2         sous-sous-rubrique 2 (courante)

Menu deroule 1.png...........Menu deroule 2.png...........Menu deroule 3.png

Commençons avec le fichier menu.html à la racine du site (copie du dossier template)

Et ne gardons que ceci du fichier :

<!-- menu général-->
   <div id="menuGeneral">
      <dl id="menu">

         <!-- Rubriques non vides à la Racine du catalogue classées par ordre de classement -->
         <THELIA_MENU_RUBRIQUES type="RUBRIQUE" parent="0" profondeur="1" classement="manuel">
            <dt><a href="#URL">#TITRE</a></dt>
               <dd class="ssmenu">
                  <ul>
                     <!-- sous rubriques -->
                     <THELIA_BLOC_SOUS_MENU type="RUBRIQUE" parent="#ID" classement="manuel">

                        <!-- ici tout est à faire -->

                     </THELIA_BLOC_SOUS_MENU>
                     <li class="invisibleW3C"> </li>	
                  </ul>
               </dd>
            </THELIA_MENU_RUBRIQUES>

            <!-- Contenu des dossiers et de leurs sous dossiers de premier niveau -->
            <THELIA_MENU_CONTENU type="CONTENU" parent="0" profondeur="1" classement="manuel">
               <dt><a href="#URL">#TITRE</a></dt>
            </THELIA_MENU_CONTENU>
         </dl>
   </div>

Modifions cette ligne :

  <THELIA_MENU_RUBRIQUES type="RUBRIQUE" parent="0" profondeur="1" classement="manuel">

par :

  <THELIA_MENU_RUBRIQUES type="RUBRIQUE" parent="0" pasvide="1" classement="manuel">

Nous avons remplacé profondeur="1" (à ma connaissance n'est pas fonctionnel) par pasvide="1" qui n'affichera que les rubriques avec au moins un produit dans la rubrique ou ses sous-rubriques.

Si vous testez le fichier tel quel, vous verrez apparaître la liste des rubriques à la racine du catalogue (parent="0"), ayant au mois un produit (pasvide="1"), classées par ordre de classement manuel (classement="manuel").

Maintenant nous allons afficher les sous-rubriques.

Trois cas de figure se présentent :

  - Aucune sous-rubrique et sous-sous-rubrique n'est courante.
  - Une sous-rubrique est courante.
  - Une sous-sous-rubrique est courante.

Nous allons faire en premier aucune sous-rubriques et sous-sous-rubriques ne sont courantes.


Page suivante >> Mon premier template 2/3


Rédaction : Ludovic LENNE