Задать вопрос
Alexufo
@Alexufo
противоречивый, сложный, весь компьютерный.

Интернет магазин, адаптивный кататолог. Реализация

Если у пользователя имеется монитор 1900px шириной, то разумно ему добавлять пару товаров на экран, чего место терять.В случае 1000px ширины экрана, товары прячутся.

Вот что нашел из более менее логичной реализации www.svachon.com/wordpress/wp-content/demos/wrecker/advanced.html здесь от ширины добавляется новая колонка и сами элементы увеличиваются, раз появляется место. Хотя все тот же float:left

Есть конечно такие забавные вещи:
www.wookmark.com/jquery-plugin
masonry.desandro.com/
Но они плохо подходят в силу своей реализации.

Весь день думали вдвоем над добавлением товаров к широким мониторам, но все обламывается, когда начинается постраничная навигация.
По сути вся адаптивщина пойдет на всякие виджеты типа акции и новинки, а на каталог что-то не вяжется и проще float:left. не ложиться на алгоритм адаптивщина и динамические элементы.
Да и из крупных магазинов что то подобного не встретил.

Никто не сталкивался с подобным и к какому решению пришли?
  • Вопрос задан
  • 6982 просмотра
Подписаться 13 Оценить Комментировать
Ответ пользователя RodgerFox К ответам на вопрос (5)
RodgerFox
@RodgerFox
Вы меня простите, давно еще задавался этим вопросом и иногда возвращаюсь к нему снова.
Лучшее решение (имхо), сложилось в данном методе:

В каталоге самое важное. Это фильтр, удобная навигация по категориям и сам каталог товаров. Ну оки...
Имеется див с шириной 100% , туда загоняем 2 колонки. одна из них фиксированная (можно и не фиксированную) и вторая резиновая с отступом разным ширине первой колонки. Как вы могли уже догадаться, первая колонка имеет навигацию, фильтры и другие плюшки. Сам каталог товаров в резину пихаем. Манипуляцию удобная и изящная. При громадных экранах (4k+ / TV) можем поиграться с размерами товара, а лучше максимальную ширину для контейнера занять). Такой место удобен и для планшетов, что то поменьше прячем первую колонку... ну это уже ближе к UI.

Аминь.
p.s. Masonry не нужен, делайте удобно для клиента.
Если товар или какой то контент не помещается - это не значит стилизовать все "узкие места" (кажется Лебедев писал).
Ответ написан
Комментировать