Мобильная Версия - Очередной Вопрос
#1
Отправлено 10 Февраль 2017 - 09:11
1. Картинки. Они у меня шириной 800 пикс в десктопной версии, можно в мобильной их сделать как-то по ширине экрана? А то в мобильной открывается страница на ширину текста, а картинку видно только частично. Либо целиком но только если экран сузить.
2. Каталог. У меня там более 30 категорий. Из них показываются только нижние несколько. Если сузить экран то штук 25, верхних всё равно не видно. И никак пальцем не промотать чтобы видно было
3. Повесил себе чат живосайта. В десктопной версии всё аккуратно в углу справа, в мобильной он почему-то слева и закрывает собой кнопку "каталог".
Как изменить положение? Или отключить совсем в мобильной версии
Общий вопрос: размер картинки можно вообще сделать адаптивным в зависимости от разрешения экрана?
Спасибо.
Аккаунт SL-393789
#2
Отправлено 14 Февраль 2017 - 11:58
tsar (10 Февраль 2017 - 09:11) писал:
1. Картинки. Они у меня шириной 800 пикс в десктопной версии, можно в мобильной их сделать как-то по ширине экрана? А то в мобильной открывается страница на ширину текста, а картинку видно только частично. Либо целиком но только если экран сузить.
2. Каталог. У меня там более 30 категорий. Из них показываются только нижние несколько. Если сузить экран то штук 25, верхних всё равно не видно. И никак пальцем не промотать чтобы видно было
3. Повесил себе чат живосайта. В десктопной версии всё аккуратно в углу справа, в мобильной он почему-то слева и закрывает собой кнопку "каталог".
Как изменить положение? Или отключить совсем в мобильной версии
Общий вопрос: размер картинки можно вообще сделать адаптивным в зависимости от разрешения экрана?
Спасибо.
Аккаунт SL-393789
1.Изображения на мобильном устройстве отображались так из-за фиксированной ширины в 800px, сейчас должны отображаться под ширину блока.
Добавил в main.css в самом конце
.box-content.htmlDataBlock img { max-width: 100%; height: auto!important; }2.Каталог должен прокручиваться
добавил
@media(max-width:480px){ .accordion {overflow: scroll; max-height: 400px; z-index: 999;} } /* END Меню-аккордеон */
3.Скрыл Jivosite в main.css
строка
@media only screen and (max-width: 479px) { #jivo_top_wrap,#jivo-iframe-container,.jivo-c-mobile { display: none!important;left: -100%!important;}
#3
Отправлено 19 Февраль 2017 - 14:22
1 - работает
2 - стало много лучше, еще и форма заказа поправилась, там была та же проблема (iPhone)
3 - живосайт пропал в моб версии в вертикальном экране. В горизонтальном работает
Спасибо.
#4
Отправлено 21 Февраль 2017 - 16:51
tsar (19 Февраль 2017 - 14:22) писал:
1 - работает
2 - стало много лучше, еще и форма заказа поправилась, там была та же проблема (iPhone)
3 - живосайт пропал в моб версии в вертикальном экране. В горизонтальном работает
Спасибо.
3) В данном случае у Вас живосайт перестает отображаться при разрешении экрана меньшем чем 479px.
#5
Отправлено 19 Апрель 2017 - 00:01
Форма оформления заказа. Прокручивается пальцем где-то до середины, дальше вниз ее прокрутить (и заполнить, соответственно) нельзя, "отпрыгивает" опять вверх. Принтскрин прикрепить не могу.
в форме заказа даёт опуститься где-то до середины способа доставки.
До кнопки "Оформить заказ" в форме опуститься нельзя.
Посмотрите пожалуйста ,что с этим можно сделать?
Только на IOS проблема, на андроиде нормально работает.
SL-393789
ng-carpets.ru
#6
Отправлено 19 Апрель 2017 - 09:41
tsar (19 Апрель 2017 - 00:01) писал:
Форма оформления заказа. Прокручивается пальцем где-то до середины, дальше вниз ее прокрутить (и заполнить, соответственно) нельзя, "отпрыгивает" опять вверх. Принтскрин прикрепить не могу.
в форме заказа даёт опуститься где-то до середины способа доставки.
До кнопки "Оформить заказ" в форме опуститься нельзя.
Посмотрите пожалуйста ,что с этим можно сделать?
Только на IOS проблема, на андроиде нормально работает.
SL-393789
ng-carpets.ru
Здравствуйте.
При первичной проверке зафиксировать проблему нам не удалось. Уточните, пожалуйста, какая версия ios у Вас установлена, а так же какой версии само устройство и на какой форме оформления заказа наблюдается проблема (отображаемая при быстром заказе либо при оформлении через корзину).
#7
Отправлено 25 Апрель 2017 - 15:06
форма оформления заказа - нажатие кнопки "купить" (я ее переназвал "заказать") в описании товара -> "оформить заказ".
устройство - iPhone 5s
IOS 9.3.2
#8
Отправлено 25 Апрель 2017 - 16:24
tsar (25 Апрель 2017 - 15:06) писал:
форма оформления заказа - нажатие кнопки "купить" (я ее переназвал "заказать") в описании товара -> "оформить заказ".
устройство - iPhone 5s
IOS 9.3.2
У формы быстрого заказа, есть внутренний скролл, поэтому, чтобы полностью ее посмотреть, нужно двигать контент внутри нее.
#9
Отправлено 26 Апрель 2017 - 00:35
#11
Отправлено 27 Май 2019 - 18:34
У меня 2 вопроса:
1. Похожая проблема, как описано выше. В мобильной версии в шаблоне Веган на странице блога изображение не адаптируется под размер страницы. Выглядит огромным. В веб версии смотрится нормально. Размер изображения 800х800.
Добавила в main.css в самом конце код, как посоветовали выше. Ничего не поменялось.
.box-content.htmlDataBlock img {
max-width: 100%;
height: auto!important;
}
2. На страницах с товаром, при нажатии на дополнительные фото показывает ошибку в верхнем правом экране. Я не успеваю посмотреть, что там написано, перебрасывает на новую страницу с изображением, на которое кликал.
Помогите, пожалуйста, исправить положение. Спасибо
#12
Отправлено 28 Май 2019 - 11:09
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных