Как подключить Сер ID чтобы отображался значок в Авторизации?Есть решение

здравствуйте подключил Плагин для работы Авторизации Сбер ID но значок при авторизации не синхронизируется, что делать?

1 ответ
a
Леман Евгений
Programmer
#
5 февраля 2025 07:29
Решение

Это сторонний плагин. Для этого его нужно вручную интегрировать стилистически. Для этого в шаблонах сайта login.htmlsignup.html найдите конструкцию:

{$_social_svg_styles = [
	'vkontakte' => [
		'id' => 'vk',
		'icon' => '<svg class="icon cent-icon" width="16" height="9"><use xlink:href="#icon-vk"></use></svg>'
	],
	'facebook' => [
		'id' => 'fb',
		'icon' => '<svg class="icon cent-icon" width="7" height="16"><use xlink:href="#icon-fb"></use></svg>'
	],
	'google' => [
		'id' => 'ggl',
		'icon' => '<svg class="icon cent-icon" width="18" height="10"><use xlink:href="#icon-gp"></use></svg>'
	],
	'twitter' => [
		'id' => 'tw',
		'icon' => '<svg class="icon cent-icon" width="16" height="13"><use xlink:href="#icon-tw"></use></svg>'
	],
	'yandex' => [
		'id' => 'ya',
		'icon' => '<svg class="icon cent-icon" width="8" height="15"><use xlink:href="#icon-ya"></use></svg>'
	],
	'mailru' => [
		'id' => 'magent',
		'icon' => '<svg class="icon cent-icon" width="16" height="15"><use xlink:href="#icon-magent"></use></svg>'
	]
]}

Там необходимо добавить вариант плагина(его ID - sberid) и указать для него иконку. В итоге должно получиться что-то вроде такого:

{$_social_svg_styles = [
	'vkontakte' => [
		'id' => 'vk',
		'icon' => '<svg class="icon cent-icon" width="16" height="9"><use xlink:href="#icon-vk"></use></svg>'
	],
	'facebook' => [
		'id' => 'fb',
		'icon' => '<svg class="icon cent-icon" width="7" height="16"><use xlink:href="#icon-fb"></use></svg>'
	],
	'google' => [
		'id' => 'ggl',
		'icon' => '<svg class="icon cent-icon" width="18" height="10"><use xlink:href="#icon-gp"></use></svg>'
	],
	'twitter' => [
		'id' => 'tw',
		'icon' => '<svg class="icon cent-icon" width="16" height="13"><use xlink:href="#icon-tw"></use></svg>'
	],
	'yandex' => [
		'id' => 'ya',
		'icon' => '<svg class="icon cent-icon" width="8" height="15"><use xlink:href="#icon-ya"></use></svg>'
	],
	'sberid' => [
		'id' => 'sberid',
		'icon' => '<img src="/wa-apps/site/plugins/sberid/img/sberid.png" alt="" />'
	]
]}

Изображение установить на своё усмотрение. Методом тыка нашел в плагине только иконку в 16рх. Можно попробовать добавить в user.css примерно такой код:

.soc-list:not(.soc-list_monotones):not(.soc-list_icon-only) .soc-btn_sberid {border:2px solid #3aad12}
.soc-btn_sberid img {margin:5px}

Ну или уже на свой вкус.

Чтобы добавить комментарий, зарегистрируйтесь или войдите