Установить и настроить группу картинок

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

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

Oct-13-2017 14-51-16

Как настроить

Шаг 1. Перейдем в настройку виджетов “Картинка”, во вкладку “Действие”, включаем функцию “Открыть по клику” и ниже прописываем название группы (название группы может быть любым).

Теперь все картинки где установлена группа “Группа картинок 1” будут открываться на опубликованной странице и перелистываться между собой по нажатию стрелок.

Oct-13-2017 15-34-04-iloveimg-compressed

Как добавить изображения и их не было видно на сайте

Шаг 1. Установим виджет “Кнопка с окном” в нужное нам место.
(На примере я размещу кнопку под товаром)

Oct-13-2017 15-37-50-iloveimg-compressed

Шаг 2. Открываем всплывающее окно нажав на установленную кнопку и добавим, для удобства, в него виджет 3 колонки (можно больше, можно меньше) и удалим виджеты текста внутри каждой колонки.

Шаг 3. Установим в каждую колонку виджет “Картинка”, настроим группу картинок (для данного товара назовем группу “Товар 1”) и загрузим изображения

2017-10-13_1542

Шаг 4. Для того чтобы скрыть данную кнопку, необходимо перейти в настройки стиля виджета “Кнопка”, во вкладку “Параметры” и прописать “Классы виджета (аттрибут class)” значение “hidden

2017-10-13_1544

 

Готово! Теперь после публикации данная кнопка не будет отображаться, но при открытии группы картинок все изображения будут показываться при перелистывании.

Oct-13-2017 14-51-16

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

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