[Решено] Как на каждом нечетном выводе добавлять class css?

[stasone]

Нужно реализовать меню у которого пункты находятся в шахматном порядке, один человек посоветовал добавлять класс каждому нечетному пункту меню. А как это сделать не пойму. Кто  сможет объяснить?

Вот скрин меню:  

 

 

Обычный вывод вот: 

if ($this->category_id == $result['category_id']) {
			$categoryhome[$i]['href'] = $this->url->link('product/category', 'path=' . $new_path);
			
			} else {
			$categoryhome[$i]['href'] =  $this->url->link('product/category', 'path=' . $new_path);
			}
			if ($result['image']) {
						$image = $result['image'];
					} else {
						$image = 'no_image.jpg';
					}
			$categoryhome[$i]['thumb'] = $this->model_tool_image->resize($image, 185, 138);
			$categoryhome[$i]['name'] = $result['name'];

А вот с выборкой по четности не могу придумать. 

Помогите кто чем сможет.

PS: У WP есть такая реализация но её сюда применить не получится, или у меня не хватает на это ума((

[afwollis]

$('#menu_container div:odd').attr('class', 'odd');

$('#menu_container div:even').attr('class', 'even');

[stasone]

Извиняюсь за тупость, но можно полный код?

Змінено 18 жовтня 2013 користувачем afwollis
overquote deleted

[afwollis]

верстаете, грубо говоря:

<div id="menu_container">
<div style="background:url('/path/to/image_bg_1.png');"><a href="menu_link_1">Постельное бельё</a></div>
<div style="background:url('/path/to/image_bg_2.png');"><a href="menu_link_2">Одеяла</a></div>
<div style="background:url('/path/to/image_bg_3.png');"><a href="menu_link_3">Подушки</a></div>
<div style="background:url('/path/to/image_bg_4.png');"><a href="menu_link_4">Полотенца</a></div>
<div style="background:url('/path/to/image_bg_5.png');"><a href="menu_link_5">Халаты</a></div>
...
</div>
<script type="text/javascript"><!--
$('#menu_container div:odd').find('a').attr('class', 'odd');
$('#menu_container div:even').find('a').attr('class', 'even');
//--></script>

[stasone]

Как я не пытался приспособить Ваш вариант у меня не заработало, я думаю проблема в том что у меня немного не такой вывод и все привязано к модулю. Вот как у меня выводится все:

<div class="category-home-content">
<div class="categoryathome">
  <div class="this-tov">
      <div class="image"><a href="/index.php?route=product/category&path=59"><img src="/image/cache/data/system/category-img/postel-185x138.jpg" title="Постельное бельё" alt="Постельное бельё" /></a></div>
      <div class="name-home"><a href="/index.php?route=product/category&path=59">Постельное бельё</a></div>
</div>
<div class="this-tov">
      <div class="image"><a href="/index.php?route=product/category&path=60"><img src="/image/cache/data/system/category-img/odeialo-185x138.jpg" title="Одеяла" alt="Одеяла" /></a></div>
      <div class="name-home"><a href="/index.php?route=product/category&path=60">Одеяла</a></div>
</div>
...

Змінено 18 жовтня 2013 користувачем afwollis
overquote deleted

[afwollis]

<script type="text/javascript"><!--

$('div.categoryathome div.this-tov:odd').find('div.name-home').addClass('odd');

$('div.categoryathome div.this-tov:even').find('div.name-home').addClass('even');

//--></script>

[stasone]

Насколько я понимаю ваш скрипт должен находить класс name-home и прибавлять еще один клас odd или even?

Змінено 18 жовтня 2013 користувачем afwollis
overquote deleted

[afwollis]

грубо говоря - да.

[stasone]

грубо говоря - да.

Тогда я вообще ничего не пойму. Вывод не меняю, оставлю все как есть. Подключаю только скрипт в таком виде: 

<script type="text/javascript">
$('#categoryathome div.this-tov:odd').find('div.name-home').addClass('odd');
$('#categoryathome div.this-tov:even').find('div.name-home').addClass('even');
</script>

и все равно новый класс не появляется (( 

Что я могу не так делать?

[afwollis]

заново сообщение пересмотрите - я отредактировал код сразу после публикации.

заменил поиск по id на поиск по css-class.

проверил с вашей версткой - все работает.

[stasone]

заново сообщение пересмотрите - я отредактировал код сразу после публикации.

заменил поиск по id на поиск по css-class.

проверил с вашей версткой - все работает.

а сам opencart такую систему не может ломать?

[stasone]

Сейчас у меня такой код получается:

<div class="category-home-content">
<div class="categoryathome">
  <div class="this-tov">
      <div class="image"><a href="/index.php?route=product/category&path=59"><img src="/image/cache/data/system/category-img/postel-185x138.jpg" title="Постельное бельё" alt="Постельное бельё" /></a></div>
      <div class="name-home"><a href="/index.php?route=product/category&path=59">Постельное бельё</a></div>
</div>
<div class="this-tov">
      <div class="image"><a href="/index.php?route=product/category&path=60"><img src="/image/cache/data/system/category-img/odeialo-185x138.jpg" title="Одеяла" alt="Одеяла" /></a></div>
      <div class="name-home"><a href="/index.php?route=product/category&path=60">Одеяла</a></div>
</div>
...
</div>
</div>
<script type="text/javascript">
$('#categoryathome div.this-tov:odd').find('div.name-home').addClass('odd');
$('#categoryathome div.this-tov:even').find('div.name-home').addClass('even');
</script>

Все правильно?

[afwollis]

нет.

написал же - пересмотрите сообщение.

https://opencartforum.com/topic/27055-%D1%80%D0%B5%D1%88%D0%B5%D0%BD%D0%BE-%D0%BA%D0%B0%D0%BA-%D0%BD%D0%B0-%D0%BA%D0%B0%D0%B6%D0%B4%D0%BE%D0%BC-%D0%BD%D0%B5%D1%87%D0%B5%D1%82%D0%BD%D0%BE%D0%BC-%D0%B2%D1%8B%D0%B2%D0%BE%D0%B4%D0%B5-%D0%B4%D0%BE%D0%B1%D0%B0%D0%B2%D0%BB%D1%8F%D1%82%D1%8C-c/?do=findComment&comment=209374

[stasone]

Вот я тупень!! 

Спасибо очень помогли!!