Адаптивность фильтра InstantShop

InstantCMS 1.X
#1 17 февраля 2023 в 01:49

Поспешила я закрыть предыдущую тему. Почти все настроила, даже смогла подключить ползунок выбора цены. Но вот никак не могу избавится от расстояния между строками. А если сжимать экран, то наоборот, появляется скрол (если содержимое превышает три строки). Я так поняла, это в строке <select отвечает команда size=«0». Если задать в нем значение, то пробел между блоками увеличивается, свойство height: в css ничего не дает :((. Не знаю как обойти. 
Предыдущая тема с кодом  instantcms.ru/forum/nastroika-filtra-v-instantcms.html#post-354943 


Изображение

Изображение

#2 17 февраля 2023 в 08:21

Поспешила я закрыть предыдущую тему. Почти все настроила, даже смогла подключить ползунок выбора цены. Но вот никак не могу избавится от расстояния между строками. А если сжимать экран, то наоборот, появляется скрол (если содержимое превышает три строки). Я так поняла, это в строке <select отвечает команда size=«0». Если задать в нем значение, то пробел между блоками увеличивается, свойство height: в css ничего не дает :((. Не знаю как обойти. 
Предыдущая тема с кодом  instantcms.ru/forum/nastroika-filtra-v-instantcms.html#post-354943 


Изображение

Изображение

Полина Емелина

Открывайте консоль в браузере, ищите селектора и подбирайте стиль. делов на 5 минут 

#3 17 февраля 2023 в 10:09

Именно так и пробовала. Решений не нашла.

#4 17 февраля 2023 в 10:18

Именно так и пробовала. Решений не нашла.

Полина Емелина

Если никто не откликнется после 15 буду за компом могу глянуть. Пришлите в личку ссылку на страницу 

#5 17 февраля 2023 в 10:18

Дайте ссылку на эту страницу

#6 17 февраля 2023 в 13:02

Перенесла с локального, вывела фильтр:
http://автосообщество.рф/shop/dachnye-doma

Когда сжимаешь экран можно заметить как появляется скрол на позиции Размеры помещения, а остальные так и остаются с непонятным зазором между строками :(

#7 17 февраля 2023 в 13:48

Изображение

С мобилы нормально 

#8 17 февраля 2023 в 16:44

Они должны быть кнопками, как на скрине выше. Если сжимать на компьютере, остаются кнопки, если заходишь с телефона список. Спасибо, не заходила до этого с телефона, придется и это решать :(. Мой энтузиазм иссякает, наверное так и придется идти на фриланс.

#9 17 февраля 2023 в 17:43

Они должны быть кнопками, как на скрине выше. Если сжимать на компьютере, остаются кнопки, если заходишь с телефона список. Спасибо, не заходила до этого с телефона, придется и это решать :(. Мой энтузиазм иссякает, наверное так и придется идти на фриланс.

Полина Емелина

Вам копать нужно вс торону селекта на мобильном. На мобильном селект отображается по иному.

#10 17 февраля 2023 в 18:05

Боюсь мои полномочия на этом всё :D. Я старалась и не спала сколько могла)) Будем искать кто допилит

#11 17 февраля 2023 в 18:22

Что то у меня никаких кнопок нет на пк. А почему такая страсть к селектам? Если нужны кнопки, почему не кнопки?

#12 17 февраля 2023 в 19:55

Не знаю как отдельно из этого сделать кнопки. В предыдущей теме подсказали решение instantcms.ru/forum/nastroika-filtra-v-instantcms.html#post-354943 , его и использовала. Хотелось попробовать самой, но моих знаний видимо мало. Смирилась ))) Буду искать кто сделает.

Добавлено спустя 1 час

Бюджет 3500, напишите если кто может сделать быстро. В мозиле кстати не работает от слова совсем.

Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.