안녕하세요, 카페24 운영도우미 입니다.

스마트디자인에서 ‘출석체크 만들기’ 설정에 대해 안내 드립니다.

자세한 내용은 아래를 참조해주세요.

---

■ 적용일자 : 2013년 12월 26일부터 순차적용

■ 업데이트 내용

출석체크 이벤트 만들기 시 페이지 출력 설정이 가능합니다.

 

▼ 추가분류관리 메뉴

스마트디자인에서는 출석체크 페이지형을 기본적으로 제공합니다.
그러나 팝업형 설정기능은 HTML관리 모드에서만 제공되며, 스마트디자인은 별도 작업이 필요합니다.

스마트디자인 적용 방법은 아래와 같으며, 안내에 따라 설정하여 사용하시기 바랍니다.
 
1.     출석체크를 제공하고자 하는 페이지 추가
2.     신규 생성된 페이지에 출석체크 모듈 추가 & 공통 CSS 적용
3.     생성한 페이지를 팝업으로 출력하기 위한 HTML 수정


1.  출석체크를 제공하고자 하는 페이지 추가

▼ 스마트디자인 편집창 

 

- 스마트디자인 편집창에서 쇼핑몰 화면을 추가합니다.

 

 

- 출석체크클 클릭하고 파일명에 popup.html을 입력하고 저장해주세요.

2.  신규 생성된 페이지에 출석체크 모듈 추가 & 공통 CSS 적용

 

- 생성된 페이지에 소스를 모두 삭제 후 출석체크 모듈을 추가합니다.

3. 생성한 페이지를 팝업으로 출력하기 위한 HTML 수정

출석체크 팝업창을 출력하기 위해 고객이 클릭하게 되는 출석체크 이벤트 이미지링크를 아래와 같이 수정합니다.
빨간색 폰트는 삭제, 파란색 폰트는 추가 합니다.

- 위치 : 레이아웃 > 기본 레이아웃 > 메인 레이아웃(main.html)

<p module="Layout_attendBanner">                     <!--                         $stamp_type_url = /attend/stamp.html                         $comment_type_url = /attend/comment.html                        -->                     <a href="{$attend_url}"> <a style="cursor:pointer;" onclick="window.open('attend/popup.html','팝업이름','resizable=no scrollbars=yes width=800 height=800 top=0 left=0 scrollbars=yes')"><img src="http://img.echosting.cafe24.com/design/skin/default/layout/bn_attend.gif" alt="출석체크" /></a>                 </p>

  

- 팝업이름, 팝업사이즈, 출석체크 이미지경로, 대체 텍스트는 사용자 환경에 맞게 변경해주세요.

 

 

---

카페24 는 쇼핑몰 운영을 보다 편리하고 쉽게 할 수 있도록 기능 업데이트를 지속적으로 진행하고 있습니다.
더 좋은 서비스가 되기 위해 노력하겠습니다. 끊임없는 애정과 관심 부탁 드립니다.

궁금하신 사항은 언제든지 고객지원센터 1:1게시판으로 문의해주세요. [문의하기]