THELIA Forum

Welcome to the THELIA support and discusssion forum

Announcement

Rejoignez la communauté sur le Discord Thelia : https://discord.gg/YgwpYEE3y3

Offline

#1 [Résolu] Menu déroulant

(19-04-2015 07:58:07)


Bonjour

Je recherche à créer un menu déroulant avec comme base ce post : http://thelia.net/forum/viewtopic.php?pid=61516#p61516 et si j'arrive à créer le menu contenant catégories et dossiers : 

<div class="collapse navbar-collapse" id="navbar-primary">
			{* define current ID *}
			{loop name="current_cat" type="category" current="yes"}
			{assign var="current_category_id" value="{$PARENT}"}
			{/loop}
			{* define the function *}
			{function rubriques level=0}
			{if $level == 0}
			<ul class="nav navbar-nav navbar-categories">
			<li><a href="{navigate to="index"}" class="home">{intl l="Accueil"}</a></li> 
			{else}
			{if $parent == $current_category_id}
			<ul class="nav navbar-nav navbar-categories dropdown-menu">
			{else}
			<ul class="nav navbar-nav navbar-categories dropdown-menu">
			{/if}
			{/if}
			{loop name="cat-parent-$level" type="category" parent=$parent need_count_child=1}
			{if $CHILD_COUNT> 0}
			<li class="dropdown"><a class="cat_{$ID} dropdown" href="{$URL}">{$TITLE}</a>
			{rubriques parent=$ID level=$level+1}
			</li>
			{else}
			<li><a class="cat_{$ID}" href="{$URL}">{$TITLE}</a></li>
			{/if}
			{/loop}
			{loop name="dos-parent-$level" type="folder" parent=$parent need_count_child=1}
			{if $CHILD_COUNT> 0}
			<li class="dropdown"><a class="dos_{$ID} dropdown" href="{$URL}">{$TITLE}</a>
			{rubriques parent=$ID level=$level+1}
			</li>
			{else}
			<li><a class="dos_{$ID}" href="{$URL}">{$TITLE}</a></li>
			{/if}
			{/loop}
			<li><a class="contact" href="{url path="/contact"}">{intl l="Contact"}</a></li>
			</ul>
			{/function}
            {rubriques parent='0'} 
</div>

Celui-ci ne se déroule pas au passage de la souris ....
D'où ma question :
- dois-je créer de nouvelles class pour le menu et abandonner : dopdomn-menu et dropdown
- dois-je seulement modifier les class existantes

A+

Last edited by Dreamer (19-04-2015 10:22:56)


Site en construction http://boutique.boucheriediscount.fr

Offline


Les dropdowns sont bien documentés dans la doc Bootstrap : http://getbootstrap.com/components/#dropdowns


OpenStudio Toulouse

Offline


Et hop in the besace !!
Et ça fonctionne comme je le veux !!
Je m'aperçois que Thelia possède beaucoup de possibilités inconnus pour le "boétien" que je suis !!
En fait, il suffit de modifier une ligne

<li class="dropdown"><a class="cat_{$ID} dropdown" href="{$URL}" >{$TITLE}</a>

en

<li class="dropdown"><a class="cat_{$ID} dropdown-toggle" href="{$URL}" data-toggle="dropdown" role="button" aria-expanded="false">{$TITLE}</a>

Merci

A+


Site en construction http://boutique.boucheriediscount.fr

Offline


Tu es un "boétien" ou un béotien ?
Ah moins que le boétien soit un béotien bohème ;-)