Skip to content Skip to footer
Open Hours:Mn - St, 8:00 a.m. - 9:00 p.m.
123, New Lenox, Chicago
Work Time8:00 - 18:00
Shopping Cart 0 items - $0.00 0
123, New Lenox, Chicago, IL 60606
Shopping Cart 0 items - $0.00 0

Shortcode “Icons”

Shortcode “Icons”

Краткое описание

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

Можно задать произвольный цвет всем иконкам сразу или каждой в отдельности. По умолчанию иконки отображаются цветом ссылок (первый акцентный цвет).

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

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

ВНИМАНИЕ! Эффект прорисовки доступен только для тех иконок, для которых в папке плагина /css/svg-icons или в папке с темой /trx_addons/css/svg-icons есть файлы .svg с именем, совпадающим с именем иконки. При этом все линии иконки должны быть выполнены в виде контуров, а не заливок!

В стиле “Modern” текст описания выводится сбоку от иконки.

Вместо иконки можно использовать символы или картинку.

First icon

Маркер со ссылкой и анимацией

Second icon

Этот маркер без ссылки, но с анимацией

Third icon

Маркер со ссылкой и без анимации

First icon

Маркер со ссылкой и анимацией

Second icon

Этот маркер без ссылки, но с анимацией

Third icon

Маркер со ссылкой и без анимации

Icon

Маркер со ссылкой
Icon

Image

Этот маркер без ссылки

Chars

Маркер со ссылкой

Icon

Можно менять цвет иконки, заголовка и описания, а также размер иконки
Icon

Image

Вместо иконки можно использовать картинку

Characters

Также можно использовать любые символы и менять цвет элементов