Разная цветовая палитра названия категории

[bodyak0]

Подскажите как реализовать такой же вывод цветов у блоков категорий.
http://doloni.toys/
Мне нужно чтобы каждая категория на главной имела свой цвет пусть и рандомно, как реализовать помогите, буду очень признателен)

[bodyak0]

ну или как сделать нумерацию блокам категорий аналогично этому?
data-zone="index_brand_1"
data-zone="index_brand_2"
data-zone="index_brand_3"

[stickpro]

:nth-child или поставить счетчик в представлении

[bodyak0]

40 хвилин назад, stickpro сказав:

:nth-child или поставить счетчик в представлении

Спасибо, а вот не подскажите как мне сделать так что бы этот js выдавал к примеру не только цифру
выдает сейчас вот так  id="1", а мне нудно чтобы с цифрой было к примеру param


<script type="text/javascript">
var div = $('.index-brand');
var counter = 0;
$.each(div, function(){
  $(this).attr('id', ++counter);
});
</script>

[lexxkrt]

переменную добавь для id конкатенацию строки с номером.

не пойму, зачем тут ява скрипт? заполняй класс (id) на стадии формирования твига.

а проще вообще стилями, как тебе написали :nth-child, тогда вообще редактировать не надо будет твига

 

в css 

 

.index_brand {

background-color: blue;

}

.index_brand :nth-child(1){

background-color: #123456;

}

.index_brand :nth-child(2){

background-color: #456789;

}

... и так далее

 

 

Змінено 20 травня 2020 користувачем lexxkrt