Устранение неполадок в работе Wix Pro Gallery на мобильных устройствах

7 мин. чтения
Ознакомьтесь с информацией ниже и узнайте, как устранить наиболее распространенные проблемы с галереей Wix Pro Gallery на мобильных устройствах.
Содержание:

Галерея может показаться слишком большой или маленькой на мобильной версии сайта. Вы можете настроить размер галереи в мобильном редакторе с помощью маркеров перетаскивания или панели инструментов редактора.

Чтобы настроить размер галереи:

  1. Нажмите на значок Мобильный редактор  в верхней части редактора.
  2. Нажмите на галерею Pro Gallery.
  3. Нажмите Инструменты в правом верхнем углу.
  4. Установите флажок рядом с панелью инструментов .
  5. Введите желаемую ширину и высоту в соответствующие поля (Ш и В).
Скриншот панели инструментов в мобильном редакторе с выделенными полями Высота и Ширина.

Вы можете заметить, что изображения в галерее обрезаны на мобильном устройстве в зависимости от Пользовательского макета по вашему выбору. Это может произойти, если ориентация миниатюр в макете отличается от ориентации загружаемых вами изображений.
Например, вы выбираете макет в виде колонок, в котором все изображения отображаются в портретной (вертикальной) ориентации, а изображения загружаются в альбомной (горизонтальной) ориентации. Это означает, что часть изображения может быть обрезана, чтобы уместиться в границах миниатюры.

Чтобы предотвратить обрезку изображений:

  1. Нажмите на значок Мобильный редактор  в верхней части редактора.
  2. Нажмите на галерею Pro Gallery.
  3. Нажмите Настроить.
  4. Перейдите во вкладку Макет.
  5. Выберите Подогнать под размером миниатюр.
Дополнительные параметры при обрезании изображений:
  • Настройте фокус изображений, чтобы лучше контролировать части изображения, которые могут быть обрезаны. 
  • Отрегулируйте соотношение сторон изображения (16:9, 4:3, 1:1, 3:4 или 9:16), примененное к галерее, чтобы оно наилучшим образом соответствовало соотношению сторон и ориентации загруженных изображений.
    A screenshot of the Layout tab on mobile highlighting the Image ration options.

Эффект наведения на названия и описания в галерее Wix Pro Gallery не применяется к мобильной версии. Если вы включили этот эффект, посетителям, просматривающим галерею с мобильного устройства, нужно будет нажать один раз, чтобы увидеть текст, и нажать второй раз, чтобы открыть полное изображение или ссылку.

Чтобы элементы галереи открывались одним кликом:

  1. Нажмите на значок Мобильный редактор  в верхней части редактора.
  2. Нажмите на галерею Pro Gallery
  3. Нажмите Настроить.
  4. Перейдите во вкладку Дизайн.
  5. Нажмите Текст.
  6. Выберите Без изменений в разделе Что происходит с информацией при первом нажатии?
  7. Нажмите Опубликовать.
Скриншот опции Без изменений в настройках Тексты на вкладке Дизайн.
Другие способы убедиться, что элемент или ссылка открывается при первом клике
  • Скройте названия и описания элементов галереи на мобильном устройстве. Это не повлияет на компьютерную версию сайта.
  • Разместите текст выше / ниже или справа / слева от изображения.

Вы можете заметить пробел или пустое пространство под вашей галереей Wix Pro Gallery. Чтобы устранить пробел, мы рекомендуем уменьшить размер панели информации в настройках макета.

Чтобы уменьшить размер панели информации под галереей:

  1. Нажмите на значок Мобильный редактор  в верхней части редактора.
  2. Нажмите на галерею Pro Gallery
  3. Нажмите Настроить.
  4. Перейдите во вкладку Макет.
  5. Нажмите Настроить макет.
  6. Установите для параметра Размер панели информации меньшее значение или значение 0, чтобы удалить пустое пространство.

Иногда дизайн текста галереи на мобильном устройстве выглядит иначе, чем в полной версии сайта. Это связано с тем, что текст для мобильной версии должен быть настроен в мобильном редакторе отдельно от компьютерной версии.

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

  1. Нажмите на значок Мобильный редактор  в верхней части редактора.
  2. Нажмите на галерею Pro Gallery
  3. Нажмите Настроить.
  4. Перейдите во вкладку Дизайн.
  5. Нажмите Текст.
  6. Настройте текст, используя доступные параметры.

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

Мы рекомендуем использовать встроенный текст и настраиваемую кнопку, чтобы избежать проблем с выравниванием.
Скриншот настраиваемой кнопки на опубликованном мобильном сайте.

Может случиться так, что названия и / или описания элементов галереи не видны или обрезаны в мобильной версии сайта. Это происходит в галереях с макетами Сетка, Слайдер, Полоска и Колонка.
Когда высота текстового поля галереи слишком мала и не может вместить весь текст.
Есть несколько способов решить эту проблему в зависимости от выбранного параметра Где показать текст.
Скриншот с параметрами положения информации, доступными на вкладке Дизайн.

Текст размещается под или над изображением:

  • Уменьшите размер шрифта заголовка / описания или увеличьте размер изображений, настроив макет галереи. Например, если у вас есть галерея с макетом сетки, вы можете изменить размер миниатюр галереи или настроить количество изображений в ряду.
  • Перейдите в редактор полной версии и увеличьте высоту текстового поля. Это изменение также коснется мобильной версии.
  • Настройка отступов текста по горизонтали и вертикали может привести к обрезанию текста на мобильном устройстве. Эти настройки переносятся с компьютерной версии. Чтобы настроить эти параметры, перейдите в компьютерную версию сайта и измените параметры отступов во вкладке Тексты панели Дизайн.
Скриншот с настройкой высоты текстового поля на вкладке Дизайн в редакторе на компьютере.

Текст размещен на изображении:

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

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

Вы можете обнаружить, что музыка и видео не воспроизводятся автоматически на смартфонах iPhone, Android и на планшетах. Это связано с тем, что Apple и Chrome блокируют функцию автовоспроизведения, чтобы предотвратить дополнительную плату за передачу данных из сети мобильного оператора посетителя. Данные не загружаются, пока пользователь не нажмет кнопку воспроизведения на аудио- или видеоплеере.
Функции автовоспроизведения также отключаются, если посетитель включил режим энергосбережения на своем устройстве iOS.
Для получения дополнительной информации см. библиотеку разработчика Safari от Apple и рекомендации Google для разработчиков.

Нужна помощь?

Если вам нужна помощь с галереей Pro Gallery на мобильном устройстве, пожалуйста, свяжитесь с нами и подготовьте следующую информацию:

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

|