Нужно изменить цвет пунктов меню(категорий) в горизонтальном меню!

stroks · 14 липня 2012

Нужно изменить цвет пунктов меню в горизонтальном меню(категорий), причем каждому пункту разный цвет... то-есть дать каждому <li> id, как это можно сделать?

Rostov85 · 16 липня 2012

for ($i=0; $i<10; $i++) {

echo "<li id="/class".$i."/ "></li>";

}

stroks · 16 липня 2012

for ($i=0; $i<10; $i++) {

echo "<li id="/class".$i."/ "></li>";

}

Блин, спасибо конечно огромное, но я не очень силен в PHP. Может можно как-то подробнее.

Спасибо...

templater · 16 липня 2012

Если у вас шаблон default, то открываете catalogviewthemedefaulttemplatecommonheader.tpl

В конце ищете вывод категорий (стр.~72), и поменяйте фрагмент

<?php if ($categories) { ?>
<div id="menu">
  <ul>
    <?php foreach ($categories as $category) { ?>
    <li><?php if ($category['active']) { ?>

на этот:

<?php if ($categories) { ?>
<div id="menu">
  <ul>
    <?php $liclass=1; foreach ($categories as $category) { ?>
    <li class="cat_<?php echo $liclass; ?>"><?php $liclass++; if ($category['active']) { ?>

В сурсе страницы увидите, что у каждой главной категории появился свой класс. Останется присвоить каждому классу соответствующий css-стиль.

stroks · 16 липня 2012

Если у вас шаблон default, то открываете catalogviewthemedefaulttemplatecommonheader.tpl

В конце ищете вывод категорий (стр.~72), и поменяйте фрагмент
<?php if ($categories) { ?>
<div id="menu">
  <ul>
	<?php foreach ($categories as $category) { ?>
	<li><?php if ($category['active']) { ?>
на этот:
<?php if ($categories) { ?>
<div id="menu">
  <ul>
	<?php $liclass=1; foreach ($categories as $category) { ?>
	<li class="cat_<?php echo $liclass; ?>"><?php $liclass++; if ($category['active']) { ?>
В сурсе страницы увидите, что у каждой главной категории появился свой класс. Останется присвоить каждому классу соответствующий css-стиль.

Спасибо и вам огромное! Шоблон не default, но буду пробовать!

Как попробую отпишусь...

stroks · 16 липня 2012

Спасибо и вам огромное! Шоблон не default, но буду пробовать!

Как попробую отпишусь...

Что то у меня неподходит в моем шаблоне. Вот этот кусок кода...

Помогите кто сможет! Пожалуйста!

<?php if ($categories) { ?>
<!-- Categories -->

<div class="wrap-categories">
<div id="categories" class="set-size">

 <ul>

  <?php foreach ($categories as $category) { ?>
  <li>

   <a href="<?php echo $category['href']; ?>"><?php echo $category['name'];?></a>
   <?php if ($category['children']) { ?>

   <!-- SubMenu -->

   <ul class="sub-menu column-<?php echo $category['column']; ?>">

 <?php $i = 0; for (; $i < count($category['children']); $i++) { ?>
 <li><a href="<?php echo $category['children'][$i]['href']; ?>"><?php echo $category['children'][$i]['name']; ?></a></li>
 <?php } ?>

   </ul>

   <?php } ?>

  </li>
  <?php } ?>

 </ul>

</div>
</div>

<!-- End Categories -->

stroks · 16 липня 2012

Или может подскажите как сюда вытянуть id категории

<ul>

<?php foreach ($categories as $category) { ?>

<?php if ($category['children']) { ?>

templater · 16 липня 2012

<?php if ($categories) { ?>

<ul>

<?php $liclass=1; foreach ($categories as $category) { ?>

<?php if ($category['children']) { ?>

<?php $i = 0; for (; $i < count($category['children']); $i++) { ?>

<?php } ?>

</ul>

<?php } ?>

</li>

<?php } ?>

</ul>

</div>

stroks · 16 липня 2012

<?php if ($categories) { ?>
<!-- Categories -->

<div class="wrap-categories">
<div id="categories" class="set-size">

  <ul>

   <?php $liclass=1; foreach ($categories as $category) { ?>
   <li class="cat_<?php echo $liclass; $liclass++; ?>">

	<a href="<?php echo $category['href']; ?>"><?php echo $category['name'];?></a>
	<?php if ($category['children']) { ?>

	<!-- SubMenu -->

	<ul class="sub-menu column-<?php echo $category['column']; ?>">

		 <?php $i = 0; for (; $i < count($category['children']); $i++) { ?>
		 <li><a href="<?php echo $category['children'][$i]['href']; ?>"><?php echo $category['children'][$i]['name']; ?></a></li>
		 <?php } ?>

	</ul>

	<?php } ?>

   </li>
   <?php } ?>

  </ul>

</div>
</div>

<!-- End Categories -->

!!!!!!!!!!!!!!!! Спасибо тебе ДОБРЫЙ ЧЕЛОВЕК. Все получилось!!!!!!!!!!!!!!! Не сочтите за наглость. А нельзя ли там строки закоментировать.

Или не пойму нечего все равно?

<ul>

</ul>

templater · 16 липня 2012

!!!!!!!!!!!!!!!! Спасибо тебе ДОБРЫЙ ЧЕЛОВЕК. Все получилось!!!!!!!!!!!!!!! Не сочтите за наглость. А нельзя ли там строки закоментировать.

Или не пойму нечего все равно?

на здоровье, но последний вопрос я совсем не понял )))

stroks · 16 липня 2012

  <?php $liclass=1; foreach ($categories as $category) { ?>
  <li class="cat_<?php echo $liclass; $liclass++; ?>">

Просто интересно самому понять что откуда берется...

templater · 16 липня 2012

А, нужно прокомментировать, а не закомментировать :)

Сейчас...

templater · 16 липня 2012

<?php $liclass=1; /* устанавливаем некой переменной liclass начальное значение = 1 */ foreach ($categories as $category) { /* начался перебор категорий */ ?>

и т.д. пошло-поехало. остальное все, как и было

stroks · 16 липня 2012

Ну в общем понятно! Спасибо тебе еще раз! А мне нужно на PHP нажать...

bikoff · 9 лютого 2013

Если у вас шаблон default, то открываете \catalog\view\theme\default\template\common\header.tpl

В конце ищете вывод категорий (стр.~72), и поменяйте фрагмент
<?php if ($categories) { ?>
<div id="menu">
 <ul>
<?php foreach ($categories as $category) { ?>
<li><?php if ($category['active']) { ?>
на этот:
<?php if ($categories) { ?>
<div id="menu">
 <ul>
<?php $liclass=1; foreach ($categories as $category) { ?>
<li class="cat_<?php echo $liclass; ?>"><?php $liclass++; if ($category['active']) { ?>
В сурсе страницы увидите, что у каждой главной категории появился свой класс. Останется присвоить каждому классу соответствующий css-стиль.

Спасибо!!! Помог!!! Очень!!!! Целый день убил на поиски!!!) Хорошо, что наткнулся на эту ветку!!! Всех благ!

AlexFisher · 10 лютого 2013

А еще есть сестринские элементы, типа

li {color:red;}
li+li {color:green;}
li+li+li {color:blue;}

правда, они по-порядку будут выводиться и с ишаком, помнится мне, бубен потребуется.

Ну это я так... для общего развития :oops:

addnews · 8 жовтня 2013

А как присвоить первому пункту меню класс "home", например ?

мне нужно у первого пункта закругленные углы слева сделать.

<div id="supermenu">
  <ul>
    <?php foreach ($mitems as $mitem) { ?>
<li class="tlli" <?php if ($mitem['tlstyle']) { ?>style="<?php echo $mitem['tlstyle']; ?>" <?php } ?>><a class="tll" <?php if ($mitem['tlcolor']) { ?>style="color: <?php echo $mitem['tlcolor']; ?>;" <?php } ?><?php if ($mitem['href']) { ?>href="<?php echo $mitem['href']; ?>"<?php } ?>><?php echo $mitem['name']; ?></a>
<?php if ($mitem['children'] || ($mitem['chtml'] && $mitem['chtml'] == 1)) { ?>
     <div class="bigdiv"<?php if ($mitem['dwidth']) { ?> style="width: <?php echo $mitem['dwidth']; ?>px;"<?php } ?>>


 <?php if (!$mitem['dwidth']) { ?>
 <?php if ($mitem['add'] || ($mitem['chtml'] && $mitem['chtml'] == 2)) { ?><div class="supermenu-left" style="width: 755px;"><?php } else { ?><div class="supermenu-left" style="width: 960px;"><?php } ?>
 <?php } else { ?>
 <?php if ($mitem['add'] || ($mitem['chtml'] && $mitem['chtml'] == 2)) { ?><div class="supermenu-left"  style="width: <?php echo $mitem['ddwidth']; ?>px;"><?php } else { ?><div class="supermenu-left"  style="width: <?php echo $mitem['dwidth']; ?>px;"><?php } ?>
 <?php } ?>
 <?php if ($mitem['chtml'] && $mitem['chtml'] == 1) { ?><?php echo $mitem['cchtml']; ?><?php } ?>


 <?php if ($mitem['chtml'] && $mitem['chtml'] == 3) { ?><div style="display: block;"><?php echo $mitem['cchtml']; ?></div><?php } ?>


 <?php if (!$mitem['chtml'] || $mitem['chtml'] == 2 || $mitem['chtml'] == 3) { ?>


 <?php if (!$mitem['view']) { ?>
          <?php foreach ($mitem['children'] as $mildren) { ?>
  <?php if ($mildren['gchildren']) { ?>
            <div class="withchild"<?php if ($mitem['iwidth']) { ?> style="width: <?php echo $mitem['iwidth']; ?>px;"<?php } ?>>
    <a class="theparent" href="<?php echo $mildren['href']; ?>"><?php echo $mildren['name']; ?></a>
               <ul class="child-level">
                <?php foreach ($mildren['gchildren'] as $gmildren) { ?>
                 <li><a style="font-weight: bold;" href="<?php echo $gmildren['href']; ?>"><?php echo $gmildren['name']; ?></a></li>
                <?php } ?>
               </ul>
   </div>
  <?php } ?>
          <?php } ?>
 <div class="withoutchild">
  <?php foreach ($mitem['children'] as $mildren) { ?>
   <?php if (!$mildren['gchildren']) { ?>
             <div class="withchild"<?php if ($mitem['iwidth']) { ?> style="width: <?php echo $mitem['iwidth']; ?>px;"<?php } ?>>
     <a class="theparent" href="<?php echo $mildren['href']; ?>"><?php echo $mildren['name']; ?></a>
    </div>
   <?php } ?>
           <?php } ?>
 </div>
 <?php } else { ?>
 <?php foreach ($mitem['children'] as $mildren) { ?>
  <div class="withimage"<?php if ($mitem['iwidth']) { ?> style="width: <?php echo $mitem['iwidth']; ?>px;"<?php } ?>>
   <div class="image">
    <a href="<?php echo $mildren['href']; ?>"><img src="<?php echo $mildren['thumb']; ?>" alt="<?php echo $mildren['name']; ?>" title="<?php echo $mildren['name']; ?>" /></a>
   </div>
   <div class="name">
    <a class="nname" href="<?php echo $mildren['href']; ?>"><?php echo $mildren['name']; ?></a>
    <?php if ($mildren['gchildren']) { ?>
     <ul class="child-level">
               <?php foreach ($mildren['gchildren'] as $gmildren) { ?>
                <li><a href="<?php echo $gmildren['href']; ?>">+ <?php echo $gmildren['name']; ?></a></li>
               <?php } ?>
              </ul>
        <?php } ?>
   </div>
  </div>
 <?php } ?>
 <?php } ?>
 <?php } ?>
 </div>
 <?php if ($mitem['add'] || ($mitem['chtml'] && $mitem['chtml'] == 2)) { ?>
  <div class="menu-add">
   <?php if ($mitem['chtml'] && $mitem['chtml'] == 2) { ?>
<?php echo $mitem['cchtml']; ?>
<?php } else { ?>
<a <?php if ($mitem['addurl']) { ?>href="<?php echo $mitem['addurl']; ?>"<?php } ?>><img src="image/<?php echo $mitem['add']; ?>" alt="<?php echo $mitem['name']; ?>" /></a>
<?php } ?>
  </div>
 <?php } ?>
     </div>
    <?php } ?>
   </li>
  <?php } ?>
 </ul>
</div>
<?php } ?>

sosiskaAm · 27 липня 2016

Если у вас шаблон default, то открываете \catalog\view\theme\default\template\common\header.tpl

В конце ищете вывод категорий (стр.~72), и поменяйте фрагмент
<?php if ($categories) { ?>
<div id="menu">
  <ul>
    <?php foreach ($categories as $category) { ?>
    <li><?php if ($category['active']) { ?>
на этот:
<?php if ($categories) { ?>
<div id="menu">
  <ul>
    <?php $liclass=1; foreach ($categories as $category) { ?>
    <li class="cat_<?php echo $liclass; ?>"><?php $liclass++; if ($category['active']) { ?>
В сурсе страницы увидите, что у каждой главной категории появился свой класс. Останется присвоить каждому классу соответствующий css-стиль.

Спасибо огромное! Получилось!!! :-)

вот скрин https://img-fotki.yandex.ru/get/131107/315684346.31/0_235114_96b027b7_orig

Вхід

Нужно изменить цвет пунктов меню(категорий) в горизонтальном меню!

Recommended Posts

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Створіть аккаунт або увійдіть для коментування

Створити обліковий запис

Вхід

Зараз на сторінці 0 користувачів

Покупцям

Розробникам

Корисна інформація

Останні розширення

Important Information