Cotonti сайт своими руками / Расширения / Пользовательские

Share - плагин Cotonti

09.02.2019 256

Здравствуйте, уважаемые читатели сайта cmscot.net. Cotonti плагин share - расширение которое выводит в любом месте на сайте блок с кнопками шаринга в социальные сети. Параметры страницы подставляются автоматически. В настройках можно указать размер кнопок, включить/выключить вывод мессенджеров, счетчик (для некоторых).

Особенности плагина share

  • Взаимодействие происходит с помощью библиотеки goodshare.js (доступно больше 30 сервисов), в дальнейшем возможно появятся и другие на выбор, с возможностью переключения.
  • Настроить размер и позиционирование по горизонтали для кнопок можно прямо из админки, также там можно включить вывод мессенджеров и счетчиков (некоторые).
  • Порядок растоложения кнопок можно изменить в tpl файле плагина,  там находятся и видимый блок и тот что раскрывается по клику.
  • Все иконки выведены с помощью иконочного шрифта, поэтому можно поменять цвет и размер без ущерба для внешнего вида, нет необходимости править картинки, их просто нет. Фон каждой кнопки выполнен как background свойство css, поэтому можно менять и стилизовать как будет угодно.
  • Скрипт и стили загружаются после загрузки всей страницы, не добавляются в общий файл стилей, для javascript присутствует атрибут defer. По умолчанию блок с кнопками скрыт с помощью атрибута hidden. Если на странице есть хоть один блок, только тогда с помощью js создается подключение css, и добавляется в head, после чего удаляется атрибут hidden у блока.

Share - плагин Cotonti

Установка плагина share

  • Скачать архив, распаковать. Переименовать папку с плагином в share и залить в корневой каталог /plugins/. 
  • Перейти в «Управление сайтом / Расширения / Поделиться в социальных сетях» и установить.
  • Выставить настройки по желанию.
  • Добавить в шаблон функцию вызова.

Для того чтобы блок с кнопками социальных сетей появился на странице, нужно добавить код вызова функции:

<!-- IF {PHP.cot_plugins_active.share} -->{PHP|share}<!-- ENDIF -->

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

  • start    (выравнивание по левому краю)
  • center (выравнивание по центру)
  • end     (выравнивание по правому краю)

Например для выравнивания вправо:

<!-- IF {PHP.cot_plugins_active.share} -->{PHP|share('end')}<!-- ENDIF -->

Код следует добавить в зависимости от потребностей. Например если нужно чтобы блок поделиться выводился глобально, то достаточно добавить в header.tpl или footer.tpl. Если только на главной, то в index.tpl, если в краткой и полной новости, то page.list.tpl и page.tpl.

Настройка плагина share

Настройки плагина share

В конфигурации доступны такие настройки:

Горизонтальное расположение блока:

положение блока с кнопками, может быть:

  • слева 
  • по центру
  • справа
Размер кнопок:

выбор одного из размеров кнопок:

  • большие
  • средние
  • маленькие
Включить счетчик: включает счетчик для некоторых сервисов
Включить мессенджеры: выводит кнопки мессенджеров (например skype)
Использовать CSS стили плагина: стили плагина

Количество кнопок можно изменить в файле плагина share.tpl. Ненужные можно закомментировать или удалить. Также можно перестановкой тегов изменить порядок расположения.

Пользовательские: «Share - плагин Cotonti»

Если вам была полезна эта информация, будьте добры, поделитесь ею в социальных сетях. Это послужит дополнительным мотиватором, стимулом к дальнейшим публикациям на cmscot.net статей на интересующие вас темы.
Cmscot

Близкие по теме «Share - плагин Cotonti»

Нет записей