Виджет Фотография используется для добавления изображений на страницы вашего сайта.
1. Добавление изображения.
Создайте страницу с типом Новая страница и добавьте виджет Фотография, перетащив его в нужную область страницы.
Нажмите на кнопку Выберите файл и загрузите ваше изображение.
2. Настройка виджета Фотография.
Для перехода в настройки нужно кликнуть по значку шестеренки в верхнем правом углу виджета.
Для виджета Фотография доступны следующие настройки:
2.1. Изменение ширины изображения в % и px
Эта настройка позволяет изменять размер фотографии относительно страницы. Обратите внимание: если не выбрано выравнивание, фотография будет центрироваться.
2.2. Добавление ссылки на изображение
Если вы хотите, чтобы по клику на изображение пользователь переходил на какую-либо страницу вашего либо стороннего сайта, то вам нужно прописать ссылку для изображения. По клику на фото будет происходить переход по указанной ссылке.
Для добавления ссылки сначала выберите ее тип: Страница сайта или Внешняя ссылка.
Выбирайте тип ссылки Страница сайта, если переход должен быть на страницу на вашем сайте. Далее в выпадающем списке будет доступен выбор страниц из меню вашего сайта.
ВАЖНО: для выбора будут доступны страницы следующих типов: Страница, Магазин, Галерея, Блог.
Внешняя ссылка понадобиться, если вы добавляете ссылку на сторонний сайт, на номер телефона, почту. Вы также можете ее использовать для добавления ссылки между страницами вашего сайта, например, на пост в блоге или категорию магазина.
ВАЖНО: если ссылка ведет на сторонний сайт, то указывайте полный адрес ссылки с доменом, например, https://vigbo.com/templates Если переход должен быть на страницу вашего сайта, указывайте в качестве ссылки только адрес страницы без доменного имени, в начале ссылки должен быть символ / Пример: /templates
2.3. Добавление подписи
Добавьте подпись к фотографии, а также установите для нее необходимый цвет, размер и формат шрифта.
2.4. Выбор эффектов при наведении на фото
- Текст при наведении - эффект, при котором текст подписи расположен поверх фото и будет отображаться только при наведении. При необходимости возможно зафиксировать текст поверх изображения и других эффектов, установив настройку Отображать текст всегда.
- Наложение цвета - позволяет добавить цвет поверх изображения и настроить его прозрачность. При необходимости возможно зафиксировать цвет поверх изображения и других эффектов и отображать его всегда.
- Приближение - эффект создает видимость приближения фото при наведении на него.
ВАЖНО: в мобильной версии эффект Приближение не применяется.
Эффекты Текст при наведении, Наложение цвета будут работать в мобильной версии сайта, если активированы чекбоксы Отображать текст всегда, Накладывать цвет всегда.
2.5. Удаление/замена изображения
Вы можете удалить виджет, нажав на иконку Корзины в правом верхнем углу виджета.
Также возможно заменить изображение другим в настройках виджета.
2.6. Изменение пропорций фотографии
Вы можете преобразовать изображение в нескольких пропорциях:
- Произвольная (задать любую область по высоте и ширине)
- Квадратная
- Круглая
- Вертикаль 2х3
- Горизонталь 3х2
ВАЖНО: для применения настроек нужно нажать кнопку Сохранить в окне с настройками виджета и кнопку Сохранить для страницы.