코스모스팜 심플팝업 트리거(onclick) 팝업모달창 띄우기에 대해 문의드려요

안녕하세요.
코스모스팜 심플팝업플러그인 정보가 부족하여 검색해도 안나와서 문의드립니다.

코스모스팜 심플팝업 플러그인을 이용해서 해당페이지에서 자동 팝업모달창이 아닌
내용중에 클릭하면 버튼이나 링크시 팝업모달창 형태로 Trigger Click Open을
할 수 있는 방법은 어떻게 하나요? 

심플팝업플러인에 내용을 넣어서 이용하고 싶어요
1. wp-members 회원가입페이지에서 개인정보처리방침 클릭 팝업모달창(심플팝업플러인 내용) 띄우기
2. Footer영역에서 클릭 팝업모달창(심플팝업플러인 내용) 띄우기
3. 코스모스팜 케이보드 Contact-Form스킨에서 클릭 팝업모달창(심플팝업플러인 내용) 띄우기

또 모달창을 띄운 경우에 특정팝업만 id값 중에 "1일동안보지않음" 안보이게
처리부분을 알려주시면 감사하겠습니다.

 

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
  • 알려준 방법으로 다시 확인해서 숏코드 Footer영역 [cosmosfarm_simple_popup id="팝업아이디"]과
    컴택폼 [cosmosfarm_simple_popup id="팝업아이디"] 한개 더 중복 추가된 것을 확인해서 하나를
    삭제하니 정상적으로 되었어요~

    바쁘실텐데 답변주셔서 다시 한번 감사합니다. 

  • 올려주신 내용만으로는 어떻게 하고 싶으신 건지 이해가 잘 가지 않습니다.

    동일한 심플 팝업을 두 군데서 표시한다면

    컨택트폼 쪽에서는 심플 팝업 숏코드를 지우시면 가능할 듯합니다.

    또한 현재 페이지에 심플 팝업을 어떤 식으로 적용했는지도 정확하게 이해가 가지 않습니다.

    비회원으로도 확인 가능한 페이지 주소 알려주시겠어요?

    고맙습니다.

  • 네~ 모든페이지 Footer영역에 표시합니다.
    사이트를 만들다보면 2개(회원가입부분, 케이보드 컨택폼)가 사용될 경우가 있어서요.

    심플팝업에
    개인정보처리방침을 모달팝업창으로 만들면
    관리하기가 좋을 것 같아서요^^

    예를들어
    개인정보처리방침 구현을
    Footer영역과 wp-members에 개인정보처리방침을 만들고
    컨택폼스킨에도 개인정보처리방침내용을 만들면
    추후 수정시 2군데이상 수정하게 되는데 회사에서 개인정보처리방침
    수정일별로 노출 요구시에 관리포인트가 계속해서 배율로 늘어 나게 되거근요.ㅜㅜ

    좋은 방법이 있으면 알려주시면 감사하겠습니다.

  • 말씀하신 Footer 영역은 모든 페이지에 표시되는지요?

    만약, Footer 영역이 모든 페이지에서 표시된다면 같은 숏코드를 2번 표시할 필요는 없을 듯합니다.

    KBoard 컨택트폼 스킨이 설치된 페이지에 삽입된

    심플 팝업의 숏코드는 지우신 후 확인해보시겠어요?

    고맙습니다.

  • 스레드봇님 답변주셔서 감사합니다.

    알려준 방법으로 작업중에 동일아이디가 2개인 경우 문제가 발생했어요~

    사이트에서 "Footer영역"에 팝업모달창 단독으로 넣을때에는 "정상"이지만
    "Footer영역 팝업모달창"+"케이보드 컨택폼스킨 팝업모달창" 같이 있는 페이지인 경우
    심플팝업 플러그인의 "팝업아이디가 동일"하여 버튼 팝업클릭시 2개가 생기는 증상이 있어요.

  • 안녕하세요~^^

    코스모스팜 심플 팝업을 특정 버튼을 클릭해야 표시되게 하시려면

    우선, 팝업을 표시할 페이지에 아래의 숏코드를 추가해보세요.

    [cosmosfarm_simple_popup id="팝업아이디"]

    위의 코드에서 팝업아이디는 실제 심플 팝업 아이디로 적용해보세요.

     

    팝업 아이디는

    워드프레스 관리자 -> 설정 -> 심플 팝업 -> 숏코드 쪽에 표시되는 id입니다.

     

    그리고

    워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에

    아래의 코드를 추가해보세요.

    .cosmosfarm-simple-popup-layout.popup-id-팝업아이디 { display: none; }

    위의 코드에서도 팝업아이디는 실제 심플 팝업 아이디로 적용해주세요.

    위의 코드를 추가해주셔야 페이지 로딩 시 팝업이 표시되지 않습니다.

     

    아래의 코드를 원하시는 영역에 추가해보세요.

    <div>
    	<button type="button" onclick="cosmosfarm_simple_popup_show('팝업아이디')">팝업 보이기</button>
    </div>
    
    <script>
    function cosmosfarm_simple_popup_show(popup_id){
    	if(jQuery('.cosmosfarm-simple-popup-layout.popup-id-'+popup_id).length){
    		jQuery('.cosmosfarm-simple-popup-layout.popup-id-'+popup_id).show();
    	}
    }
    </script>

    위의 코드에서도 팝업아이디는 실제 심플 팝업 아이디로 적용해주세요.

     

    위와 같이 적용하시면 페이지 로드 시 팝업을 바로 표시하지 않고

    팝업 보이기 버튼을 클릭해야 팝업이 표시됩니다.

     

    특정 팝업에서만 "1일 동안 보지 않음"을 표시하지 않게 하시려면

    워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에

    아래의 코드를 추가해보세요.

    .cosmosfarm-simple-popup-layout.popup-id-팝업아이디 .popup-footer .popup-not-showing { display: none; }

    위의 코드에서 팝업아이디는 실제 팝업 아이디로 적용해주세요.

     

    위의 코드는 예제 코드이기 때문에 별도로 코드를 더 추가해야 할 수도 있습니다.

    직접 코드를 수정하기 어려우시다면

    프로젝트 의뢰에 상세 내용을 올려보세요.

    https://www.cosmosfarm.com/project

    고맙습니다.

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