Help Center
카페24 소식
[스마트디자인] 출석체크 이벤트 추가기능 적용 안내
2013-12-30
안녕하세요, 카페24 운영도우미 입니다.
스마트 디자인 모드에서 출석체크 이벤트 기능이 추가되어 안내 드립니다.
자세한 내용은 아래를 참조해 주세요.
■ 적용일자 : 2013-12월 순차적용
■ 업데이트 내용
스마트 디자인 모드에서만 적용 가능한 출석체크 이벤트 기능이 추가되었습니다.
추가된 기능은 아래와 같습니다.
1. 댓글 작성형 출석체크 이벤트 달력 표시형, 제목 표시형 기능
- 달력 표시형, 제목 표시형을 선택 할 수 있으며, 그에 따른 부가 설정 선택이 가능합니다.
▼ 댓글 작성형 출석체크 이벤트 설정 화면
1) 이벤트 타입
- 달력 표시형 : 출석체크 이벤트 참여화면 상단에 달력이 표시됩니다.
- 제목 표시형 : 출석체크 이벤트 참여화면 상단에 제목 표시가 가능합니다.(달력은 표시되지 않습니다.)
기타 제목 관련 설정(제목 표시 여부, 기본제목/날짜별 제목 입력, 제목표시 옵션설정)들이 선택 가능합니다.
2) 제목표시 여부
- 제목 표시형’ 선택 시에만 설정이 나타나며, 표시인 경우 쇼핑몰 출석체크 이벤트 페이지에 제목이 나타나며,
표시안함인 경우 제목이 나타나지 않습니다.
3) 기본 제목 입력
- '제목 표시형' 선택 시에만 설정이 나타나며, 쇼핑몰 출석체크 이벤트 페이지에 표시될 기본 제목을
입력 할 수 있습니다.
4) 날짜별 제목 입력
- ‘제목 표시형’ 선택 시에만 설정이 나타나며, 날짜별로 제목을 입력 할 수 있습니다. 날짜별 제목이 존재하는 날에는
쇼핑몰 출석체크 이벤트 페이지에 날짜별 제목이 표시되며, 날짜별 제목이 없는 날에는 기본제목이 표시됩니다.
5) 제목표시 옵션 설정
- ‘현재 + 지난 이벤트 제목 모두 표시’,’현재 진행중인 이벤트 제목만표시(진행중인 이벤트의
각 날짜별 제목 모두표시)’ 쇼핑몰 출석체크 이벤트 페이지에 표시되도록 선택 할 수 있습니다.
6) 페이지당 댓글 표시수
- [디자인 가이드 바로가기]
7) 댓글작성자 표시 방법
- 댓글 작성자를 이름, 별명으로 표시 할 수 있습니다. 별명이 없는 경우 이름으로 표시 됩니다.
달력 표시형, 제목 표시형 기능을 사용하기 위해서는 디자인 소스를 추가 해야합니다.
- 위치 : 디자인관리 > 스마트디자인 > 디자인편집하기 > 전체화면보기 > 출석체크(attend) > index.html
- 아래와 같이 파란색 소스를 추가합니다.
| <!--@layout(/layout/basic/layout.html)--> <div class="path"> <h3>현재 위치</h3> <ol> <li class="first"><a href="/">홈</a></li> <li title="현재 위치">출석 체크</li> </ol> </div> ## 중간 생략 ## <div module="Attend_commentPackage"> <!--@css(/css/module/attend/commentPackage.css)--> <div module="attend_CommentTitle"> <p>{$title}</p> </div> <div module="attend_commentwrite"> <!-- $login_page = /member/login.html --> ## 이하 생략 ## |
▼ 달력 표시형 기능 적용 화면
▼ 제목 표시형 기능 적용 화면
2. 출석체크 기간 예외설정
출석체크 이벤트 기간 중 참여 토요일 또는 일요일에 참여 할 수 없도록 설정 할 수 있습니다.
▼ 출석체크 기간 예외설정 화면
- 체크된 요일에는 출석체크 이벤트 참여 및 혜택 지급이 불가능 합니다. 해당 설정은 디자인 소스 추가없이
바로 적용 가능합니다.
3. 스팸 출석체크 방지기능
출석체크 이벤트 참여시 스팸로봇, 매크로등의 자동 프로그램을 통해 출석체크 되는 것을 방지 할 수 있습니다.
▼ 스팸 출석체크 방지기능 설정 화면
1) 사용 : 출석체크 이벤트 참여시 인증문자를 동일하게 입력해야 출석체크가 가능합니다.
- ‘최초 출석체크시에만 스팸 출석체크 방지 기능 적용’ 체크시에는 최초 출석체크 이벤트 참여시에만
인증문자를 입력해야 출석체크가 가능하며, 그 이후에는 인증문자 입력 없이 출석체크가 가능합니다.
2) 사용안함 : 출석체크 이벤트 참여시 인증문자 입력없이 출석체크가 가능합니다.
해당 설정을 적용하려면 디자인 소스 추가가 필요합니다.
- 위치 : 디자인관리 > 스마트디자인 > 디자인편집하기 > 전체화면보기 > 출석체크(attend) > index.html
- 아래와 같이 파란색 소스를 추가합니다.
| <!--@layout(/layout/basic/layout.html)--> <div class="path"> <h3>현재 위치</h3> <ol> <li class="first"><a href="/">홈</a></li> <li title="현재 위치">출석 체크</li> </ol> </div> ## 중간 생략 ## <div module="attend_button"> <!-- $login_page = /member/login.html --> <a href="#none" onclick="{$action_attend}"><img src="http://img.echosting.cafe24.com/design/skin/default/calendar/btn_attend.gif" alt="출석체크" /></p> <div class="attendSecurityLayer" style="display:none; left:300px; top:700px; text-align:left;"> <h3>스팸 출석체크 방지 문자 입력</h3> <div class="content"> <fieldset> <legend>보안문자 입력</legend> <p class="form"> <img src="{$secure_img}" alt="보안문자" /> {$form.secure_text} </p> <p class="description">* 왼쪽의 문자를 공백없이 입력하세요.(대소문자구분)</p> <div class="btnArea"> <a href="#none"><img src="http://img.echosting.cafe24.com/design/skin/default/calendar/btn_security_ok.gif" alt="확인" onclick="{$action_capcha_do}"/></a> <a href="#none"><img src="http://img.echosting.cafe24.com/design/skin/default/calendar/btn_security_cancel.gif" alt="취소" onclick="{$action_capcha_undo}" /></a> </div> </fieldset> </div> <div class="close"><a href="#none" onclick="$('.attendSecurityLayer').hide();"><img src="http://img.echosting.cafe24.com/design/skin/default/common/btn_close.gif" alt="닫기" /></a></div> </div> </div> </div> <div module="Attend_commentPackage"> <!--@css(/css/module/attend/commentPackage.css)--> <div module="attend_commentwrite"> <!-- $login_page = /member/login.html --> <fieldset> <legend>댓글 작성</legend> <p> <span id="attendCommentInputWrap"> {$form.comment} </span> <span id="attendCommentBtnWrap"> <a href="#none" onclick="{$action_attend}"><input type="image" src="http://img.echosting.cafe24.com/design/skin/default/board/btn_comment_register.gif" alt="등록" /></a> </span> <p class="security {$secure_display|display}"> <img src="{$secure_img}" alt="보안문자"/> {$form.secure_text} * 왼쪽의 문자를 공백없이 입력하세요.(대소문자구분) </p> </p> </fieldset> </div> ## 이하 생략 ## |
- 위치 : 디자인관리 > 스마트디자인 > 디자인편집하기 > 전체화면보기 > css > 모듈(module) >
모듈(module) > 출석체크(attend) > calendarPackage.css
- 아래와 같이 파란색 소스를 추가합니다.
|
.xans-attend-calendarpackage {} .xans-attend-calendarhead { padding:0 0 14px; text-align:right; overflow:hidden; zoom:1; } .xans-attend-calendar { } .xans-attend-button { text-align:right; margin:20px 0 0; } /* 스탬프형 > 보안문자 레이어 */ |
▼ 스팸 출석체크 방지기능 적용화면(스탬프형)
▼ 스팸 출석체크 방지기능 적용화면(댓글 작성형)
카페24 는 쇼핑몰 운영을 보다 편리하고 쉽게 할 수 있도록 기능 업데이트를 지속적으로 진행하고 있습니다.
더 좋은 서비스가 되기 위해 노력하겠습니다. 끊임없는 애정과 관심 부탁 드립니다.
궁금하신 사항은 언제든지 고객지원센터 1:1게시판으로 문의해주세요. [문의하기]