인프런 커뮤니티 질문&답변

hyoseok님의 프로필 이미지

작성한 질문수

웹플로우(Webflow) 시작하기 - 코딩 없이 자유도 높은 프로토타입 만들기

팝업 모달 디자인

팝업에 현재 클릭한 CMS데이터를 보여주게 하는 법

해결된 질문

23.04.12 18:35 작성

·

305

0

 

안녕하세요.

팝업을 블로그 상세페이지 형식으로
(로그인같이 획일화데이터 x)

  1. 홈에서 맘에드는 글 클릭하면(현 디스콰이엇과 동일한 방식)

  2. 해당 글 상세페이지를 팝업식으로 보여주고,

  3. X를 누르면 이전 커서 위치로 돌아가게끔 만들고 싶은데요.


*현재 문제점

  1. 다른 페이지 뷰로 새로 만들 때엔, 이전에 클릭한 CMS를 불러올 수 있지만, 다시 맨윗 글로 이동하는 문제가 있고

  2. 홈 뷰에서 새로 만들 때엔, 클릭한 CMS를 필터를 통해서 현재 데이터를 불러 올 수 없는 문제점이 있는데

    해당 문제를 어떻게 해결해야할까요?

답변 1

0

일잘러 장피엠님의 프로필 이미지
일잘러 장피엠
지식공유자

2023. 04. 19. 11:01

안녕하세요. 수강생님,
저도 수강생님이 질문하셔서 찾아봤습니다 ^^;;

이 영상에서 잘 설명하고 있습니다.
https://www.youtube.com/watch?v=E-4xLVyGw4Q&t=473s

요지는 Collection Item의 하위 항목으로 화면 전체를 차지하는 popup div를 width 100%, height 100vh, position fixed로 만들고, 그 하위 항목 div를 클릭 이벤트를 가지고 보였다 숨겼다 하도록 처리하는 것입니다.

 

Made in webflow에 복사할수 있는 프로젝트로는 비슷한 원리로 구현된게 이런 프로젝트도 있네요.
https://webflow.com/made-in-webflow/website/pop-up-5a1fa1

 

한번 참고해서 만들어보시면 좋을거 같습니다.
감사합니다.

hyoseok님의 프로필 이미지

작성한 질문수

질문하기