Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

0

Отображение Мобильной Версии

Автор ggrin31, 10 сент. 2016 10:54

Вперед

Авторизуйтесь для ответа в теме

Сообщений в теме: 22

#1 ggrin31

Продвинутый пользователь

Пользователи
172 сообщений

Отправлено 10 Сентябрь 2016 - 10:54

Добрый день. можно ли как то сделать, чтобы в мобильной версии (со смартфона) каталог отображался не по одной позиции, а также как на сайте только в уменьшенном виде, если человека что-то заинтересует он увеличит и глянет ближе. просто не реально по одной позиции мотать каталог

Наверх

#2 mikdad.com

Пользователь

Пользователи
31 сообщений

ГородМосква

Отправлено 10 Сентябрь 2016 - 17:40

согласен

Наверх

#3 support 2.0

Активный участник

Модераторы
4 950 сообщений

Отправлено 10 Сентябрь 2016 - 19:08

ggrin31 (10 Сентябрь 2016 - 10:54) писал:

Добрый день. можно ли как то сделать, чтобы в мобильной версии (со смартфона) каталог отображался не по одной позиции, а также как на сайте только в уменьшенном виде, если человека что-то заинтересует он увеличит и глянет ближе. просто не реально по одной позиции мотать каталог

Здравствуйте, Вы всегда можете отключить мобильную версию сайта, чтобы на мобильном телефоне и планшете сайт отображался также, как и на компьютере. Для этого в шаблоне HTML найдите и удалите строчку

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

Наверх

#4 ggrin31

Продвинутый пользователь

Пользователи
172 сообщений

Отправлено 10 Сентябрь 2016 - 19:34

каталог вроде как стал правильно отображаться, но главная страница также в мобильной версии отображается. С ней можно что-то сделать?

Наверх

#5 ggrin31

Продвинутый пользователь

Пользователи
172 сообщений

Отправлено 10 Сентябрь 2016 - 20:50

Хотя нет, если отрубить мобильную версию не красиво на планшете отображается, было бы хорошо если бы на мобильной версии каталог отображался не по одной позиции. И еще вопрос в догонку, вернее проблемка. Если с телефона оформлять быстрый заказ, то не видна кнопка "оформить заказ", т.е. Заказ оформить не реально. На планшете же все нормуль.

Наверх

#6 Firefly

Активный участник

Модераторы
3 810 сообщений

Отправлено 11 Сентябрь 2016 - 15:11

ggrin31 (10 Сентябрь 2016 - 20:50) писал:

Хотя нет, если отрубить мобильную версию не красиво на планшете отображается, было бы хорошо если бы на мобильной версии каталог отображался не по одной позиции. И еще вопрос в догонку, вернее проблемка. Если с телефона оформлять быстрый заказ, то не видна кнопка "оформить заказ", т.е. Заказ оформить не реально. На планшете же все нормуль.

Проверили оформление заказа с телефона.
Кнопка "Оформить заказ" у Вас отображается корректно, единственное, что требуется, это прокрутить таблицу товара вправо.

Наверх

#7 ggrin31

Продвинутый пользователь

Пользователи
172 сообщений

Отправлено 11 Сентябрь 2016 - 18:48

я со своего смартфона пытаюсь никак не получается (Iphone 5s) (скрин)

Прикрепленные изображения

Наверх

#8 Ирина345

Активный участник

Модераторы
5 709 сообщений

Отправлено 12 Сентябрь 2016 - 15:37

ggrin31 (11 Сентябрь 2016 - 18:48) писал:

я со своего смартфона пытаюсь никак не получается (Iphone 5s) (скрин)

Здравствуйте, добавьте в конец файла main.css

#quickform .buttons-set {
	border-radius: 5px;
	overflow: auto;
	padding: 6px;
	margin-bottom: 20px;
}

Наверх

#9 ggrin31

Продвинутый пользователь

Пользователи
172 сообщений

Отправлено 12 Сентябрь 2016 - 15:44

добавил, но кнопку так и не вижу. пробовал с двух разных браузеров, нигде нету

Наверх

#10 Ирина345

Активный участник

Модераторы
5 709 сообщений

Отправлено 12 Сентябрь 2016 - 15:58

ggrin31 (12 Сентябрь 2016 - 15:44) писал:

добавил, но кнопку так и не вижу. пробовал с двух разных браузеров, нигде нету

В данном случае операционная система Вашего телефона марки Iphone, не может работать с данным скриптом, на всех телефонам марки android данный функционал работает корректно.
Можно установить кнопку в мобильной версии, которая будет вести в корзину на страницу оформления заказа, а кнопку вызова формы быстрого заказа скрыть.

Наверх

#11 ggrin31

Продвинутый пользователь

Пользователи
172 сообщений

Отправлено 12 Сентябрь 2016 - 19:32

это только в мобильной версии будет так? а на ПК будет быстрый заказ?

Наверх

#12 Ирина345

Активный участник

Модераторы
5 709 сообщений

Отправлено 19 Сентябрь 2016 - 15:23

ggrin31 (12 Сентябрь 2016 - 19:32) писал:

это только в мобильной версии будет так? а на ПК будет быстрый заказ?

Здравствуйте, извините за долгий ответ. Да совершенно верно, при просмотре сайта с ПК покупатель сможет оформить заказ через форму Быстрого заказа, а при просмотре через мобильное устройство, только через корзину.

Наверх

#13 ggrin31

Продвинутый пользователь

Пользователи
172 сообщений

Отправлено 28 Сентябрь 2016 - 21:11

а каким образом это сделать?

Наверх

#14 Vaccina

Активный участник

Модераторы
24 353 сообщений

Отправлено 29 Сентябрь 2016 - 06:01

В шаблоне Быстрый заказ найдите:

<div class="alignCenter">
<button type="button" class="button quickform" id="quickform-order">Оформить заказ</button>
<button type="submit" class="button сlose2" id="quickform-close">Продолжить покупки</button>
</div>

замените на:

<div class="alignCenter">
<a href="/cart" class="button mobile">Перейти в корзину</a>
<button type="button" class="button quickform" id="quickform-order">Оформить заказ</button>
<button type="submit" class="button сlose2" id="quickform-close">Продолжить покупки</button>
</div>

В main.css найдите:

@media only screen and (max-width: 480px) {

замените на:

.button.mobile{display:none;}
@media only screen and (max-width: 480px) {
#quickform-order{display:none;}
.button.mobile{display:inline-block;}

Наверх

#15 ggrin31

Продвинутый пользователь

Пользователи
172 сообщений

Отправлено 30 Сентябрь 2016 - 00:04

сделал но если честно не понял что поменялось

Наверх

#16 Vaccina

Активный участник

Модераторы
24 353 сообщений

Отправлено 30 Сентябрь 2016 - 07:10

.button.mobile{display:none;}
@media only screen and (max-width: 480px) {
#quickform-order{display:none;}
.button.mobile{display:inline-block;}

замените на:

.button.mobile{display:none;}
@media only screen and (max-width: 480px) {
#quickform-order{display:none !important;}
.button.mobile{display:inline-block;}

Изменения вы сможете пронаблюдать в мобильной версии, при покупке товара вместо кнопки "оформить заказ" будет стоять кнопка "перейти в корзину" с соответствующим действием, это необходимо для обхода проблемы, что вы описывали выше.

Наверх

#17 ggrin31

Продвинутый пользователь

Пользователи
172 сообщений

Отправлено 30 Сентябрь 2016 - 11:01

спасибо получилось. Еще вопрос, а как в мобильной версии по каталогу перемещаться? там нет как в полной версии каталога по категориям

Наверх

#18 Firefly

Активный участник

Модераторы
3 810 сообщений

Отправлено 30 Сентябрь 2016 - 11:21

ggrin31 (30 Сентябрь 2016 - 11:01) писал:

спасибо получилось. Еще вопрос, а как в мобильной версии по каталогу перемещаться? там нет как в полной версии каталога по категориям

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:

#content {min-height: 400px;padding-bottom: 10px;padding-top:10px;position:relative;z-index:97;}

Замените на:

#content {min-height: 400px;padding-bottom: 10px;padding-top:10px;position:relative;}

После этого каталог будет поверх плиток каталога.
Переходить в категории можно будет кликнув по названию "Каталог" для его раскрытия.

Прикрепленные изображения

Наверх

#19 ggrin31

Продвинутый пользователь

Пользователи
172 сообщений

Отправлено 30 Сентябрь 2016 - 14:39

отлично, теперь появилось меню. Еще вопрос... у меня на iphone 5s, почему-то картинки товара сдвинуты вправо, а у вас на скриншоте смотрю все ровненько по середине. От чего это зависит? нельзя как то сделать чтобы на всех устройствах все красиво просматривалось

Наверх

#20 Firefly

Активный участник

Модераторы
3 810 сообщений

Отправлено 30 Сентябрь 2016 - 15:11

ggrin31 (30 Сентябрь 2016 - 14:39) писал:

отлично, теперь появилось меню. Еще вопрос... у меня на iphone 5s, почему-то картинки товара сдвинуты вправо, а у вас на скриншоте смотрю все ровненько по середине. От чего это зависит? нельзя как то сделать чтобы на всех устройствах все красиво просматривалось

Здравствуйте.
В разделе Настройки -> Основные установил Вам размер 200 (вместо 280) для пункта:
Максимальный размер по высоте/ширине в пикселях для списка категорий внутри категории

Сейчас все должно отображаться корректно.