Перейти к содержимому


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


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 22

#1 ggrin31

ggrin31

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

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

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

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

#2 mikdad.com

mikdad.com

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

  • Пользователи
  • PipPip
  • 31 сообщений
  • ГородМосква

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

согласен

#3 support 2.0

support 2.0

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

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

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

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

Добрый день. можно ли как то сделать, чтобы в мобильной версии (со смартфона) каталог отображался не по одной позиции, а также как на сайте только в уменьшенном виде, если человека что-то заинтересует он увеличит и глянет ближе. просто не реально по одной позиции мотать каталог
Здравствуйте, Вы всегда можете отключить мобильную версию сайта, чтобы на мобильном телефоне и планшете сайт отображался также, как и на компьютере. Для этого в шаблоне HTML найдите и удалите строчку
<meta name="viewport" content="width=device-width, initial-scale=1.0" />


#4 ggrin31

ggrin31

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

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

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

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

#5 ggrin31

ggrin31

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

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

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

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

#6 Firefly

Firefly

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

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

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

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

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

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

#7 ggrin31

ggrin31

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

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

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

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

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

  • image-11-09-16-18-46.jpeg


#8 Ирина345

Ирина345

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

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

Отправлено 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

ggrin31

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

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

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

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

#10 Ирина345

Ирина345

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

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

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

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

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

#11 ggrin31

ggrin31

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

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

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

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

#12 Ирина345

Ирина345

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

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

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

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

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

#13 ggrin31

ggrin31

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

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

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

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

#14 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 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

ggrin31

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

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

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

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

#16 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 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

ggrin31

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

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

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

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

#18 Firefly

Firefly

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

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

Отправлено 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;}

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

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

  • Screenshot.png


#19 ggrin31

ggrin31

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

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

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

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

#20 Firefly

Firefly

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

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

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

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

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

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

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




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных