Статьи по теме: Заполнение сайта

Фотография


Виджет Фотография используется для добавления изображений на страницы вашего сайта.


  1. Добавление изображения.


Создайте страницу с типом Новая страница и добавьте виджет Фотография, перетащив его в нужную область страницы.


screen-66.png


Нажмите на кнопку Выберите файл и загрузите ваше изображение.


screen-97.png


  1. Настройка виджета Фотография.


Для перехода в настройки нужно кликнуть по значку шестеренки в верхнем правом углу виджета.


screen-10.png


Для виджета Фотография доступны следующие настройки:


2.1. Изменение ширины изображения в % и px

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


screen-7.png


2.2. Добавление ссылки на изображение


Если вы хотите, чтобы по клику на изображение пользователь переходил на какую-либо страницу вашего либо стороннего сайта, то вам нужно прописать ссылку для изображения. По клику на фото будет происходить переход по указанной ссылке.


Для добавления ссылки сначала выберите ее тип: Страница сайта или Внешняя ссылка.


screen-8.png


Выбирайте тип ссылки Страница сайта, если переход должен быть на страницу на вашем сайте. Далее в выпадающем списке будет доступен выбор страниц из меню вашего сайта.


screen-11.png


ВАЖНО: для выбора будут доступны страницы следующих типов: Страница, Магазин, Галерея, Блог, Ссылка.


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


screen-9.png


ВАЖНО: если ссылка ведет на сторонний сайт, то указывайте полный адрес ссылки с доменом, например, https://vigbo.com/templates Если переход должен быть на страницу вашего сайта, указывайте в качестве ссылки только адрес страницы без доменного имени, в начале ссылки должен быть символ / Пример: /templates


2.3. Добавление подписи


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


screen-102.png


2.4. Выбор эффектов при наведении на фото


screen-103.png


  • Текст при наведении - эффект, при котором текст подписи расположен поверх фото и будет отображаться только при наведении. При необходимости возможно зафиксировать текст поверх изображения и других эффектов, установив настройку Отображать текст всегда.
  • Наложение цвета - позволяет добавить цвет поверх изображения и настроить его прозрачность. При необходимости возможно зафиксировать цвет поверх изображения и других эффектов и отображать его всегда.
  • Приближение - эффект создает видимость приближения фото при наведении на него.


ВАЖНО: в мобильной версии эффект Приближение не применяется.


Эффекты Текст при наведении, Наложение цвета будут работать в мобильной версии сайта, если активированы чекбоксы Отображать текст всегда, Накладывать цвет всегда.


screen-104.png


2.5. Удаление/замена изображения


Вы можете удалить виджет, нажав на иконку Корзины в правом верхнем углу виджета.


screen-105.png


Также возможно заменить изображение другим в настройках виджета.


screen-106.png


2.6. Изменение пропорций фотографии


Вы можете преобразовать изображение в нескольких пропорциях:


  • Произвольная (задать любую область по высоте и ширине)
  • Квадратная
  • Круглая
  • Вертикаль 2х3
  • Горизонталь 3х2****


file1.gif


ВАЖНО: для применения настроек нужно нажать кнопку Сохранить в окне с настройками виджета и кнопку Сохранить для страницы.

Последнее изменение: 24/03/2026

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

Поделиться отзывом

Отменить

Спасибо!