0

現在、次のように joomla メニューをオーバーライドしようとしています。

アイテム | アイテム | アイテム | item LOGO アイテム | アイテム | アイテム |アイテム

基本的に、メニューを半分に2つに分割しようとしていますが、うまく<ul>いきましたが、残念ながら魔法のように壊れてしまいました...

メニューの未編集のコードは次のとおりです。

<?php
/**
 * @package     Joomla.Site
 * @subpackage  mod_menu
 *
 * @copyright   Copyright (C) 2005 - 2013 Open Source Matters, Inc. All rights reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */

defined('_JEXEC') or die;

// Note. It is important to remove spaces between elements.
?>
<?php // The menu class is deprecated. Use nav instead. ?>
<ul class="nav menu<?php echo $class_sfx;?>"<?php
    $tag = '';
    if ($params->get('tag_id') != null)
    {
        $tag = $params->get('tag_id').'';
        echo ' id="'.$tag.'"';
    }
?>>
<?php
foreach ($list as $i => &$item) :
    $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->type == 'separator')
    {
        $class .= ' divider';
    }

    if ($item->deeper)
    {
        $class .= ' deeper';
    }

    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':
        case 'heading':
            require JModuleHelper::getLayoutPath('mod_menu', 'default_'.$item->type);
            break;

        default:
            require JModuleHelper::getLayoutPath('mod_menu', 'default_url');
            break;
    endswitch;

    // The next item is deeper.
    if ($item->deeper)
    {
        echo '<ul class="nav-child unstyled small">';
    }
    // The next item is shallower.
    elseif ($item->shallower)
    {
        echo '</li>';
        echo str_repeat('</ul></li>', $item->level_diff);
    }
    // The next item is on the same level.
    else {
        echo '</li>';
    }
endforeach;
?></ul>

そして、これが私が編集して今まで動作させたコードです:

<?php
/**
 * @package     Joomla.Site
 * @subpackage  mod_menu
 *
 * @copyright   Copyright (C) 2005 - 2013 Open Source Matters, Inc. All rights reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */

defined('_JEXEC') or die;

// Note. It is important to remove spaces between elements.
?>
<?php // The menu class is deprecated. Use nav instead. ?>
<?php if($class_sfx == " menu-logo"): ?>
<ul class="nav menu<?php echo $class_sfx;?> span4 pull-left menu-left"<?php
    $tag = '';
    if ($params->get('tag_id') != null)
    {
        $tag = $params->get('tag_id').'';
        echo ' id="'.$tag.'"';
    }
endif;
?>
<?php if($class_sfx != " menu-logo"): ?>
<ul class="nav menu<?php echo $class_sfx;?>"<?php
    $tag = '';
    if ($params->get('tag_id') != null)
    {
        $tag = $params->get('tag_id').'';
        echo ' id="'.$tag.'"';
    }
endif;
?>>
<?php 
$counter = 0;
foreach ($list as $i => &$item) :
    $class = 'item-'.$item->id;
     if($item->params->get('menu-anchor_css') == "dropdown-toggle") {
    $class = 'dropdown item-'.$item->id;
    } else {
    $class = 'item-'.$item->id;
    }

    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->type == 'separator')
    {
        $class .= ' divider';
    }

    if ($item->deeper)
    {
        $class .= 'dropdown-menu deeper';
    }

    if ($item->parent)
    {
        $class .= ' parent dropdown';
    }

    if (!empty($class))
    {
        $class = ' class="'.trim($class) .'"';
    }

    echo '<li'.$class.'>';

    // Render the menu item.
    switch ($item->type) :
        case 'separator':
        case 'url':
        case 'component':
        case 'heading':
            require JModuleHelper::getLayoutPath('mod_menu', 'default_'.$item->type);
            break;

        default:
            require JModuleHelper::getLayoutPath('mod_menu', 'default_url');
            break;
    endswitch;

    // The next item is deeper.
    if ($item->deeper)
    {
        echo '<ul class="nav-child dropdown-menu">';
    }
    // The next item is shallower.
    elseif ($item->shallower)
    {
        echo '</li>';
        echo str_repeat('</ul></li>', $item->level_diff);
    }
    // The next item is on the same level.
    else {
        $counter++;
        echo '</li>';
        if($counter == 4 && $class_sfx == " menu-logo"){
            echo "</ul>";
            echo "<div class='logo span4 hidden-phone'><img src='".JURI::base( true )."logo.png' /></div>";
            echo "<ul class='nav menu menu-right pull-right'>";
        }
    }
endforeach;
?></ul>
<div class='clearfix'></div>

申し訳ありませんが、私はコードのALOTを知っていますが、本当に物事を除外することはできません.どんな助けも大歓迎です.

私が思いついたソリューションに基づいたソリューションを使用する必要はありません..私が提供した方法で多くのCSSを今すぐ元に戻す方法を実行しました...

4

2 に答える 2

0

レベルが 2 未満の count 項目のみ$item->levelですべてをカウントする代わりに使用します。以下のコードを参照してください。$counter

<?php
/**
 * @package     Joomla.Site
 * @subpackage  mod_menu
 *
 * @copyright   Copyright (C) 2005 - 2013 Open Source Matters, Inc. All rights reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */

defined('_JEXEC') or die;

// Note. It is important to remove spaces between elements.
?>
<?php // The menu class is deprecated. Use nav instead. ?>
<?php if($class_sfx == " menu-logo"): ?>
<ul class="nav menu<?php echo $class_sfx;?> span4 pull-left menu-left"<?php
    $tag = '';
    if ($params->get('tag_id') != null)
    {
        $tag = $params->get('tag_id').'';
        echo ' id="'.$tag.'"';
    }
endif;
?>
<?php if($class_sfx != " menu-logo"): ?>
<ul class="nav menu<?php echo $class_sfx;?>"<?php
    $tag = '';
    if ($params->get('tag_id') != null)
    {
        $tag = $params->get('tag_id').'';
        echo ' id="'.$tag.'"';
    }
endif;
?>>
<?php 
foreach ($list as $i => &$item) :
    if($item->level < 2):
        $counter += count($item);
    endif;

    $class = 'item-'.$item->id;
     if($item->params->get('menu-anchor_css') == "dropdown-toggle") {
    $class = 'dropdown item-'.$item->id;
    } else {
    $class = 'item-'.$item->id;
    }

    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->type == 'separator')
    {
        $class .= ' divider';
    }

    if ($item->deeper)
    {
        $class .= 'dropdown-menu deeper';
    }

    if ($item->parent)
    {
        $class .= ' parent dropdown';
    }

    if (!empty($class))
    {
        $class = ' class="'.trim($class) .'"';
    }

    echo '<li'.$class.'>';

    // Render the menu item.
    switch ($item->type) :
        case 'separator':
        case 'url':
        case 'component':
        case 'heading':
            require JModuleHelper::getLayoutPath('mod_menu', 'default_'.$item->type);
            break;

        default:
            require JModuleHelper::getLayoutPath('mod_menu', 'default_url');
            break;
    endswitch;

    // The next item is deeper.
    if ($item->deeper)
    {
        echo '<ul class="nav-child dropdown-menu">';
    }
    // The next item is shallower.
    elseif ($item->shallower)
    {
        echo '</li>';
        echo str_repeat('</ul></li>', $item->level_diff);
    }
    // The next item is on the same level.
    else {
        echo '</li>';
    }
    if($counter == 4 && $class_sfx == " menu-logo"){
            echo "</ul>";
            echo "<div class='logo span4 hidden-phone'><img src='".JURI::base( true )."logo.png' /></div>";
            echo "<ul class='nav menu menu-right pull-right'>";
        }
endforeach;
?></ul>
<div class='clearfix'></div>
于 2013-08-05T14:16:09.173 に答える
0

これを実現するには、Joomla オプションを使用することをお勧めします。そうすれば、$counter をテストする必要はありません。メニュー マネージャーでメニュー項目を編集し、リンク タイプ オプションでリンク画像を選択して追加します。次に、 for each ループのコードで:

   $spanImg ='';
    if ($item->menu_image) {
      $spanImg = '<div class="logo span4 hidden-phone"><img src="'.$item->menu_image.'" /></div>';
    }
    ...
       // The next item is deeper.
        if ($item->deeper)
        {
            echo '<ul class="nav-child dropdown-menu">';
        }
    ...
      // The next item is on the same level.
        else {
            echo $spanImg.'</li>';
        }

それ以外の場合は、default_url.php を呼び出すと、このファイルでこのコードを見つけることができ、それも機能するはずです。

于 2013-08-05T13:19:46.543 に答える