비로그인 사용자에게만 배너 토픽 닫기 버튼 비활성화하는 방법

제품 지원
1

How to disable the banner topic dismiss button? 토론을 이어서 진행합니다:

해당 스레드를 확인해 보았지만, 여전히 명확한 답변을 찾지 못했습니다. 제 사용 사례는 다음과 같습니다. 저희 포럼(community.pynk.io)은 사람들이 포럼에 가입하도록 초대 링크를 사용하고 있습니다. 포럼에 처음 도착한 신규 사용자는 작은 설문조사(TypeForm)를 완료해야 하며, 해당 설문에서 특정 수준에 도달하면 Typeform은 잠재적 신규 사용자에게 이전에 생성된 초대 링크를 제공하여 자동으로 포럼에 입장할 수 있게 합니다.

저희 포럼은 초대 전용으로 설정하고 신규 가입을 허용하도록 구성했기 때문에, 가입(Sign up) 버튼은 사라졌으며, 잠재적 신규 사용자를 "환영"하고 설문조사에 참여하도록 초대하는 배너 토픽이 전역으로 고정되어 있습니다. 문제는 이 배너 토픽이 로그인하지 않은 사용자에게는 취소할 수 없게, 로그인한 사용자에게는 취소할 수 있게 설정하고 싶다는 것입니다. 로그인하지 않은 사용자의 경우 “X” 버튼을 제거하고, 로그인한 사용자는 이 배너를 영구적으로 닫을 수 있도록 “X” 버튼을 유지해야 합니다.

이러한 동작을 어떻게 구현할 수 있을까요? 감사합니다.

2

CSS로 가능합니다. 사용자가 로그인되어 있는지 여부를 표시하는 요소를 찾는 방법에 대한 예제가 여러 주제에서 확인됩니다. (저라면 그 예제들을 찾아볼 것인데, CSS가 여전히 꽤 혼란스러워서 실제 답변을 드릴 수는 없습니다.)

급하시면 예제를 찾으실 수 있을 것입니다. 아니면 누군가가 실제 코드를 제공해 줄 수도 있습니다.

3

@pfaffman 감사합니다!!! 이제 직접 해결했습니다:

  • 로그인하지 않은 사용자에게 "X"를 숨기기:
.anon #banner .close .d-icon{
    display: none;
}
  • 로그인한 사용자에게 "X"를 표시하기:
#banner .close .d-icon{
    display: block;
}
4

잘했어요! 제 비답이 조금이라도 도움이 되었기를 바랍니다. :wink: