Адаптивный дизайн меню
Мы улучшили ваши цифровые меню, добавив полностью адаптивный дизайн, который гарантирует, что ваши меню выглядят идеально и удобны в использовании на любом устройстве — от самых маленьких смартфонов до больших настольных мониторов.
Что нового
Ваши цифровые меню теперь автоматически адаптируются к любому размеру экрана, обеспечивая идеальный просмотр, независимо от того, используют ли клиенты смартфон, планшет или настольный компьютер. Адаптивный дизайн автоматически настраивает макеты, размеры шрифтов и изображения, поэтому ваше меню всегда выглядит отлично и легко читается на любом устройстве.
Как это работает
Наш адаптивный дизайн использует современные CSS-техники для автоматической настройки макетов, размеров шрифтов, отступов и изображений в зависимости от размера экрана. На мобильных устройствах меню располагаются вертикально для удобной прокрутки. На планшетах контент использует комфортный двухколоночный макет. На настольных компьютерах меню отображаются в оптимальном многостолбцовом формате. Изображения автоматически изменяют размер под каждый экран, а текст остаётся читаемым при любых размерах.
Как использовать
Вот преимущества адаптивного дизайна меню:
Идеально на любом устройстве
Клиенты могут комфортно просматривать ваше меню, используя телефон за столом, планшет дома или настольный компьютер. Не нужно щипать, масштабировать или прокручивать горизонтально — всё идеально подогнано под их устройство.
Предварительный просмотр перед публикацией
Используйте функцию предварительного просмотра на телефоне в верхней панели администратора, чтобы точно увидеть, как ваше меню отображается на мобильных устройствах. Это поможет убедиться, что фотографии выглядят хорошо, текст читается, а макет работает корректно до того, как клиенты увидят меню.
Одно меню — все устройства
Адаптивный дизайн означает, что ваше меню отлично работает на всех размерах экранов без дополнительной работы. Вам не нужно создавать отдельные версии для мобильных и настольных устройств — одно меню автоматически адаптируется ко всему.
Лучший опыт для клиентов
Меню, которое выглядит отлично и легко читается на любом устройстве, улучшает опыт клиентов. Клиенты быстро находят нужное, что ведёт к большему удовлетворению и потенциально к увеличению заказов.
Начало работы
Ваши меню уже адаптивны — настройка не требуется! Просто откройте публичное меню на любом устройстве, чтобы увидеть, как оно автоматически адаптируется. Используйте функцию предварительного просмотра на телефоне в верхней панели администратора, чтобы точно увидеть, как ваше меню выглядит на мобильных устройствах. Адаптивный дизайн работает автоматически для всех ваших меню, разделов и блюд.
Адаптивный дизайн использует точки останова Tailwind CSS и гибкие макеты. Все меню автоматически адаптируются без дополнительной настройки. Функция предварительного просмотра на телефоне позволяет тестировать мобильный опыт прямо из панели администратора.