Ответить Новая тема Новый опрос 
 Изменить внешний вид фильтра
Татьяна
Новичок
Сообщений: 40
Регистрация: 25-06-2015


20-07-2015 20:24
Вопрос касается изменения стандартного фильтра. Тут несколько пунктов:
1. фильтр по размеру.
визуальное расположение вертикальное, надо исправить на горизонтальное.
2. фильтр по цвету.
Визуальное расположение аналогично + дополнен названием цвета.
Надо убрать вывод названия сбоку и вывести его при наведении мыши на конкретный цвет.
Еще поменять расположение вертикальное на горизонтальное, но тут встает еще один момент, при большом количестве цветов, чтобы они при заполнении допустимой ширины продолжались с новой строки, рядом ниже.
Подскажите где лежит нужный файл и по возможности что править.
Заранее благодарю за помощь. Как решу вопрос, отпишусь по результатам.


Изображения:
2015-07-20 16-22-50 Скриншот экрана.png - Размер файла5.91KB, Скачиваний: 661 (Нажмите для увеличения)
 
Вне форума
ПМ 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Татьяна
Новичок
Сообщений: 40
Регистрация: 25-06-2015


20-07-2015 20:38
Цитата:( Татьяна @ 20-07-2015 21:24 Смотреть сообщение )
Вопрос касается изменения стандартного фильтра.

Результат хочется по палитре видеть такой:


Изображения:
2015-07-20 16-37-15 Скриншот экрана.png - Размер файла6.22KB, Скачиваний: 524 (Нажмите для увеличения)
 
Вне форума
ПМ 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Алекс


Администратор
Сообщений: 4516
Откуда: Красноярск
Регистрация: 29-05-2009


21-07-2015 02:43
Откройте файл /themes/тема/css/modules/blocklayered/blocklayered.css и в самый конец добавьте подобный код:

Код:
#layered_block_left #ul_layered_id_attribute_group_1 li {
    float: left;
    min-width: 33%;
}

#layered_block_left #ul_layered_id_attribute_group_3 li {
    float: left;
    min-width: 8%;    
}
#layered_block_left #ul_layered_id_attribute_group_3 label {
    display: none;
}
#layered_block_left #ul_layered_id_attribute_group_3 li:hover label {
    display: block;
    position:absolute;
    top:0;
}


1 - в коде, № группы с атрибутами размеры.
3 - в коде, № группы с атрибутами цвета.
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
felix422
Новичок
Сообщений: 4
Регистрация: 20-01-2016


20-01-2016 14:26
Все привет! Подскажите пожалуйста как переименовать заголовок фильтра? Вместо каталог в фильтр? Заранее спасибо
 
Вне форума
ПМ 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Алекс


Администратор
Сообщений: 4516
Откуда: Красноярск
Регистрация: 29-05-2009


20-01-2016 14:29
Цитата:( felix422 @ 20-01-2016 15:26 Смотреть сообщение )
как переименовать заголовок фильтра?

Панель управления > Локализация > Перевод :: Перевод модулей.
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
felix422
Новичок
Сообщений: 4
Регистрация: 20-01-2016


20-01-2016 14:34
Цитата:( Алекс @ 20-01-2016 10:29 Смотреть сообщение )
Цитата:( felix422 @ 20-01-2016 15:26 Смотреть сообщение )
как переименовать заголовок фильтра?
Панель управления > Локализация > Перевод :: Перевод модулей.


Спасибо! :drinks:
 
Вне форума
ПМ 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
ZAPA
Новичок
Сообщений: 6
Регистрация: 08-03-2016


12-03-2016 20:01
Добрый день!
Можете нам тоже помочь?
Мы попробовали внести код (написанный выше), но у нас ничего не получилось.
Прилагаем измененный файл:


весь код удалён, к сообщению можно прикладывать файлы - пользуйтесь!


Сообщение отредактировал Алекс (12-03-2016 21:23)
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Алекс


Администратор
Сообщений: 4516
Откуда: Красноярск
Регистрация: 29-05-2009


12-03-2016 20:25
Цитата:( ZAPA @ 12-03-2016 21:01 Смотреть сообщение )
Мы попробовали внести код (написанный выше), но у нас ничего не получилось.

Тестировать код можно только на вашем шаблоне (код на других шаблонах будет работать неправильно).
Приложите ссылку в ИМ, добавьте свой код в ИМ и уточните чего хотели добиться.
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Татьяна
Новичок
Сообщений: 40
Регистрация: 25-06-2015


11-10-2016 05:19
Цитата:( Алекс @ 21-07-2015 03:43 Смотреть сообщение )
Откройте файл /themes/тема/css/modules/blocklayered/blocklayered.css и в самый конец добавьте подобный код:

Доброго времени суток всем! Алекс, большое спасибо за помощь, хоть и отвечаю с опозданием, только времечко появилось реализовать это! Все получилось!
 
Вне форума
ПМ 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Ответить Новая тема Новый опрос