Урок CSS (4) Красим элементы категории (topic_id)

[TopRaN 235]

Недавно пользователи спрашивали как поменять цвет на определенной категории объекта.

для начала создадим стили в котором мы определим сам цвет заливки и шрифта

Открываем файл стилей (я предпочитаю этот bootstrap.corrections.css ) и в конец файла вставляем следующее содержимое:

.reder {
    background-color:#848080;
  	color:white;
  }

После открывает файл header.tpl и добавляем следующий код :

<script type="text/javascript" >
  $(document).ready(function() {
  	$("#topic_id [value='2'],#topic_id [value='11'],#topic_id [value='3']").toggleClass("reder"); 
  });
</script>

где value 2,11,3 это ID категорий типа недвижимости. Узнать ID можно в админке в разделе "структура"

В итоге мы получаем 

[XTROson 4]

Аналогично:

<script type="text/javascript">
  $(document).ready(function() {
    make_red([1,2]); // все id через запятую
  });

  function make_red(data) {
    for(var i=;i<data.length;i++) {
      $("#topic_id").find("option[value='"+data[i]+"']").addClass("reder");
    }		
  }
</script>

 

[ReatEstate 13]

Аналогично для чего, можно уточнить?

[TopRaN 235]

3 минуты назад, ReatEstate сказал:

Аналогично для чего, можно уточнить?

Это другой скрипт выполняющий аналогичную функцию. Кому что удобнее.

[demon-82 3]

У меня не выходит? /sobstvennik70.ru/ хотя делаю точь в точь.

[Chernetskiy 469]

В 28.03.2016 в 22:17, TopRaN сказал:

Недавно пользователи спрашивали как поменять цвет на определенной категории объекта.

для начала создадим стили в котором мы определим сам цвет заливки и шрифта

Открываем файл стилей (я предпочитаю этот bootstrap.corrections.css ) и в конец файла вставляем ...

 

Работает, спасибо! Только для главных категорий сделал шрифт жирным, так лучше. Посмотреть можно здесь

[TopRaN 235]

9 минут назад, demon-82 сказал:

У меня не выходит? /sobstvennik70.ru/ хотя делаю точь в точь.

а зачем вы "." поставили?

[Chernetskiy 469]

1 минуту назад, TopRaN сказал:

а зачем вы "." поставили?

Так точки вроде по умолчанию там стоят

[TopRaN 235]

Только что, Chernetskiy сказал:

Так точки вроде по умолчанию там стоят

toggleClass("reder"); 

[demon-82 3]

Убрал. Это я эксперементировал....

[TopRaN 235]

3 минуты назад, demon-82 сказал:

Убрал. Это я эксперементировал....

И стили вы добавили?

[demon-82 3]

Да. Стиль добавил.

 

[Chernetskiy 469]

У меня в стилях:

.reder {
  background-color:#707070;
    color:white;
    font-weight: bold
}

хотя, может и буковки раскрасить? 

[Chernetskiy 469]

К стати, а где можно убрать точки перед категориями?

[Дмитрий Кондин 690]

13 часа назад, Chernetskiy сказал:

К стати, а где можно убрать точки перед категориями?

Точки в настройках 

 

Символ отбивки для корневых разделов в элементе structure(core_level_symbol)

 

 

Символ отбивки для вложенных разделов в элементе structure(level_symbol)

[ReatEstate 13]

Давайте разберем,  если в рубрикаторе  присутствует больше двух  главных  категорий. Например: Коммерческая (темносерым)/Аренда(светлосерым)/магазин(тут ничего, оставляем)

[TopRaN 235]

7 минут назад, ReatEstate сказал:

Давайте разберем,  если в рубрикаторе  присутствует больше двух  главных  категорий. Например: Коммерческая (темносерым)/Аренда(светлосерым)/магазин(тут ничего, оставляем)

Что именно не понятно по примеру?

[doma 22]

а как сделать так чтобы такая же расцветка была не только на главной странице, а еще и в структуре при подаче объявления через личный кабинет?
так как сейчас не получается, хотя и F5 несколько раз нажимали олее 50 раз и папку кеша чистили -ничего не помогает показывает не тем цветом что нам надо, на основной странице синим а в ЛК светло-серым

Заметили следующую особенность-как поправить?

если вылогиниться и посмотреть структуру то все показывается как надо и цвета -те что нужны,
ну а если зайти в личный кабинет и посмотреть раззделы лио через главную страницу  или при подаче объявления то структура уже другими цветами

и еще вопрос как поменять слово "тип" на слово "Раздел объявлений", в админке как не называй все равно не изменяется и не отображается
вопрос на скане

расшифровка файлов
тип2-это если смотрит пользователь без входа в ЛК
тип1 это если зайти в ЛК
тип-как изменить на РАЗДЕЛ ОБЪЯВЛЕНИЙ
 

[ReatEstate 13]

16 минут назад, TopRaN сказал:

Что именно не понятно по примеру?

Я так понял просто продублировать чуть ниже еще один стиль с другим цветом в файлик  css  + добавить с этим новым стилем в хедер новые нужные категории?
Или есть проще вариант?

[TopRaN 235]

27 минут назад, ReatEstate сказал:

Я так понял просто продублировать чуть ниже еще один стиль с другим цветом в файлик  css  + добавить с этим новым стилем в хедер новые нужные категории?

да, именно так

[doma 22]

7 часов назад, doma сказал:

а как сделать так чтобы такая же расцветка была не только на главной странице, а еще и в структуре при подаче объявления через личный кабинет?
так как сейчас не получается, хотя и F5 несколько раз нажимали олее 50 раз и папку кеша чистили -ничего не помогает показывает не тем цветом что нам надо, на основной странице синим а в ЛК светло-серым

Заметили следующую особенность-как поправить?

если вылогиниться и посмотреть структуру то все показывается как надо и цвета -те что нужны,
ну а если зайти в личный кабинет и посмотреть раззделы лио через главную страницу  или при подаче объявления то структура уже другими цветами

и еще вопрос как поменять слово "тип" на слово "Раздел объявлений", в админке как не называй все равно не изменяется и не отображается
вопрос на скане

расшифровка файлов
тип2-это если смотрит пользователь без входа в ЛК
тип1 это если зайти в ЛК
тип-как изменить на РАЗДЕЛ ОБЪЯВЛЕНИЙ

 

ребята что не так ? где же ответы? что то функция нормальная но работает видимо с привязкой к пользователю
или еще к чему то -проблемы описаны выше.

Добавим еще такую вещь, если смотреть на структуру обычным пользователем безвхода в ЛК, то все нормально
Если этот же пользователь зайдет в ЛК, то цвета немного видоизменяются, но удивительная вещь если несколько раз нажать F5 то возможно на какой то раз -структура начинает отображаться нормально. Но стоит в ЛК например нажать раздел продажа квартир и снова посмотреть на структуру-то цвета опять не правильные. Возможно нужно что то улучшить в коде   

 

[ReatEstate 13]

И еще, как и где в этой структуре поменять местами главные категории. Например "Коммерческая" с "Дома-участки"

[Дмитрий Кондин 690]

8 часов назад, ReatEstate сказал:

И еще, как и где в этой структуре поменять местами главные категории. Например "Коммерческая" с "Дома-участки"

У каждой категории есть поле Порядок сортировки - там вписывайте числа - чем меньше число, тем выше на одном уровне с другими.

[doma 22]

5 часов назад, rumantic сказал:

У каждой категории есть поле Порядок сортировки - там вписывайте числа - чем меньше число, тем выше на одном уровне с другими.

Дмитрий а такой вопрос еще у нас например была структура стандартная их ID были 1,5,40 к примеру то есть не очень большие, но решили создать еще несколько и их ID начали начинаться с 6141 , 6289 , это не страшно? и почему такой большой разрыв?

и еще наверное можно применить скрипт с несколькими условиями который сначала определяет ID категории а потом ID города и при совпадении условий необходимых будет показывать определенный банер (в виде кликабельной картинки), то есть своего рода такой рекламный скрипт.
Реализация есть несколько категорий например продажа квартир1ком=ID100  квартир2ком=ID200  квартир3ком=ID300  и есть несколько городов Например Москва=ID1 Киев=ID2 Саранск=ID3
так вот скрипт сначала выясняет ID категории а потом ID города и подставляет рекламку
Например условие такое 
Если категория100 и город1 тогда показать банер продажа 1 комн квартир в москве
Если категория200 и город1 тогда показать банер продажа 2 комн квартир в москве
Если категория300 и город1 тогда показать банер продажа 3 комн квартир в москве  
 Если категория100 и город2 тогда показать банер продажа 1 комн квартир в киева
и так далее для каждого города и для каждой категории
уверен очень востребовано
скрипт можно вынести в отдельный TPL файл для лучшей настройки чтобы не лазить в код 

Константин напишите пожалуйста правильный код
Спасибо
 

[TopRaN 235]

11 минуту назад, doma сказал:

Дмитрий а такой вопрос еще у нас например была структура стандартная их ID были 1,5,40 к примеру то есть не очень большие, но решили создать еще несколько и их ID начали начинаться с 6141 , 6289 , это не страшно? и почему такой большой разрыв?

Это вы делаете подкатегории, так и должно быть.

12 минуты назад, doma сказал:

и еще наверное можно применить скрипт с несколькими условиями который сначала определяет ID категории а потом ID города и при совпадении условий необходимых будет показывать определенный банер (в виде кликабельной картинки), то есть своего рода такой рекламный скрипт.
Реализация есть несколько категорий например продажа квартир1ком=ID100  квартир2ком=ID200  квартир3ком=ID300  и есть несколько городов Например Москва=ID1 Киев=ID2 Саранск=ID3
так вот скрипт сначала выясняет ID категории а потом ID города и подставляет рекламку

Это целый модуль, и такой модуль есть. Только вы сами  баннер и указываете ему параметры (тип, город, район). Могу Вам его установить, была платная-частная разработка.

P.S. Не надо в данной теме флудить другими вопросами! В данном топике только то что касается в название темы, а именно уроки для пользователей.