French English German Italian Russian Spanish

Recherche

Qu'est que Warp dans Joomla

Joomla est un CMS très populaire et de nombreuses personnes ont développé des "framework" modifiant des fonctionnalités existantes ou bien sur c'est le but en ajouter comme Warp qui nous intéresse ici et permet entre autre de mettre vos menus (en haut) sur le nombre de colonne que vous souhaitez (entre une et quatre colonne).

Menu multi colonne dans warp et Joomla

Warp permet dans Joomla d'ajouter une fonction de multi colonnage pour vos menus dans le menu de votre choix

Gestion des menus : Liens de menu

Puis sur l'item menu principal vous pouvez ajouter dans ces options de paramètres d'affichage de la page puis CLASSE DE PAGE, vous allez ajouter columns-2 ou columns-3 ou columns-4 suivant vos envies en nombre de colonnes souhaitées.

Ajout de cette fonction aux séparateurs de texte

Les séparateurs de texte n'ont pas de façon native dans Joomla cette fonction permettant d'ajouter une CLASSE DE PAGE, nous allons donc ajouter cette fonction à la donnée "NOTE"

Editer le fichier warp systéme des menus templates/[TEMPLATENAME]/warp/systems/joomla/menus/pre.php normalement c'est à la ligne 49 pour toutes les versions WARP

// set columns and width
if (isset($item) && strpos($item->params->get('pageclass_sfx'), 'column') !== false) {
if (preg_match('/columns-(\d+)/', $item->params->get('pageclass_sfx'), $matches)) {
$li->attr('data-menu-columns', $matches[1]);
}
if (preg_match('/columnwidth-(\d+)/', $item->params->get('pageclass_sfx'), $matches)) {
$li->attr('data-menu-columnwidth', $matches[1]);
}
}

Remplacer par :

// set columns and width
if (isset($item) && strpos($item->params->get('pageclass_sfx'), 'column') !== false) {
if (preg_match('/columns-(\d+)/', $item->params->get('pageclass_sfx'), $matches)) {
$li->attr('data-menu-columns', $matches[1]);
}
if (preg_match('/columnwidth-(\d+)/', $item->params->get('pageclass_sfx'), $matches)) {
$li->attr('data-menu-columnwidth', $matches[1]);
}
}
// set columns and width avec les séparateurs de textes
if (isset($item) && strpos($item->note, 'column') !== false) {
if (preg_match('/columns-(\d+)/', $item->note, $matches)) {
$li->attr('data-menu-columns', $matches[1]);
}
if (preg_match('/columnwidth-(\d+)/', $item->note, $matches)) {
$li->attr('data-menu-columnwidth', $matches[1]);
}
}

Et voilà le tour est joué vous pouvez maintenant vous servir des templates yootheme et tout les autres utilisant warp et ils sont nombreux.

Cette astuce multi colonne fonctionne avec warp sur Joomla 1.5 à 3.