3. Виджет “Картинка”

Виджет “Картинка” предназначен для размещения на странице изображения или gif анимации, нажав на изображение в виджете можно открыть само изображение и группу связанных изображений, так же виджет может послужить установкой изображения товара в вашем магазине.

Все виджеты устанавливаются только на секции и на всплывающие окна.

00000015

Виджеты “Картинка” и “Иконка” представляют – один виджет, но с разными настройками (для удобства и экономии времени на их настройку).

image17=

Как установить

Шаг 1.  Перетащим его внутрь секции.

00000016

Шаг 2. Нажмём на “Загрузите изображение с вашего компьютера” и выбираем изображение из библиотеки или загружаем свое изображение с компьютера.

00000017

 

Настройки виджета

 

Вкладка “Вид”

Вид виджета “Картинка”

Виджет “Картинка” можно задать в нескольких видах:

  1. Обычная
  2. Вписанная
  3. Круглая

1000374

Горизонтальное выравнивание

  1. Слева
  2. По центру
  3. Справа

image19=

Фиксированная высота
Фиксированная высота дает возможность задать точное значение изображению, которое не будет меняться в зависимости от адаптации экрана.

image06=

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

image07=

Размер
Размер изображению можно задать с помощью этой функции, передвинув ползунок на нужное нам значение

image25=

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

image00=

Вкладка “Роль”

Картинка
Роль “Картинка” предназначена для обычных изображений которые находятся на странице.

Фото товара
Роль “Фото товара” предназначена для функционала Корзины (подробнее о работе с корзиной).
Важно! Если вы хотите установить фото товара, то необходимо выбрать данную роль и разместить фото на карточке товара.

Вкладка “Действие”

Открыть по клику
Данная функция позволит открыть изображение кликнув по нему.

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

image08=

Вкладка “SEO”

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

Атрибут ALT (альт) – это альтернативный текст, который отображает браузер, если по тем или иным причинам он не может загрузить картинку (если картинка была удалена с сервера или у посетителя отключен показ изображений в браузере). Поисковые боты пока не научились «читать» изображения, но благодаря альту вы сможете подсказать роботу, что это за картинка, какое у нее название и что на ней написано. Раньше по стандартам W3C наличие этого атрибута было обязательным.

Атрибут TITLE (тайтл) – это дополнительная информация о картинке или ссылке. Его основное предназначение помочь посетителю получить более подробное описание элемента. Значение этого атрибута показывается при наведении мышки на объект. Не путайте атрибут TITLE с одноименным тегом заголовка страницы!

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

Похожие статьи