🌙

Конструктор шапки

Просмотров: 149

Шапка бота — это блок с дополнительной информацией о вашем магазине, в стандартной структуре он может содержать кнопку перехода куда-либо и логотип вашего магазина.

Чтобы активировать шапку, перейдите Telegram-ботНастройки модуля → вкладка Дизайн.

Пролистайте до самого низа и отметься вот эту галку.

После активации вы увидите автоматически созданный код. Понимая, что многие пользователи не имеют специфичных навыков, мы создали конструктор шапки.

Перейти в конструктор шапки

Рассмотрим поля чуть более подробно:

  1. Ссылка на логотип - загрузите ваш логотип в файловый менеджер, это позволит получить прямую ссылку на него вида:https://example.ucoz.net/default_logo.svg
  2. Название магазина - опционально можно оставить пустым.
  3. Название кнопки - текст отображаемый на кнопке.
  4. Ссылка кнопки - ссылка, которая может вести куда угодно: в сообщество, в ЛС, на сайт.

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

Социальные сети вместо кнопки в шапке

Вы можете при помощи кода разместить кнопки социальных сетей в шапке. Чтобы сделать это - в сгенерированный код вместо кнопки добавьте вот эту разметку. Между открывающим <div class="shop-header__links"> и закрывающим </div> вместо стандартной кнопки и замените ссылки по умолчанию тем, что вам необходимо - вместо вот этих указателей.

Далее во вкладку Код, между тегами <head>, добавьте правило.

CSS
ul.social-list.headsocial { display: inline-flex; }

Если не добавляли туда стили ранее, перед и в конце поставьте открывающий тег <style> и закрывающий </style>соответственно.

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

Полезные факты:

— Функционал ничем не ограничен, вы можете использовать сгенерированную разметку в качестве базы и стилизовать как захотите. Если что-то не вышло как вы задумывали напишите нам @uShopHelpBot или закажите помощь в divly.ru/help