가상태그 사용
가상태그/편집태그 기본개념
가상태그
디자인 편집은 기본적으로 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태그는 상품 목록이나 게시판 게시글 목록 등 반복 실행되어야 할 화면에 사용돼요.
Last updated