안녕하세요?
컨택트폼 스킨을 사용해서 '보내기' 버튼을 클릭하면 해당내용이 문자전송이
되어서 유용하게 사용하고 있습니다. (다시 한번 감사!!!)
그리고 필수적인 '개인정보 이용 동의' 필드까지 설정해서 사용할 수 있어서 좋습니다.
(문의사항 본론)
- 개인정보 이용 동의와 관련하여 입력필드명을 '개인정보 이용 약관' 이라고 명명했습니다.
- 그리고 보내기 버튼을 클릭하기 전에 반드시 체크해야 하는 체크박스 ㅁ 옆에는 '개인정보 약관 동의' 라고 했습니다.
이렇게 설정된 상황에서 체크박스에 체크하지 않고 보내기 버튼을 클릭하면,
'개인정보 약관 동의는 필수입니다' 라고 메세지가 나와야 하는데,
현재는 '개인정보 이용 약관은 필수입니다' 라고 브라우저 알람 메세지가 뜹니다.
어떻게 수정할 수 있는지 문의드립니다.
참고로 '개인정보 이용 약관' 은 KBoard의 입력 필드명 (Label) 이고,
'개인정보 약관 동의'는 functions.php 에 추가된 코드에서 정의된 것입니다.
ps. 해당 사이트 주소입니다. http://totalone.co.kr/
메인 intro 화면 바로 밑에 있는 '빠른 예약 신청하기' 입니다.
안녕하세요~^^
KBoard 플러그인의 입력 필드 필수 체크는
FTP로 접속해서 /wp-content/plugins/kboard/template/js/script.js 파일에
kboard_fields_validation 함수에서 처리하고 있습니다.
필수 입력 필드를 입력하지 않았을 경우
HTML 태그 중 field-name 클래스의 텍스트 내용으로 안내 창을 표시하고 있습니다.
개인정보 이용 약관과 개인정보 약관 동의 체크박스는 어떤 식으로 수정하셨는지 알려주시면
도움 드릴 방법을 찾아보겠습니다.
고맙습니다.
안녕하세요^^
'개인정보 이용 약관' 은 KBoard의 입력 필드명 (Label) 으로 지정된 것이고,
'개인정보 약관 동의'는 functions.php 에 추가된 코드에서 정의된 것입니다.
'개인정보 약관 동의'라는 어휘는 functions.php에 아래와 같이 있으며,
아래의 동의서양식 관련 전체 코드는 지난번에 알려주신 내용에 필요에 의해 일부 수정한 상태입니다.
● 차일드 테마의 functions.php 중 동의서 출력 관련내용 ●
/* 동의서 양식 제작 */
add_filter('kboard_get_template_field_html', 'my_kboard_get_template_field_html', 10, 4);
function my_kboard_get_template_field_html($field_html, $field, $content, $board){
if($field['field_type'] == 'agree_checkbox'){
ob_start();
?>
<div class="kboard-attr-row meta-key-<?php echo esc_attr($field['meta_key'])?> required">
<a href="http://totalone.co.kr/agree_form.html" style="text-decoration: none;" class="attr-name agree-title" for="agree_checkbox" onclick="window.name='MemberServlet.do';window.open(this.href, 'insert', 'width=450, height=250, resizable=no, scrollbars=no, status=no');return false;">
<span style="color: #ffffff; font-size: 14px; line-height: 21px; padding-left: 12px;" class="field-name click-event"><img style="padding-right: 5px;" src="http://totalone.co.kr/wp-content/uploads/2019/07/docu_iconx2.png"><?php echo esc_html($field['field_name'] ? $field['field_name'] : $field['field_label'])?></span>
</a>
<div class="attr-value agree-content privacy-announce" style="margin: 0; padding: 8px 20px 0px 10px; height: auto; line-height: 20px; color: #ffffff; overflow-y: auto;">
<ul style="padding-left: 25px; font-weight: 300; color: #ffffff;">
<li><strong>수집목적</strong> : 대표전화 신청 및 가입 관련 상담 안내</li>
<li><strong>수집항목</strong> : 이름, 전화번호, IP (자동수집)</li>
<li><strong>보유기간</strong> : 상담 업무 종료 후 1년 이내 파기</li>
</ul>
<p class="p-comment"style="font-size: 14px; padding-left: 17px; padding-bottom: 17px; padding-right: 18px; line-height: 21px; color: #ffffff;">※ 개인정보 이용에 동의하셔야 상담 안내를 받으실 수 있습니다.</p>
</div>
<input type="hidden" class="required" name="kboard_option_<?php echo esc_attr($field['meta_key'])?>" value="1">
<label class="agree-position" style="line-height: 29px;"><input type="checkbox" class="required" name="kboard_option_<?php echo esc_attr($field['meta_key'])?>" value="1"><span style="font-size: 15px; line-height: 37px; color: #ffffff;">개인정보 약관 동의</span></label>
</div>
<?php
$field_html = ob_get_clean();
}
return $field_html;
}
감사합니다!!!
아래의 순서대로 적용해서 확인해보시겠어요?
1. 올려주신 코드 중 아래의 코드를 찾아서
<span style="color: #ffffff; font-size: 14px; line-height: 21px; padding-left: 12px;" class="field-name click-event">
아래의 코드로 교체해보세요.
<span style="color: #ffffff; font-size: 14px; line-height: 21px; padding-left: 12px;" class="click-event">
2. 아래의 코드를 찾아서
<span style="font-size: 15px; line-height: 37px; color: #ffffff;">개인정보 약관 동의</span>
아래의 코드로 교체해보세요.
<span class="field-name" style="font-size: 15px; line-height: 37px; color: #ffffff;">개인정보 약관 동의</span>
고맙습니다.
스레드봇님, 감사합니다!!!
해결되었습니다^^
이번 문의는 해결이 복잡할 것으로 지레짐작해서 문의를 망설이다가,
아무래도 컨택트폼 스킨의 옥의 티인 것 같아서 문의드렸는데
깔끔하게 해결 되었습니다. 감사합니다!!!
ps- class 명으로 해결될 줄은 전혀 예상을 못했습니다^^