База знаний
по возможностям платформы

Увеличение изображения из миниатюры по клику и при наведении во всплывающем окне. Виджет.

Здравствуйте, дорогие друзья!

Сегодня мы рады сообщить о новом функционале для изображений в редакторе платформы LPgenerator. Теперь, не прилагая особых усилий вы сможете настроить увеличение картинки по клику и или при наведении.

Без скриптов и лишней траты времени!

Итак, расскажем подробнее.

1. Откройте необходимую целевую страницу в редакторе сервиса:

страница

2. С помощью инструмента «Изображение» загрузите на страницу картинку:

изображение

3. Кликните на изображение и раскройте панель его свойств в правой части редактора:

свойства

4. Далее в разделе «Простые» нажмите на функцию «Приближение»:

приближение

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

галерея

6. Нажмите кнопку «Выбрать»:

галерея

7. Если необходимые фото/картинка находится в другом облачном хранилище, пропишите в поле «Введите адрес картинки» ссылку, которая доступна всем пользователям в интернете.

Подробнее о том, как получить ссылку на изображение, читайте здесь.

ссылка

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

загрузка

6. Выберите действие, при выполнении которого будет открываться изображение:

действие

7. Сохраните изменения и не забудьте сохранить целевую страницу в редакторе:

сохранить

Готово. Закрыть изображение можно, нажав на крестик или кликнув вне его области.

изображение

Удалить приближение можно в панели свойств изображения справа:

удалить

Высоких вам конверсий!

Была ли эта статья полезной?
Пользователи, считающие этот материал полезным: 4 из 4
Еще есть вопросы? Отправить запрос

Комментарии

  • Avatar
    Максим Хатунцев

    Здравствуйте,
    Сделал приближение "при наведении" курсора мыши на картинку, но при добавлении ссылки на изображение, приближение не работает,
    Скажите, можно ли сделать и приближение при наведении курсора и ссылку на изображение?

  • Avatar
    Максим Гуйван

    Здравствуйте, Максим!

    К сожалению, эти функции несовместимы в рамках инструмента "приближение", то есть одновременно две эти функции не работают.

    Как вариант, можно использовать отдельно настраиваемую галерею изображений, и с её помощью организовать ссылки для увеличенных изображений. Подробнее этот вопрос можно обсудить с нашей службой поддержки - support@lpgenerator.ru

  • Avatar
    Альберт

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

  • Avatar
    Роман Колдин

    Здравствуйте, Альберт.

    Да, это возможно в качестве индивидуальной доработки для Вашей страницы с помощью использования инструмента "скрипты". При наличии опыта работы с кодом (html, css) Вы можете произвести данную реализацию, ознакомившись со следующей статьёй: http://htmlbook.ru/css/cursor

    Также Вы можете заказать данную реализацию у наших специалистов отдела вёрстки, связаться с которыми Вы можете, отправив запрос на support@lpgenerator.ru.

  • Avatar
    Мурат Жаксылыков

    Здравствуйте! Все получилось, но картинка не достаточно сильно увеличивается - у меня там текст - хотелось бы чтобы картинка была побольше - раза в 2 - иначе текст очень мелкий. Нельзя задавать размер картинки при приближении?

  • Avatar
    Максим Гуйван

    Здравствуйте, Мурат!

    Настройка размера изображения при увеличении не предусмотрена - однако, вы можете подобрать увеличенное изображение таким, чтобы текст и элементы ясно читались.

  • Avatar
    Мурат Жаксылыков

    Здравствуйте Максим! Я так и сделал - нормально получилось, спасибо!

  • Avatar
    Мурат Жаксылыков

    Рекомендую всем делать размер изображения А4 скажем скан рекомендательных писем 1000 на 705 пикселей - нормально отображается и весит не много.

  • Avatar
    Владимир

    Добрый день! Скажите пожалуйста, можно ли настроить скорость всплывания и прозрачность картинки? Хочется сделать по принцыпу как на этом шаблоне https://lpgenerator.ru/store/preview/868/?from=add блок "наши обьекты". При наведении медленно выплывал полупрозрачный текст.

  • Avatar
    Роман Пашнев

    Здравствуйте, Владимир!

    Для того, чтобы достичь желаемого эффекта, потребуется добавление JavaScript-кода. Вы можете добавить код как самостоятельно, при наличии соответствующих навыков, либо же написать нам на адрес "support@lpgenerator.ru" и мы поможем Вам в реализации задуманного.

    По всем вопросам обязательно обращайтесь!

На базе технологии Zendesk