Доброго времени суток.
Подскажите, пожалуйста, как нам изменить отображение двух блоков на главной странице, а именно:
Блок "CATEGORIES-THUMBS": Нам нужно разместить всего 4 категории, которые бы размещались по ширине страницы. Чтобы не было большого расстояния между ними - хотелось бы еще увеличить категории.
Блок: "CATEGORIES-GALLERY": В этом блоке хотим размещать максимум 3 категории по ширине экрана, чтобы 4 уже размещалась под первой.
Подскажите как это можно реализовать?
И еще вопрос: Почему "мобильная версия" активируется на квадратных экранах 4:3? InCart на квадратных мониторах отображается корректно, а у Balance каталог уже мобильный отображается.
Здравствуйте!
1. Блок "CATEGORIES-THUMBS" и "CATEGORIES-GALLERY. Попробуйте добавить ниже указанный код в user.css
@media (min-width: 1281px) { .sub-cat_bd.sub-cat_home{ width: 300px; } .subcat-4 { width: 410px; } .subcat-4__image{ height: 35rem; } }2. Планшетная версия активируется при разрешение 1280px. Это сделано чтобы, в альбомной виде планшете, был планшетный вид а не декстоп.
3. Ссылка на сайт не помешала бы.
Добавили. Полностью то, что нужно. Спасибо большое!
Ссылка на сайт prokron.ru
Но это для разрешений 1281х и больше. А как быть с мониторами 4:3? Возможно ли сделать включение мобильной версии как на инкарте? Лучше чтоб на альбомной версии планшета будет кривовато, чем на мониторах 4:3. Решение инкарта нас более чем устраивает.
Ну и чтобы категории размещались также как и хотим, по 4 и 3 соотвественно. Это уже сложнее намного, чтобы категории маштабировались, а не имели конкретные размеры?
Что имеется ввиду под мониторами 4:3 и о каком разрешение идет речь?
К сожалению, сделать категории резиновыми невозможно. Наверно возможно, но тут уже нужно нанять разработчика для доработки.
Для альбомного вида могу предложить это код:
@media (min-width: 1024px) and (max-width: 1289px) { .sub-cat_bd.sub-cat_home { width: 231px; } .subcat-4__image{ height: 30rem; width: 314px; } }Таков уж нестоящий на месте прогресс. Мониторы 4:3 уже лет 10 как перестали выпускать. В странах третьего мира еще года до 2012 можно было найти такой залежавшийся товар в магазине. Сейчас существенно бОльшая часть посетителей с таким разрешением заходит как раз с планшета. То есть это решение в сторону большинства. И дело тут не в том, что у нас любят притеснять меньшинства, а скорее в том, что эта тема рассчитана на длительный(насколько это возможно) срок актуальности. То есть уже сейчас 1280рх это в 80% случаев планшет. Завтра будет 90%. Послезавтра все 99%.
А вот мониторы 4:3(1280х1024рх) - все еще стоят в большинстве офисов/школ/любых других учреждениях. К тому же этот интернет-магазин - по продаже кронштейнов. Их зачастую покупают далеко не молодые люди, которые в своей жизни кроме fullhd широкоформаток ничего больше не видели.
Что подтверждает статистика по этому разрешению за месяц с нашего соседнего сайта:
Теперь вопрос: Можно ли таким же небольшим кодом(ну или большим, если это сложнее) сделать включение "планшетной версии"(или хотя бы только чтоб шапка с каталогом не сворачивалась в мобильную) с того размера, что задан у вас в incart? Ибо incart отображается на 4:3 мониторах корректно, а balance каталог товаров превращается в мобильный.