Default 스킨 - 리스트에서 글 클릭 시 모달 팝업으로 오픈

1. 정확한 제품 또는 플러그인 이름

Kboard 게시판 플러그인(default skin), 심플팝업 플러그인

 

2. 상세 내용

게시글을 클릭하면 심플팝업에서 생성해뒀던 팝업창이 떴으면 좋겠습니다.

https://imgur.com/a/ntoLfDi

 

3. 확인 가능한 상세 페이지 주소

https://ecremmoceword.mycafe24.com/career/

 

4. 수정한 코드 내역 (있다면)

https://www.cosmosfarm.com/threads/document/27554#document-answer-27563

이 페이지를 보고 수정하려고 했는데, 잘 안됩니다.

 

도움 부탁드립니다.

 

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
  • 안녕하세요~^^

    팝업 관리->표시 설정 탭 하단에

    클릭 후 팝업 표시 옵션을 활용해보시겠어요?

     

    해당 옵션에 목록 게시글의 css 셀렉터를 입력해주시면

    게시글 클릭 시 팝업이 동작합니다.

     

    남겨주신 링크에 접속하여 확인해보니

    게시판이 Iframe으로 되어 있는듯 합니다.

     

    클릭 후 팝업 표시 옵션을 활용하시려면

    게시판을 Iframe이 아닌 일반 표시되게 설정 후 적용해보시겠어요?

    고맙습니다.

  • 게시판을 iframe으로 설정 한 이유는, 게시글을 클릭했을 때 화면이 해당 화면에 머물러있는 것이 아니라 상단으로 올라가는 현상 때문에 그렇게 해 두었던 건데요ㅠㅠ

    클릭 후 팝업 표시로 .recruit-popup-class 설정 해 두었는데

    [cosmosfarm_simple_popup id="440" class="recruit-popup-class"] 와 같이 설정 하는 것인가요?

    아니면 list.php 파일의 a링크에 <a class="recruit-popup-class" href="<?php echo esc_url($url->getDocumentURLWithUID($content->uid))?>"> 설정 하는 것인가요?

    둘 다 진행 해보았는데

    게시글 제목 클릭 시 팝업으로 뜨지 않고 그냥 게시판 형태로 보여집니다.

    확인 부탁드릴게요ㅠㅠ

  • 숏코드는 [cosmosfarm_simple_popup id="440"] 까지만 입력하셔도 되며

    css selector는 아래처럼 가능한 자세하게 입력해주시는 것이 좋습니다.

    #kboard-default-list .kboard-list tbody td.kboard-list-title a

     

    심플 팝업 숏코드는 같은 페이지에 입력해주시거나

    표시설정->여러 페이지에 표시 옵션을 활용하실 수 있습니다.

     

    다만, 매번 글을 작성할 때마다 표시되어야 하는 팝업이 달라진다면

    그때마다 css selector를 변경할 수는 없으니

    확장필드를 활용, 목록의 class에 아래의 코드를 활용하여 글을 구분하시거나

    <?php echo $board->fields()->skin_fields['html 필드 메타키']['html']?>

     

    남겨주신 링크처럼 애초에 ajax로 불러오는 것도 좋을 듯 합니다.

     

    게시판은 원래 주소로 구분하기 때문에

    페이지 이동시 맨 위로 올라가는 것이 당연합니다.

    그러나 팝업 플러그인을 활용하던, 팝업 레이어를 만들던 간에

    아이프레임을 하면 그 프레임을 벗어나서는 표시되지 않습니다.

     

    커뮤니티에서 모든 문제와 홈페이지에 맞는 답을 드리기엔

    현실적으로 어렵습니다.

     

    코드를 작성하거나 수정하기 어려우시다면

    프로젝트 문의에 자세한 내용을 남겨보시겠어요?

    https://www.cosmosfarm.com/project

    고맙습니다.

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기