Баннер приветственной ссылки

Настройка Компонент темы
,
138

@Aurora

Один из способов — создать ссылки для авторизованных пользователей и ссылки для неавторизованных пользователей (в порядке следования, чтобы у вас было две группы ссылок).

Затем с помощью CSS скрыть одну или другую группу.
Можно использовать CSS-класс anon.

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

  • ссылка для авторизованных 1
  • ссылка для авторизованных 2
  • ссылка для неавторизованных 1
  • ссылка для неавторизованных 2
  • ссылка для неавторизованных 3

В CSS это можно реализовать так:

/* Для неавторизованных пользователей: скрывает первые две ссылки */
html.anon .featured-banner-link > div:nth-child(-n+2) {
    display: none !important;
}

/* Для авторизованных пользователей: скрывает последние три ссылки */
html:not(.anon) .featured-banner-link > div:nth-last-child(-n+3) {
    display: none !important;
}

Подойдёт ли вам такой вариант?

5 лайков