> For the complete documentation index, see [llms.txt](https://help.makeshop.co.kr/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.makeshop.co.kr/manual/undefined-1/undefined-4.md).

# 가상태그 사용

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

### 가상태그

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

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

### 편집태그

* 특정영역의 편집 소스를 하나의 단축 태그로 만들 수 있어 보다 정리된 디자인 소스 편집이 가능하고 여러 페이지에 동시 사용이 가능하여 편리해요.&#x20;
* 페이지 내의 소스를 한꺼번에 모두 입력하실 필요 없이 영역별로 각각 분리 편집하여 생성된 편집태그를 입력하시면 소스를 간소화 시킬 수 있어요.

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

## 가상태그 종류

### ECHO(에코) 태그

* 가장 일반적인 출력 태그로 실제 값을 단순 출력해주는 태그에요.
* 대부분의 태그가 ECHO 태그에 속해요.

<figure><img src="/files/Q3x5EHAKnVdSryAU3pUn" alt=""><figcaption></figcaption></figure>

### LINK(링크) 태그

* 링크태그는 "일반 LINK"와 "팝업 LINK"가 존재하며 일반 LINK는 단순 페이지 전환 시 사용되는 태그에요.&#x20;
* 팝업 LINK태그는 주문조회/후기 등의 일부 팝업으로 띄워야 하는 화면 링크에 사용돼요.&#x20;

<figure><img src="/files/mio7RoHZuLSx5TfRfEHJ" alt=""><figcaption></figcaption></figure>

### INCLUDE(인클루드)태그

* 중앙 디자인 페이지 편집 시 상단/측면/하단에 편집한 디자인 소스를 불러올 수 있는 태그를 말해요.
* 태그 사용은 디자인 편집 화면의 메인화면에서 기본소스보기를 선택하여 확인하실 수 있어요.&#x20;

<figure><img src="/files/stSx3KeOuNhDbuRzqoWu" alt=""><figcaption></figcaption></figure>

### FROM(폼)태그

* 회원 로그인에서 아이디, 패스워드 입력 또는 상품검색에서 입력값을 받아야 할 경우 INPUT태그가 사용돼요.&#x20;
* 이때 INPUT태그 앞에 *\<!--/form\_태그명/-->*&#xC744; 먼저 입력하고 폼이 끝난 이후 *\<!--/end\_form/-->*&#xB97C; 입력하여 마무리 해주세요.&#x20;

<figure><img src="/files/hoKD7YLm2GsQKGAdEMya" alt=""><figcaption></figcaption></figure>

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

* IF태&#xADF8;*\<!--/if\_태그명/-->*&#xB294; 값의 존재 여부를 확인하여 실행되는 조건문으로 끝나는 부분에는 마무리 태&#xADF8;*\<!--/end\_if/-->*&#xB97C; 꼭 넣어주셔야 해요.&#x20;
* 만약 IF조건문의 실행 값이 존재하지 않을 경우 *\<!--/if\_태그명/-->*&#xBD80;터 \~ *\<!--/end\_if/-->*&#xC0AC;이의 소스는 노출되지 않아요.
* *\<!--/else/-->*&#xD0DC;그는 IF조건문의 실행 값이 존재하지 않을 경우 대체하여 출력시킬 수 있는 조건문으로 마무리 태&#xADF8;*\<!--/end\_if/-->*&#xC804;에 입력하여 사용하실 수 있어요.
* IF조건문&#xC740;*\<!--/if\_태그명/-->*&#xC758; 태그 명 입력에 따라 모든 가상태그에사용이 가능하게 되고 아래의 예시와 같이 응용하여 사용도 가능해요.&#x20;

<figure><img src="/files/b8x1QlgeY6tMF1yLL6OI" alt=""><figcaption></figcaption></figure>

### LOOP(루프)태그

* LOOP태그 *\<!--/loop\_변수값/-->*&#xB294; 특정 소스영역의 반복 조건문으로 끝나는 부분에는 마무리 태그 *\<!--/end\_loop/-->* 를 꼭 넣어주셔야 해요.&#x20;
* LOOP태그는 상품 목록이나 게시판 게시글 목록 등 반복 실행되어야 할 화면에 사용돼요.&#x20;

<figure><img src="/files/blZJ13A5jX0dhfFuP1Ae" alt=""><figcaption></figcaption></figure>