JenD

Отображение сайта в браузере телефона

Рекомендуемые сообщения

JenD    0

Здравствуйте. Помогите пожалуйста по двум проблемам:

1. Как сделать нормальным отображение сайта на телефоне? Настраивал для компьютера, а в браузере телефона получилось все смещено. Хотелось бы выровнять и наладить. Скрины

http://rghost.ru/58651807

http://rghost.ru/58651818

2. Как сделать фильтры на сайте связанными?

В категории ставлю 2 или более фильтров. Но нормально работает, если фильтровать только по одному. Когда выбираю несколько значений, показывает результаты опять же только по какому то одному.

Заранее всем спасибо!

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
JenD    0

Смещение на телефоне только баннера (заходит на категории). Размер изменить не могу, так как будет неправильно на экране компьютера. А также товаров (уходят вниз, под правые и левые колонки)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
wipper    3

Так и на компе такая же ерунда как и на первом скрине, а вот на андройде всё ГУУУД )))

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
JenD    0

На моем нормально все было. Размеры экрана походу разные. Подскажите, возможно ли подогнать под все?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
wipper    3

На моем нормально все было. Размеры экрана походу разные. Подскажите, возможно ли подогнать под все?

Конечно можно и даже всё очень просто - изучайте адаптивную верстку средствами css.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
wipper    3

делайте так

@media screen and (max-width: 980px) { 
/*сюда стиль под размер экрана который нужно измнить*/ 
}

@media screen and (max-width: 640px) { 
/*сюда стиль под размер экрана который нужно измнить*/ 
}

@media screen and (max-width: 320px) { 
/*сюда стиль под размер экрана который нужно измнить*/ 
}

Тоесть при сворачивании окна даже в браузерах будет меняться CSS в зависимости от размеров окна

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
JenD    0

Не слишком просто, врятли сам справлюсь. Странно что на прошлом сайте все было отлично во всех браузерах. Хотя версии opencart одинаковы

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
wipper    3

Не слишком просто, врятли сам справлюсь. Странно что на прошлом сайте все было отлично во всех браузерах. Хотя версии opencart одинаковы

opencart  здесь не причем, стили редактировать надо

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
fijneman    4

Потестив решения из этой темы (https://opencartforum.com/topic/35925-%D0%BC%D0%BE%D0%B1%D0%B8%D0%BB%D1%8C%D0%BD%D0%B0%D1%8F-%D0%B2%D0%B5%D1%80%D1%81%D0%B8%D1%8F-%D1%81%D0%B0%D0%B9%D1%82%D0%B0-opencart/) я прикрутил к контроллеру header.php детекцию мобильных браузеров и подсовывание шапки header1.tpl. В ней поотключал тяжелые и ненужные скрипты, забабахал stylesheet1.css и там увеличил шрифты, элементы, на которые нужно кликать. Поскрывал всякую не особо нужную фигню через display:none, включая кнопки заказа, корзину, поиск. 

 

Вроде стало сносно выглядеть на экранах с шириной 700-800 пикселей и по всяким нажимающимся элементам попадаю.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
wipper    3

Нафига чтото подсовывать, просто открыть браузер и в режиме вебмастера исправить шаблон под нужное разрешение, попутно исправляя файл стиля

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
wipper    3

Здравствуйте. Помогите пожалуйста по двум проблемам:

1. Как сделать нормальным отображение сайта на телефоне? Настраивал для компьютера, а в браузере телефона получилось все смещено. Хотелось бы выровнять и наладить. Скрины

http://rghost.ru/58651807

http://rghost.ru/58651818

2. Как сделать фильтры на сайте связанными?

В категории ставлю 2 или более фильтров. Но нормально работает, если фильтровать только по одному. Когда выбираю несколько значений, показывает результаты опять же только по какому то одному.

Заранее всем спасибо!

#container {
width: 980px; ИЗМЕНИ НА width: 1024px;
margin-left: auto;
margin-right: auto;
text-align: left;
}

Вроде тогда нормально отображается

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
JenD    0

Wipper, Спасибо большое!! Помогло)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
wipper    3

Wipper, Спасибо большое!! Помогло)

 Огромное пожалуйста! Помогая другим - совершенствуешься сам!

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти


  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу