Mon premier template : Différence entre versions
(→Faire ses propres templates) |
(Annulation des modifications 1721 par 94.102.60.45 (Discuter | Contributions)) |
||
Ligne 1 : | Ligne 1 : | ||
− | + | == '''Faire ses propres templates''' == | |
+ | |||
+ | '''Thelia v1.3.1/v1.3.2''' | ||
+ | |||
+ | 1. [[Les Templates]] | ||
+ | 2. [[Les paramètres optionnels]] | ||
+ | 3. [[Mon premier template|Mon premier template 1/3]] : Mon menu de navigation | ||
+ | 3.1 [[aucune sous-rubriques et sous-sous-rubriques ne sont courantes|Mon premier template 2/3]] : Aucune sous-rubriques et sous-sous-rubriques ne sont courantes | ||
+ | 3.2 [[le cas d'une sous-sous-rubrique courante|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 jolie 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 à : | ||
+ | |||
+ | <pre> | ||
+ | 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) | ||
+ | </pre> | ||
+ | |||
+ | [[Image:menu_deroule_1.png]]...........[[Image:menu_deroule_2.png]]...........[[Image: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 : | ||
+ | <pre> | ||
+ | <!-- menu général--> | ||
+ | <div id="menuGeneral"> | ||
+ | <dl id="menu"> | ||
+ | |||
+ | <!-- Rubriques non vide à la Racine du catalogue classée 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> | ||
+ | </pre> | ||
+ | |||
+ | 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 remplacer '''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 >> [[aucune sous-rubriques et sous-sous-rubriques ne sont courantes|Mon premier template 2/3]]''' | ||
+ | |||
+ | |||
+ | ''Rédaction : [[Utilisateur:Llenne|Ludovic LENNE]]'' |
Version du 6 octobre 2008 à 09:01
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 jolie 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)
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 vide à la Racine du catalogue classée 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 remplacer 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