Scroll

Виджеты - Общая категория

1. Виджет кнопка
2. HTML виджет
3. Кнопки "Pay Pal Купить" и "Pay Pal пожертвовать"
4. Блок расширеного содержимого
5. Vimeo Видео
6. Виджет Счетчик
7. Кнопка наверх

1. Виджет «Кнопка»
screenshot1.png

«Кнопка» - это виджет, который позволяет создавать кнопки или редактировать параметры уже существующих на сайте кнопок. Функционал данного виджета предоставляет:

1) возможность создать уникальный дизайн кнопки (текст для кнопки, размер, ее цвет и градиент, фоновое изображение)
2) возможность применить к кнопке действие из списка
3) возможность редактировать стиль текстовой надписи.

Для «Кнопки» в панели свойств справа вкладки «Стиль» и «Действия» неактивны, потому что все это можно сделать в основном разделе «Свойства». Остановимся на основных моментах более подробно. 

Параметр «Надпись» позволяет редактировать текст, который выводится поверх кнопки.
0002.jpg

Параметр «Действие при нажатии» позволяет применить к данной кнопке какое-либо действие из предложенного списка.
0001.jpg

Параметр «Не следовать» запрещает переход для поисковых роботов.
screenshot1.png

Параметр «Подсветить на целевой странице» позволяет делать так, чтобы при наведении курсора мышки на нее, кнопка визуально изменялась. screenshot2.png

Набор параметров «Стиль текста» позволяет стилизировать текстовой надпись кнопки необходимым образом.
0005.jpg 

Набор параметров «Стиль текста при наведении» позволяет стилизировать поведение текстовой надписи кнопки при наведении.
0006.jpg 

«Стиль кнопки» и «Стиль кнопки при наведении» - подразделы, в которых можно отредактировать стиль кнопки в обычном состоянии и при наведении.
0007.jpg

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

1) тип заливки фона (без фона, сплошная, градиент)
2) фоновое изображение кнопки
3) установить логику заполнения изображения (исходный, повторять, повторять по вертикали, повторять по горизонтали)
4) поведение положение изображения на фоне
5) цвет обводки для контура кнопки при наведении
6) ширину кнопки
7) скругление
8) отступ 

«Стиль иконки» позволяет выбрать и стилизировать иконку для кнопки.
0008.jpg

2. «HTML Widget»
screenshot2.png

HTML Widget позволяет запускать любой сторонний код на HTML и JavaScript. Есть возможность обрамить код с помощью iFrame. Достаточно разместить виджет на странице, создать для него новое содержимое и вставить в поле «HTML Code» необходимый код.
0014.jpg

К сожалению, отсутствует возможность просмотра вывода кода непосредственно в панели управления шаблоном.

3. Кнопки «PayPal Купить» и «PayPal Пожертвовать»
screenshot3.png

 Кнопки «PayPal Купить» и «PayPal Пожертвовать» представляют собой два виджета на базе сервиса PayPal, функционально ориентированных на возможность оплаты услуги или пожертвования средств с сайта. Принципиально эти два виджета похожи и некоторые их настройки идентичны: 

«Адрес электронной почты для приема платежей»
0016.jpg 

«Название товара»
0017.jpg 

«ID товара» 
0018.jpg 

«Выберите валюту» (список из 22 вариантов валют, которые принимает сервис PayPal)
0019.jpg

Параметр «Открыть в» позволяет регулировать возможность открытия страницы сервиса Pay Pal либо в текущем окне, либо в новом.
0020.jpg

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

Кнопка «PayPal Купить»

«Цена»
 0021.jpg

Подраздел «Дополнительные суммы»
0022.jpg

«Сумма доставки» и «Сумма налога %»
0023.jpg 

Подраздел «Настроить кнопку»
0024.jpg

0025.jpg 

«Тип кнопки»
0026.jpg 

«Тип кнопки PayPal»
0027.jpg

«Выберите текст кнопки»
0028.jpg

Кнопка «PayPal Пожертвовать»

«Сумма вклада»
0029.jpg

Подраздел «Настроить кнопку»

0024.jpg

0030.jpg

«Тип кнопки»
0031.jpg

«Тип кнопки PayPal»
0032.jpg

Вкладки «Стиль» и «Действия» неактивны.

4. «Блок расширенного содержимого»
screenshot4.png

Виджет «Блок расширенного содержимого» позволяет разместить на странице сайта большее количество информации, путем добавления к данному блоку прокрутки и возможности комбинировать различные объекты (текст, изображения, виджеты и др.).
0034.jpg

С помощью параметра «Название» можно изменить название виджета, которое будет отображаться в его панели свойств справа вверху.

Параметр «Толщина зоны прокрутки» регулирует толщину зоны прокрутки, его значение может быть в интервале от 0 до 200 пикселей.

Параметр «Отступ зоны прокрутки» регулирует отступ зоны прокрутки, его значение может быть в интервале от 0 до 100 пикселей.

Параметр «Цвет зоны прокрутки» регулирует цвет зоны прокрутки.

Параметр «Цвет ползунка зоны прокрутки» регулирует цвет ползунка зоны прокрутки.

Чтобы перейти в окно редактирования данного виджета, следует дважды кликнуть на нем левой кнопкой мышки или в его панели свойств справа снизу нажать кнопку «Редактировать виджет». После этого откроется окно данного виджета, справа появится набор дополнительных настроек.
0035.jpg

К ним относятся «Ширина», «Высота», «Цвет фона» и функция смещения содержимого.

Ширина может быть отредактирована сразу же в данном окне, высота же регулируется в панели управления шаблоном (т.е. на уровень выше).

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

Функция смещения содержимого позволяет перемещать весь контент в блоке относительно любой из сторон на задаваемое в пикселях расстояние.

5. «Vimeo Видео»
screenshot5.png

Виджет «Vimeo Видео» позволяет использовать видео из Вашей учетной записи с ресурса Vimeo.
0038.jpg

В поле «Ссылка на видео» указывается непосредственно видео.

Параметр «Автовоспроизведение» позволяет запустить видео автоматически при загрузке страницы.

Параметр «Цвет элементов управления» предоставляет возможность выбора цвета для кнопок управления видео.

С помощью раздела «Стиль» можно настроить дополнительные внешние настройки отображения виджета, стилизировать его. 

6. "Счетчик"
screenshot6.png

Виджет "Счетчик" позволяет добавить обратный отсчет на Ваш сайт.  Пожалуйста, обратите внимание на то, что данный виджет не может отсчитывать время более 99 дней.

Данный виджет включает в себя следующие настройки
time1.jpg

Опции "Год", "Месяц", "День", "Час", "Минуты" помогут Вам установить дату, когда счетчик покажет нули.  До этого момента оставшееся время будет подсчитываться автоматически.
time2.jpg

"Стиль блока" - подраздел, в котором можно отредактировать стиль виджета.

В данном подразделе можно регулировать:

1) тип заливки фона (без фона, сплошная, градиент)
2) фоновое изображение
3) установить логику заполнения изображения (исходный, повторять, повторять по вертикали, повторять по горизонтали)
4) поведение положение изображения на фоне
5) цвет обводки для контура
6) ширину обводки
7) скругление
8) отступ
time3.jpg
Набор параметров "Стиль цифры" позволяет стилизовать цифры необходимым образом.

"Расстояние между блоками" определяет расстояние между блоками с Днями, Часами, Минутами, Секундами.

"Расстояние внутри блока"  определяет расстояние между цифрами в блоках с Днями, Часами, Минутами, Секундами.

 7. Кнопка "Наверх"
top4.jpg

Кнопка "Наверх" позволяет перейти в начало страницы при нажатии на нее. Пожалуйста, обратите внимание на то, что расположение данного виджета на странице, зависит от его настроек, а не от положение в панели управления.

В данном виджете есть следующие настройки
top1.jpg

Настройка "Текст Кнопки" позволяет задать текст который будет отображаться на данном виджете
top2.jpg

Набор параметров «Стиль текста» позволяет стилизовать текстовую надпись кнопки необходимым образом.

"Отступ справа" определяет расстояние в пикселях от правой стороны экрана до кнопки. Данную опцию используют для расположение виджета на странице.

 "Отступ снизу" определяет расстояние в пикселях от нижней стороны экрана до кнопки. Данную опцию используют для расположения виджета на странице.

Параметр "Скролл до появления" указывает количество пикселей, после прокручивания которых появляется кнопка "Наверх"
top3.jpg

«Стиль кнопки» и «Стиль кнопки при наведении» - подразделы, в которых можно отредактировать стиль кнопки в обычном состоянии и при наведении.

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

1) тип заливки фона (без фона, сплошная, градиент)
2) фоновое изображение кнопки
3) установить логику заполнения изображения (исходный, повторять, повторять по вертикали, повторять по горизонтали)
4) поведение положение изображения на фоне
5) цвет обводки для контура кнопки при наведении
6) ширину кнопки
7) скругление
8) отступ

Была ли эта статья полезной?
Пользователи, считающие этот материал полезным: 3 из 3
Еще есть вопросы? Отправить запрос

Комментарии

На базе технологии Zendesk