Русская поддержка интернет-магазина PrestaShop
русская поддержка PrestaShop.
Регистрация
Забыли пароль?
Главная
Возможности
Демо
Скачать
Каталог магазинов
Форум
Модули и шаблоны
Администрирование
Реклама и маркетинг
Аналитика и статистика
Оплата и платежные системы
Управление контентом
Экспорт
Фронт-офис
Локализация
Торговые площадки
Управление товарами
Средства миграции
Оформление заказа
Поиск и фильтры
Доставка и логистика
Слайд-шоу
Социальные сети
Модификаторы
Шаблоны PrestaShop
Работа
Главная
Форум
Общие форумы (prestashop v1.6.x)
Дизайн, шаблоны
Изменить внешний вид фильтра
Изменить внешний вид фильтра
Татьяна
Новичок
Сообщений: 40
Регистрация: 25-06-2015
# 1
20-07-2015 20:24
Вопрос касается изменения стандартного фильтра. Тут несколько пунктов:
1. фильтр по размеру.
визуальное расположение вертикальное, надо исправить на горизонтальное.
2. фильтр по цвету.
Визуальное расположение аналогично + дополнен названием цвета.
Надо убрать вывод названия сбоку и вывести его при наведении мыши на конкретный цвет.
Еще поменять расположение вертикальное на горизонтальное, но тут встает еще один момент, при большом количестве цветов, чтобы они при заполнении допустимой ширины продолжались с новой строки, рядом ниже.
Подскажите где лежит нужный файл и по возможности что править.
Заранее благодарю за помощь. Как решу вопрос, отпишусь по результатам.
Изображения:
Татьяна
Новичок
Сообщений: 40
Регистрация: 25-06-2015
# 2
20-07-2015 20:38
Цитата:( Татьяна @ 20-07-2015 21:24
Смотреть сообщение
)
Вопрос касается изменения стандартного фильтра.
Результат хочется по палитре видеть такой:
Изображения:
Алекс
Администратор
Сообщений: 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
Смотреть сообщение
)
как переименовать заголовок фильтра?
Панель управления > Локализация > Перевод
:: Перевод модулей.
Оказываю услуги по администрированию интернет-магазина на CMS PrestaShop, написание модулей для PrestaShop. Большой опыт работы с CMS PrestaShop.
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
Смотреть сообщение
)
Мы попробовали внести код (написанный выше), но у нас ничего не получилось.
Тестировать код можно только на вашем шаблоне (код на других шаблонах будет работать неправильно).
Приложите ссылку в ИМ, добавьте свой код в ИМ и уточните чего хотели добиться.
Оказываю услуги по администрированию интернет-магазина на CMS PrestaShop, написание модулей для PrestaShop. Большой опыт работы с CMS PrestaShop.
Татьяна
Новичок
Сообщений: 40
Регистрация: 25-06-2015
# 9
11-10-2016 05:19
Цитата:( Алекс @ 21-07-2015 03:43
Смотреть сообщение
)
Откройте файл
/themes/тема/css/modules/blocklayered/blocklayered.css
и в самый конец добавьте подобный код:
Доброго времени суток всем! Алекс, большое спасибо за помощь, хоть и отвечаю с опозданием, только времечко появилось реализовать это! Все получилось!
На Главную форума
Найти
FaQ
Панель управления
Кто он-лайн
Общие форумы (prestashop v1.7.x)
-- Общий форум
-- Установка, Настройка, Обновление
-- Модули, плагины
-- Дизайн, шаблоны
-- Песочница
Общие форумы (prestashop v1.6.x)
-- Общий форум
-- Установка, Настройка, Обновление
-- Модули, плагины
-- Дизайн, шаблоны
-- Песочница
Общие форумы (prestashop v1.5.x)
-- Общий форум
Общие форумы (prestashop v1.4.x)
-- Новости и объявления
-- Общий форум
-- Установка, Настройка, Обновление
-- Дизайн, шаблоны
-- Модули, плагины
-- Песочница
-- Прочее
Общие форумы (prestashop v1.3.x)
-- Общий форум
-- Установка, Настройка, Обновление
-- Дизайн, шаблоны
-- Модули, плагины
---- Платные модули и хаки
-- Песочница
Другое
-- Корзина
---- Хостинг
---- Каталог магазинов
---- Общий форум
---- Прием багов