Настройка мобильной версии приложения Wix Restaurants Orders

2 мин. чтения
Настройте внешний вид приложения Wix Restaurants Orders на мобильных устройствах и выберите, что показывать клиентам в меню и блюдах. Приложение имеет встроенные адаптивные функции, поэтому оно идеально подходит для экранов любого размера. Вы можете настроить макет и дизайн, чтобы ваше меню выделялось на мобильных устройствах.
Прежде чем начать:
Убедитесь, что вы добавили на сайт приложение Wix Restaurants Orders.
Важно:
Компьютерная и мобильная версии сайта представляют собой разные режимы просмотра одного и того же сайта; это не отдельные сайты. Изменения в компьютерной версии сайта влияют на мобильную версию, но изменения в мобильной версии не влияют на полную версию сайта.
Содержание:

Изменение макета приложения Wix Restaurants Orders на мобильных устройствах

Измените макет приложения Wix Restaurant Orders на мобильных устройствах, не затрагивая компьютерную версию.

Чтобы изменить макет для мобильной версии:

  1. Перейдите в мобильный редактор.
  2. Перейдите на страницу с приложением Онлайн-заказ.
  3. Нажмите на приложение Онлайн-заказ в редакторе.
  4. Нажмите Настроить.
  5. Перейдите во вкладку Макет.
  6. Перейдите во вкладку Общее.
  7. Настройте макет, используя следующие параметры:
    • Меню: общее описание вашего меню.
    • Изображение раздела: изображения для каждого раздела меню (например, закуски, десерты и т. д.).
    • Описание раздела: описание каждого раздела в меню.
    • Выравнивание: выберите способ выравнивания контента: по левому краю, по центру или по правому краю.
    • Высота изображения раздела: перетащите ползунок, чтобы настроить высоту изображения раздела в меню.

Изменение макета блюд в мобильной версии

Настройте вид блюд в мобильном приложении Онлайн-заказ. Выберите, следует ли показать на сайте изображение, описание и метки для каждого блюда (например, острое, веганское и т. д.).

Чтобы изменить макет блюда в мобильной версии:

  1. Перейдите в мобильный редактор.
  2. Перейдите на страницу с приложением Онлайн-заказ.
  3. Нажмите на приложение Онлайн-заказ в редакторе.
  4. Нажмите Настроить.
  5. Перейдите во вкладку Макет.
  6. Перейдите во вкладку Блюдо.
  7. Настройте макет, используя следующие параметры:
    • Фото блюда: изображение каждого блюда.
    • Описание блюда: общее описание каждого блюда.
    • Значки блюд: специальные метки для каждого блюда (например, острое, веганское и т. д.).
    • Выберите макет страницы для блюд:
      • Полоска: отображает пункты меню в виде списка с небольшими изображениями блюд рядом с описанием.
      • Карточка: отображает пункты меню в карточках с большими изображениями блюд над описанием.
        • Закругление углов: перетащите ползунок, чтобы настроить радиус углов изображений блюд.
    • Расстояние между карточками: перетащите ползунок, чтобы настроить расстояние между блюдами.

Настройка размера текста в мобильной версии

Отрегулируйте размер текста для мобильных устройств и выделите текст там, где это необходимо, не затрагивая компьютерную версию. Вы можете настроить другие заголовки, описания и вкладки меню для мобильной версии ресторана.

Чтобы установить размер текста для мобильных устройств:

  1. Перейдите в мобильный редактор.
  2. Перейдите на страницу с приложением Онлайн-заказ.
  3. Нажмите на приложение Онлайн-заказ в редакторе.
  4. Нажмите Настроить.
  5. Перейдите во вкладку Дизайн.
  6. Перетащите ползунки, чтобы настроить размер следующего текста:
    • Название меню: заголовок, который отображается в верхней части меню.
    • Описание меню: описание меню.
    • Вкладка раздела: вкладки в верхней части приложения Онлайн-заказ.
      Примечание: если у вас есть разные разделы в разделе меню, вверху у вас будут для них вкладки.
    • Название раздела: заголовок, который отображается в верхней части раздела меню.
    • Описание раздела: описание раздела меню.
    • Название блюд: название, которое появляется для ваших блюд.
    • Описание блюда: описание блюда, которое отображается под названием блюда.
  7. (Необязательно) Нажмите Восстановить исходный дизайн, чтобы восстановить исходный дизайн текста.

Была ли статья полезна?