> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://support.support-vigbo.com/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # Фотография ${frame}[](https://player.vimeo.com/video/289257583?title=0&byline=0&portrait=0) Виджет **Фотография** используется для добавления изображений на страницы вашего сайта. 1. Добавление изображения. Создайте страницу с типом **Новая страница** и добавьте виджет **Фотография**, перетащив его в нужную область страницы. ![screen-66.png](https://storage.crisp.chat/users/helpdesk/website/-/9/7/e/c/97ece1d53a1c9800/9fab2f30-3351-4e7b-964d-c04a2b_1a9l6r6.png) Нажмите на кнопку **Выберите файл** и загрузите ваше изображение. ![screen-97.png](https://storage.crisp.chat/users/helpdesk/website/-/b/c/1/3/bc13df0a8afa8000/d1fa2dcd-d863-4113-b753-b63d45_cxxebv.png) 2. Настройка виджета **Фотография**. Для перехода в настройки нужно кликнуть по значку шестеренки в верхнем правом углу виджета. ![screen-10.png](https://storage.crisp.chat/users/helpdesk/website/-/9/a/3/6/9a36f65888449800/6735c99c-a699-42d3-a0e7-b40041_10di3f2.png) Для виджета **Фотография** доступны следующие настройки: **2.1. Изменение ширины изображения в % и px** Эта настройка позволяет изменять размер фотографии относительно страницы. Обратите внимание: если не выбрано выравнивание, фотография будет центрироваться. ![screen-7.png](https://storage.crisp.chat/users/helpdesk/website/-/a/2/6/6/a26636642b1c4000/146c73a4-9214-4dac-8d2b-aa39d5_cearh8.png) **2.2. Добавление ссылки на изображение** Если вы хотите, чтобы по клику на изображение пользователь переходил на какую-либо страницу вашего либо стороннего сайта, то вам нужно прописать ссылку для изображения. По клику на фото будет происходить переход по указанной ссылке. Для добавления ссылки сначала выберите ее тип: **Страница сайта** или **Внешняя ссылка**. ![screen-8.png](https://storage.crisp.chat/users/helpdesk/website/-/d/2/4/f/d24f81b939dbb800/2197a619-fbd9-4f5a-bf4f-b960b2_1vdh1yu.png) Выбирайте тип ссылки **Страница сайта**, если переход должен быть на страницу на вашем сайте. Далее в выпадающем списке будет доступен выбор страниц из меню вашего сайта. ![screen-11.png](https://storage.crisp.chat/users/helpdesk/website/-/2/f/8/b/2f8ba4815ded0400/4366990a-bbc7-4f99-8112-089a2e_iejpef.png) > **ВАЖНО:** для выбора будут доступны страницы следующих типов: Страница, Магазин, Галерея, Блог, Ссылка. **Внешняя ссылка** понадобиться, если вы добавляете ссылку на сторонний сайт, на номер телефона, почту. Вы также можете ее использовать для добавления ссылки между страницами вашего сайта, например, на пост в блоге или категорию магазина. ![screen-9.png](https://storage.crisp.chat/users/helpdesk/website/-/d/e/9/2/de92e5b12733e000/72839d30-d444-4f78-8443-6f5a2b_mxilwq.png) > **ВАЖНО:** если ссылка ведет на сторонний сайт, то указывайте полный адрес ссылки с доменом, например, **https://vigbo.com/templates** Если переход должен быть на страницу вашего сайта, указывайте в качестве ссылки только адрес страницы без доменного имени, в начале ссылки должен быть символ **/** Пример: **/templates** **2.3. Добавление подписи** Добавьте подпись к фотографии, а также установите для нее необходимый цвет, размер и формат шрифта. ![screen-102.png](https://support.vigbo.tech/hc/article_attachments/5900782836242) **2.4. Выбор эффектов при наведении на фото** ![screen-103.png](https://support.vigbo.tech/hc/article_attachments/5900819208850) * **Текст при наведении** - эффект, при котором текст подписи расположен поверх фото и будет отображаться только при наведении. При необходимости возможно зафиксировать текст поверх изображения и других эффектов, установив настройку **Отображать текст всегда**. * **Наложение цвета** - позволяет добавить цвет поверх изображения и настроить его прозрачность. При необходимости возможно зафиксировать цвет поверх изображения и других эффектов и отображать его всегда. * **Приближение** - эффект создает видимость приближения фото при наведении на него. > **ВАЖНО:** в мобильной версии эффект **Приближение** не применяется. Эффекты **Текст при наведении**, **Наложение цвета** будут работать в мобильной версии сайта, если активированы чекбоксы **Отображать текст всегда**, **Накладывать цвет всегда**. ![screen-104.png](https://support.vigbo.tech/hc/article_attachments/5900789402514) **2.5. Удаление/замена изображения** Вы можете удалить виджет, нажав на иконку **Корзины** в правом верхнем углу виджета. ![screen-105.png](https://support.vigbo.tech/hc/article_attachments/5900823131794) Также возможно заменить изображение другим в настройках виджета. ![screen-106.png](https://support.vigbo.tech/hc/article_attachments/5900876857618) **2.6. Изменение пропорций фотографии** Вы можете преобразовать изображение в нескольких пропорциях: * Произвольная (задать любую область по высоте и ширине) * Квадратная * Круглая * Вертикаль 2х3 * Горизонталь 3х2**** ![file1.gif](https://support.vigbo.tech/hc/article_attachments/360005999472) > **ВАЖНО:** для применения настроек нужно нажать кнопку **Сохранить** в окне с настройками виджета и кнопку **Сохранить** для страницы.