Изменить внешний вид фильтра - PrestaShop CMS :: Русская поддержка интернет-магазина PrestaShop

Изменить внешний вид фильтра

Татьяна
Новичок
Сообщений: 40
Регистрация: 25-06-2015

# 1

20-07-2015 20:24

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

Изображения:

2015-07-20 16-22-50 Скриншот экрана.png - Размер файла5.91KB, Скачиваний: 626 (Нажмите для увеличения)

Щелкните, и это сообщение будет добавлено в ваш ответ как цитата

Татьяна
Новичок
Сообщений: 40
Регистрация: 25-06-2015

# 2

20-07-2015 20:38

Цитата:( Татьяна @ 20-07-2015 21:24 Смотреть сообщение )

Вопрос касается изменения стандартного фильтра.

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

Изображения:

2015-07-20 16-37-15 Скриншот экрана.png - Размер файла6.22KB, Скачиваний: 480 (Нажмите для увеличения)

Алекс

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

# 3

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 - в коде, № группы с атрибутами цвета.

Оказываю услуги по администрированию интернет-магазина на CMS PrestaShop, написание модулей для PrestaShop. Большой опыт работы с CMS PrestaShop.

felix422
Новичок
Сообщений: 4
Регистрация: 20-01-2016

# 4

20-01-2016 14:26

Все привет! Подскажите пожалуйста как переименовать заголовок фильтра? Вместо каталог в фильтр? Заранее спасибо

Алекс

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

# 5

20-01-2016 14:29

Цитата:( felix422 @ 20-01-2016 15:26 Смотреть сообщение )

как переименовать заголовок фильтра?

Панель управления > Локализация > Перевод :: Перевод модулей.

felix422
Новичок
Сообщений: 4
Регистрация: 20-01-2016

# 6

20-01-2016 14:34

Цитата:( Алекс @ 20-01-2016 10:29 Смотреть сообщение )

Цитата:( felix422 @ 20-01-2016 15:26 Смотреть сообщение )

как переименовать заголовок фильтра?

Панель управления > Локализация > Перевод :: Перевод модулей.

Спасибо!

ZAPA
Новичок
Сообщений: 6
Регистрация: 08-03-2016

# 7

12-03-2016 20:01

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

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

Сообщение отредактировал Алекс (12-03-2016 21:23)

Алекс

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

# 8

12-03-2016 20:25

Цитата:( ZAPA @ 12-03-2016 21:01 Смотреть сообщение )

Мы попробовали внести код (написанный выше), но у нас ничего не получилось.

Тестировать код можно только на вашем шаблоне (код на других шаблонах будет работать неправильно).
Приложите ссылку в ИМ, добавьте свой код в ИМ и уточните чего хотели добиться.

Татьяна
Новичок
Сообщений: 40
Регистрация: 25-06-2015

# 9

11-10-2016 05:19

Цитата:( Алекс @ 21-07-2015 03:43 Смотреть сообщение )

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

Доброго времени суток всем! Алекс, большое спасибо за помощь, хоть и отвечаю с опозданием, только времечко появилось реализовать это! Все получилось!