We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 1050
    • 2 Posts
    Первая часть вопроса решена
    Подскажите как сделать, чтоб можно было кликать только на дочерние пункты меню, а на родительский нельзя?


    Только начал изучать MODx Evo. Проблема в следующем... Есть стандартное двухуровневое верхнее меню.

    1. Нужно, чтобы при нажатии на Пункт2, класс active ставился только на Пункт2, а вэйфайндер ставит его еще и на все дочерние пункты. Убрал в сниппете класс here = active, весь список перестал выделяться.
    2. Нужно, чтобы при нажатии на дочерний пункт 11111, класс active ставился на пункт 11111 и на родительский Пункт2.

    Т.е. нужно классическое юзабельное верхнее меню с выпадающими вторым уровнем без всяких извращений.
    Кручу чанки уже несколько часов не получается сделать как надо.

    Заодно подскажите как сделать, чтоб на Пункт2 нельзя было кликать. Получается, в меню он есть, но перейти можно только в его дочерние элементы.
      • 1050
      • 2 Posts
      CSS к этому меню
      #nav{
      	border:none;
      	border:0px;
      	margin:0px;
      	padding:0px;
      	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
      	font-size:14px;
      	font-weight:bold;
      	}
      #nav ul{
      	background:#333333;
      	height:35px;
      	list-style:none;
      	margin:0;
      	padding:0;
      	}
      	#nav li{
      		float:left;
      		padding:0px;
      		}
      	#nav li a{
      		background:#333333 url("images/seperator.gif") bottom right no-repeat;
      		color:#cccccc;
      		display:block;
      		font-weight:normal;
      		line-height:35px;
      		margin:0px;
      		padding:0px 25px;
      		text-align:center;
      		text-decoration:none;
      		}
      		#nav li a:hover, #nav ul li:hover a{
      			background: #2580a2 url("images/hover.gif") bottom center no-repeat;
      			color:#FFFFFF;
      			text-decoration:none;
      			}
      			#nav li.active a, #nav ul li.active a{
      			background: #2580a2 url("images/hover.gif") bottom center no-repeat;
      			color:#FFFFFF;
      			text-decoration:none;
      			}
      	#nav li ul{
      		background:#333333;
      		display:none;
      		height:auto;
      		padding:0px;
      		margin:0px;
      		border:0px;
      		position:absolute;
      		width:225px;
      		z-index:200;
      		/*top:1em;
      		/*left:0;*/
      		}
      	#nav li:hover ul{
      		display:block;
      		
      		}
      	#nav li li {
      		background:url('images/sub_sep.gif') bottom left no-repeat;
      		display:block;
      		float:none;
      		margin:0px;
      		padding:0px;
      		width:225px;
      		}
      	#nav li:hover li a{
      		background:none;
      		
      		}
      	#nav li ul a{
      		display:block;
      		height:35px;
      		font-size:12px;
      		font-style:normal;
      		margin:0px;
      		padding:0px 10px 0px 15px;
      		text-align:left;
      		}
      		#nav li ul a:hover, #nav li ul li:hover a{
      			background:#2580a2 url('images/hover_sub.gif') center left no-repeat;
      			border:0px;
      			color:#ffffff;
      			text-decoration:none;
      			}
      			#nav li ul.active a, #nav li ul li.active a{
      			background:#2580a2 url('images/hover_sub.gif') center left no-repeat;
      			border:0px;
      			color:#ffffff;
      			text-decoration:none;
      			}
        • 36442
        • 97 Posts
        Если Пункт2 — это папка, то создайте шаблоны &parentRowTpl и &parentRowHereTpl, в которых название ресурса не обёрнуто ссылкой, например:
        <li>[+wf.linktext+]
        [+wf.wrapper+]
        </li>

        Параметры шаблонов указаны для MODX Evolution.