PHP divide ul uniformemente en 3 columnas Joomla Menu Module
joomla-extensions joomla3.0 (2)
¿Puedes ponerlo en columnas de CSS?
<!DOCTYPE html>
<html>
<head>
<style>
div.columns {
column-width: auto;
-moz-column-width: auto;
-webkit-column-width: auto;
column-count: 3;
-moz-column-count: 3;
-webkit-column-count: 3;
column-gap: 1em;
-moz-column-gap: 1em;
-webkit-column-gap: 1em;
}
.nosplit {
display: inline-block;
}
</style>
</head>
<body>
<div class="columns">
<ul>
<li>item01</li>
<li>item02</li>
<li>item03</li>
<li>item04</li>
<li class="nosplit">item05
<ul>
<li>item05a</li>
<li>item05b</li>
</ul>
</li>
<li>item06</li>
<li>item07</li>
<li class="nosplit">item08
<ul>
<li>item08a</li>
<li>item08b</li>
<li>item08c</li>
</ul>
</li>
<li>item09</li>
<li>item10</li>
</ul>
</body>
</html>
Actualmente estoy creando un módulo de menú joomla, pero me he encontrado con algunos problemas.
Estoy tratando de dividir los elementos del submenú en 3 columnas, actualmente estoy usando esto:
$counter = 0;
if($item->level == 2):
$counter += count($item);
endif;
if($item->level == 1):
$counter = 0;
endif;
if($counter%3 == 0 && $item->level == 2){
echo ''</ul><ul class="col-lg-3">'';
}
pero esto solo los agrupa en 3
Aquí está todo el default.php:
<?php
// No direct access
defined(''_JEXEC'') or die;
// Note. It is important to remove spaces between elements.
$counter = 0;
?>
<ul class="nav navbar-nav <?php echo $class_sfx; ?> nav-mega"<?php
$tag = '''';
if ($params->get(''tag_id'') != null)
{
$tag = $params->get(''tag_id'') . '''';
echo '' id="'' . $tag . ''"'';
}
?>>
<?php
foreach ($list as $i => &$item) {
if($item->level == 2):
$counter += count($item);
endif;
if($item->level == 1):
$counter = 0;
endif;
$class = ''item-'' . $item->id;
if ($item->id == $active_id) {
$class .= '' current'';
}
if (in_array($item->id, $path)){
$class .= '' active'';
}elseif ($item->type == ''alias''){
$aliasToId = $item->params->get(''aliasoptions'');
if (count($path) > 0 && $aliasToId == $path[count($path) - 1]) {
$class .= '' active'';
}elseif (in_array($aliasToId, $path)){
$class .= '' alias-parent-active'';
}
}
if ($item->deeper){
$class .= '' deeper dropdown'';
}
if ($item->parent){
$class .= '' parent'';
}
if (!empty($class)){
$class = '' class="'' . trim($class) . ''"'';
}
echo ''<li'' . $class . ''>'';
// Render the menu item.
switch ($item->type){
case ''separator'':
case ''url'':
case ''component'':
require JModuleHelper::getLayoutPath(''mod_blogmenu'', ''default_'' . $item->type);
break;
default:
require JModuleHelper::getLayoutPath(''mod_blogmenu'', ''default_url'');
break;
}
// The next item is deeper.
if($counter%3 == 0 && $item->level == 2){
echo ''</ul><ul class="col-lg-3">'';
}
if ($item->deeper){
echo ''<div class="dropdown-menu mega-dropdown">'';
echo ''<div class="mega-image col-lg-3 thumbnail visible-md visible-lg"><img src="''.$item->menu_image.''" /></div>'';
echo ''<ul class="col-lg-3">'';
}
// The next item is shallower.
elseif ($item->shallower){
echo str_repeat(''</ul><div class="mega-caption"></div></div>'', $item->level_diff);
}
// The next item is on the same level.
else {
//echo ''</li>'';
}
}
?>
</ul>
Lo siento mucho código; Todavía estoy tratando de aprender PHP y tratar de entender la forma de hacer las cosas de Joomla, no es demasiado fácil para mí.
Antes de recorrer todos los elementos de menú, cuente todos los submenúitems para cada elemento de menú. (Descargo de responsabilidad: no tengo conocimiento de Joomla Menus, pero estoy esperando $ item-> parent-> id referencias a id del elemento principal.)
$submenuItemsTotals = array();
foreach ($list as $i => &$item) {
if ($item->level == 2) {
if (!isset($submenuItemsTotal[$item->parent->id])) {
$submenuItemsTotal[$item->parent->id] = 1;
} else {
$submenuItemsTotal[$item->parent->id]++;
}
}
}
$itemsPerColumn = array();
foreach ($submenuItemsTotals as $parentId => $submenuItemsTotal) {
$itemsPerColumn[$parentId] = ceil($submenuItemsTotal / 3);
}
// Here comes your existing code with a small change
foreach ($list as $i => &$item) {
[your code....]
// The next item is deeper.
if($item->level == 2 && ($counter % $itemsPerColumn[$item->parent->id]) == 0){
echo ''</ul><ul class="col-lg-3">'';
}
[your code....]
}