Перейти к публикации
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...

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


bodyak0
 Поделиться

Рекомендованные сообщения

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

Ссылка на комментарий
Поделиться на других сайтах


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

Ссылка на комментарий
Поделиться на других сайтах


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>

Ссылка на комментарий
Поделиться на других сайтах


  • 1 месяц спустя...

переменную добавь для 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;

}

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

 

 

Изменено пользователем lexxkrt
Ссылка на комментарий
Поделиться на других сайтах


Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас
 Поделиться

  • Сейчас на странице   0 пользователей

    • Нет пользователей, просматривающих эту страницу.
×
×
  • Создать...

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.