디자인 > 디자인환경-상품디스플레이 넣기
업데이트 2017.09.20
디자인관련 동영상 매뉴얼
이미지 넣기
플래시 넣기
팝업 띄우기
게시판 넣기
HTML소스 편집하기
레이아웃/폰트/배경색
새 페이지 만들기
전체 페이지
동영상 넣기
슬라이드 배너 넣기
디자인 환경 모바일
상단바

EYE DESIGN을 이용하여 쉽게 상품을 디스플레이 할 수 있습니다.

1. 우선 상품디스플레이를 넣고자 하는 페이지로 들어갑니다. (아래 예는 메인페이지에서 진행하였습니다.)

2. EYE DESIGN에서는 해당 페이지가 파란색 글씨로 표시 되는데, 여기에서 마우스 오른쪽 버튼을 클릭하면 팝업이 뜨는 것을 확인할 수 있습니다. 여기에서 상품디스플레이 넣기를 클릭하시면 됩니다. 

해당페이지의 HTML소스를 확인할 수 있는 메뉴입니다. 

 

상품디스플레이를 만든 리스트를 보여줍니다. ⑭ 상품디스플레이 만들기를 통해서 만들 수 있습니다. 

상품디스플레이 번호를 보여주며, 체크박스에 체크를 하시고, 하단에 삭제를 클릭하면 삭제할 수 있습니다.

상품디스플레이의 스타일을 보여줍니다. ⑨수정으로 들어가서 다른 스타일로 변경할 수 있습니다.

상품디스플레이를 만든 날짜를 보여줍니다.

관리용 코맨트, 타이틀, 상품수를 보여줍니다. ⑨수정으로 들어가서 변경할 수 있습니다.

상품디스플레이의 치환코드입니다. HTML 소스 원하는 위치에 입력하시면 상품디스플레이가 보여지게 됩니다.

노출할 디스플레이를 선택하는 메뉴입니다.

- ⑧에서 선택하고, ⑪에서 위치를 선택하고, ⑫에서 옵션을 선택한 후에 ⑬ 에서 적용을 클릭하면 페이지에 노출됩니다.

상품디스플레이 정보를 수정할 수 있습니다. 상품디스플레이만들기와 같은 페이지이며, ⑭을 참고하시기 바랍니다.

상품디스플레이를 복사할 수 있는 메뉴입니다.

삽입위치를 설정하는 메뉴입니다. 상단과 하단만 설정이 가능하며, 정밀한 위치 조정은 HTML에서 하실 수 있습니다.

페이지를 정렬 등을 설정하는 메뉴입니다. 

하나만 설정하면 모든 상품디스플레이에 동시 설정되기 때문에 메인페이지에서는 권장하지 않습니다.

페이지에 실제 노출할 수 있는 적용 버튼입니다.

상품디스플레이 만들기 메뉴입니다. 아래 3번에서 다시 설명합니다.

 상품디스플레이는 상품이미지와, 상품동영상으로 구분되는데, 해당 리스트를 볼 수 있는 메뉴입니다.

상품디스플레이 상품동영상노출用을 클릭하면, ⑭에서도 상품디스플레이 상품동영상用만들기 메뉴가 나오게 됩니다.

3. 상품디스플레이 만들기

1) 스타일을 설정할 수 있는 메뉴입니다. 4가지 형태를 제공합니다.

2) 관리상 편의를 위한 입력하는 메뉴입니다. 상품디스플레이시 노출되지는 않습니다.

3) 상품을 몇개 노출할지 선택할 수 있는 메뉴입니다. 

4) 이미지 크기를 설정하는 메뉴입니다. 상품등록페이지에서 설정한 사이즈가 표시됩니다.

5) 이미지 꾸미기를 하실 수 있는 메뉴입니다.

6) 상품이미지 밑에 노출되는 상품명, 가격 등의 정보를 노출 설정하는 메뉴입니다.

+ 를 클릭하면 항목을 추가할 수 있으며, - 를 클릭하면 항목을 삭제할 수 있습니다.

마우스로 잡아서 위/아래로 순서도 조정할 수 있습니다.

7) 상품의 노출방식을 선택하는 메뉴입니다.

상품노출방식을 선택하는 메뉴입니다. 체크를 해제하면 ⑩수동방식으로 노출됩니다.

노출할 카테고리를 설정할 수 있습니다.

노출할 브랜드를 설정할 수 있습니다.

상태별 노출을 설정할 수 있습니다. 체크하지 않으면 체크하지 않은 상태의 상품은 노출되지 않습니다.

이미지 영역에 동영상을 노출할지 이미지를 노출할지 선택할 수 있습니다.

설명영역에 동영상이 있는 제품만 노출할 수 있습니다.

어떤 정렬 위주로 노출할지 선택할 수 있습니다.

정렬되는 기준의 날짜를 선택할 수 있습니다.

수동방식으로 변경할 수 있습니다. ①의 체크가 해제 됩니다.

수동으로 상품을 선택하여 노출할 수 있습니다. ①에서 체크를 해제하셔야 합니다.

8) 적용을 클릭하시면 위에 설정하신 정보가 저장 됩니다. 목록을 클릭하면 저장하지 않고, 리스트페이지로 빠져 나오게 됩니다.

4. 상품디스플레이 위치 조정하는 방법은 아래와 같습니다.

1) EYE DESIGN을 ON하고 해당 상품디스플레이 영역을 클릭합니다.

2) "상품디스플레이 영역의 HTML소스보기"를 클릭합니다.

3) 치환코드의 위치를 이동하여 주시면 됩니다. (1라인에서 4라인으로 옮겼습니다.)

4) 메인디스플레이의가 메인이미지 위에서 메인이미지 밑으로 변경

 

전체 메뉴

궁금하신 내용은 해결되셨나요?

ⓒ Gabia C&S Inc. All Rights Reserved.

.
회원님의 소중한 개인정보 보호를 위해 비밀번호를 주기적으로 변경하시는 것이 좋습니다.
현재 비밀번호
신규 비밀번호
신규 비밀번호 확인
6~20자, 영문 대소문자 또는 숫자 특수문자 중 2가지 이상 조합