가상태그 사용

가상태그/편집태그 기본개념

가상태그

• 디자인 편집은 기본적으로 HTML을 사용해요.

• 쇼핑몰 디자인 시에는 상품노출이나 주문등의 시스템적 요소들에 대해 화면으로 출력하기 위해서 “가상태그”라는 소스를 사용해주셔야해요.

- 기본태그 구조 : <!--/태그명/-->

편집태그

• 특정영역의 편집 소스를 하나의 단축 태그로 만들 수 있어 보다 정리된 디자인 소스 편집이 가능하고 여러 페이지에 동시 사용이 가능하여 편리해요.

• 페이지 내의 소스를 한꺼번에 모두 입력하실 필요 없이 영역별로 각각 분리 편집하여 생성된 편집태그를 입력하시면 소스를 간소화 시킬 수 있어요.

- 메이크샵 기본 태그 구조 : <!--/makeshop{태그명}/-->
- 사용자가 만든 태그 구조 구조 : <!--/personal{사용자가 입력 태그명}/-->

가상태그 종류

ECHO(에코) 태그

• 가장 일반적인 출력 태그로 실제 값을 단순 출력해주는 태그에요.

• 대부분의 태그가 ECHO 태그에 속해요.

LINK(링크) 태그

• 링크태그는 "일반 LINK"와 "팝업 LINK"가 존재하며 일반 LINK는 단순 페이지 전환 시 사용되는 태그에요.

• 팝업 LINK태그는 주문조회/후기 등의 일부 팝업으로 띄워야 하는 화면 링크에 사용돼요.

INCLUDE(인클루드)태그

• 중앙 디자인 페이지 편집 시 상단/측면/하단에 편집한 디자인 소스를 불러올 수 있는 태그를 말해요.

• 태그 사용은 디자인 편집 화면의 메인화면에서 기본소스보기를 선택하여 확인하실 수 있어요.

FROM(폼)태그

• 회원 로그인에서 아이디, 패스워드 입력 또는 상품검색에서 입력값을 받아야 할 경우 INPUT태그가 사용돼요.

• 이때 INPUT태그 앞에 <!--/form_태그명/-->을 먼저 입력하고 폼이 끝난 이후 <!--/end_form/-->를 입력하여 마무리 해주세요.

IF(이프)/ELSE(엘스) 태그

• IF태그<!--/if_태그명/-->는 값의 존재 여부를 확인하여 실행되는 조건문으로 끝나는 부분에는 마무리 태그<!--/end_if/-->를 꼭 넣어주셔야 해요.

• 만약 IF조건문의 실행 값이 존재하지 않을 경우 <!--/if_태그명/-->부터 ~ <!--/end_if/-->사이의 소스는 노출되지 않아요.

• <!--/else/-->태그는 IF조건문의 실행 값이 존재하지 않을 경우 대체하여 출력시킬 수 있는 조건문으로 마무리 태그<!--/end_if/-->전에 입력하여 사용하실 수 있어요.

• IF조건문은<!--/if_태그명/-->의 태그 명 입력에 따라 모든 가상태그에사용이 가능하게 되고 아래의 예시와 같이 응용하여 사용도 가능해요.

LOOP(루프)태그

• LOOP태그 <!--/loop_변수값/-->는 특정 소스영역의 반복 조건문으로 끝나는 부분에는 마무리 태그 <!--/end_loop/--> 를 꼭 넣어주셔야 해요.

• LOOP태그는 상품 목록이나 게시판 게시글 목록 등 반복 실행되어야 할 화면에 사용돼요.