Proposed by GOLDENNET Design team

Presentation on theme: "Proposed by GOLDENNET Design team"— Presentation transcript:

1 Proposed by GOLDENNET Design team
GOLDENSHOP PRO 디자인 변경 가이드 Proposed by GOLDENNET Design team

2 Contens 메인페이지 사이즈 메인페이지 레이아웃 메인페이지 레이아웃설정
상단디자인 4-1. 상세설정1 (배경) 4-2. 상세설정2 (로고, 브라우져타이틀) 4-3. 상세설정3 (상단메뉴1,2,3) 이벤트 카테고리/메뉴 중앙이미지 & 공지사항 좌측메뉴 7-1. 좌측디자인 설정, 사용자 메뉴관리 7-2. 좌측 카테고리/메뉴 설정 상품진열 8-1. 진열대 생성 (진열대 기본설정) 8-2. 진열설정 8-3. 상품진열 하단디자인 9-1. 하단진열대 9-2. 하단메뉴 9-3. 로고 9-4. 상점안내 배너관리 레이어 디자인 배너(이미지,플래시) 최근관심상품 최근관심상품 디자인

3 메인페이지 디자인 1. 메인페이지 사이즈 1.메인페이지 전체사이즈 및 각부분 사이즈 898 픽셀 01 01 전체사이즈 02
GOLDENSHOP PRO : Design Guide _Main 메인페이지 디자인 전에 반드시 숙지하시기 바랍니다. 전체 가로사이즈 898px, 좌측카테고리 및 배너부분 188px, 상품 카테고리부분 709px 1.메인페이지 전체사이즈 및 각부분 사이즈 898 픽셀 01 01 전체사이즈 골든샵 전체 가로사이즈 898PX. 02 좌측카테고리 및 배너부분 04 최대사이즈는 188px 입니다. 02 03 상품리스트부분 188 픽셀 709 픽셀 03 최대사이즈는 709px 입니다. 04 공지사항부분 1 픽셀 공지사항을 사용하시는 경우 공지사항 목록이 출력되는 크기와 위치를 고려하여 디자인하시기 바랍니다. (공지사항 목록 출력크기 가로 240PX * 세로 145PX )

4 메인페이지 디자인 2. 메인페이지 레이아웃 1.메인페이지 레이아웃 구성요소 01 02 01 로고&상단메뉴 03 08 02
GOLDENSHOP PRO : Design Guide _Main 골든샵 프로의 메인페이지 레이아웃 및 구성요소 입니다. 보다 넓어진 쇼핑몰 디자인과 강력한 관리자 기능으로 골든샵프로의 메인 화면을 자유롭게 디자인 할 수 있습니다. 1.메인페이지 레이아웃 구성요소 01 02 01 로고&상단메뉴 상단부분은 로고 / 상단메뉴 / 검색 등으로 구성됩니다. 03 08 02 이벤트 카테고리/메뉴 상단메뉴 이외에 기획전/이벤트 등의 메뉴를 추가하실 수 있습니다. 03 중앙이미지 중앙이미지 구성요소는 이미지(플래쉬) 와 공지사항으로 구성하실 수 있습니다. 04 좌측 카테고리/메뉴 좌측 컨텐츠 구성요소는 상품카테고리 / 배너 등으로 구성하실 수 있습니다. 04 05 05 상품진열 골든샵프로의 진열대 리스트는 다양한 형태의 진열방식으로 구성되어있어, 마우스 클릭만으로 고객님이 원하시는 형태로 손쉽게 구성, 변경하실 수 있습니다. 06 하단진열대 상단의 진열대보다 넓은 쇼핑몰 전체사이즈로 진열대를 생성하실 수 있습니다. 07 하단메뉴 하단의 구성요소는 하단메뉴/로고/상점안내로 구성되어 있습니다. 06 08 레이어 디자인 최근 본상품, 배너 등을 삽입하실 수 있습니다. 07

5 메인페이지 디자인 3. 메인페이지 레이아웃 설정 1. Mall 기본 레이아웃 설정하기 (정렬, 전체배경 등) 01 02 03
GOLDENSHOP PRO : Design Guide _Main 골든샵 전체사이즈 및 레이아웃구조를 파악해 보았으니, 제작된 메인페이지를 골든샵에 적용해 보도록 하겠습니다. 먼저, 기본 레이아웃(몰 정렬, 사이트 전체배경 등)을 설정합니다. 관리자 > 디자인관리 > 1.레이아웃 디자인 에서 몰 정렬, 전체배경색(이미지), 전체테이블·상픔테두리 라인색 등을 지정합니다. 1. Mall 기본 레이아웃 설정하기 (정렬, 전체배경 등) 01 02 03 고객님의 사이트에 맞게 몰 정렬, 사이트 전체 배경색 (이미지) 등을 선택하신 후에 [확인] 버튼을 눌러주세요. 전체 테이블 라인색을 없애고 싶을 경우 ① #FFFFFF 입력 (배경색이 흰색인 경우) 하시거나 ② 전체 테이블 라인색을 없애주시고 [확인] 버튼을 눌러주세요. 04

6 메인페이지 디자인 2. 상단, 중앙, 하단디자인 레이아웃 설정하기 01 01 02 03 04
GOLDENSHOP PRO : Design Guide _Main 관리자 > 디자인관리 > 1.레이아웃 디자인 에서 배경, 정렬 등의 기본 레이아웃 설정이 끝나시면, 상단, 중앙, 하단디자인의 전체적인 레이아웃 설정을 합니다. 2. 상단, 중앙, 하단디자인 레이아웃 설정하기 01 01 02 03 04 고객님의 사이트 형태에 맞게 상단, 중앙, 하단디자인 레이아웃을 선택하신 후에 [확인] 버튼을 눌러주세요 ( 레이아웃 타입 : 상단 – 4개, 중앙 – 3개 , 하단 -7개 )

7 메인페이지 디자인 2. 상단, 중앙, 하단디자인 레이아웃 설정하기 2. 상단, 중앙, 하단디자인 레이아웃 설정하기
기본 샘플사이트를 예)로 전체적인 레이아웃 (상단, 중앙,하단) 구조를 살펴보도록 하겠습니다. 샘플사이트의 상단구조는 상단1 (T1) 또는 상단3 (T3 ) 의 형태가 적절합니다. 상단1 (T1) 2. 상단, 중앙, 하단디자인 레이아웃 설정하기 상단3 (T3) 2. 상단, 중앙, 하단디자인 레이아웃 설정하기 고객님의 사이트 형태에 적절한 레이아웃 구조를 찾아 선택하신 다음, 레이아웃 구조에 맞게 이미지를 잘라 적용시키시기 바랍니다. <참조> 샘플사이트의 상단디자인은 상단3 (T3) 가 적용되어 있습니다.

8 메인페이지 디자인 중앙2 (C2) 기획전/이벤트 등의 메뉴로 사용하실 경우에 체크하시면 됩니다
(상단 메인메뉴영역으로도 사용이 가능합니다). 샘플사이트의 중앙디자인 레이아웃 구조는 중앙2 (C2) 입니다. 하단1 (B1) 샘플사이트의 하단디자인 레이아웃 구조는 하단1 (B1) 입니다.

9 상단디자인 4-1. 상단디자인 – 상세설정 1( 배경) 1. 상단디자인 01 02 03 04
GOLDENSHOP PRO : Design Guide _Main 메인페이지 레이아웃 설정이 끝났으므로 메인화면 상세디자인을 해보도록 하겠습니다. 관리자 > 디자인 관리 > 2. 메인화면 디자인 을 클릭합니다. 1. 상단디자인 01 02 03 해당 번호를 클릭하시면 상세 설정페이지 가 나옵니다. (10,11page참조) 04 상단전체 또는 상단테이블 배경(이미지)색을 설정할 수 있습니다. 설정 후 [ 확인 ] 버튼을 눌러주세요.

10 4-2. 상단디자인 – 상세설정2 (로고, 브라우져 타이틀)
GOLDENSHOP PRO : Design Guide _Main 상단디자인 로고부분 설정페이지 입니다. 관리자 > 디자인 관리 > 2. 메인화면 디자인 > ② 로고 를 클릭합니다. 로고 & 타이틀 변경 01 02 03 04 브라우저 타이틀 및 로고이미지 를 설정하신 후 [ 확인 ] 버튼을 눌러주세요.

11 상단디자인 4-3. 상단디자인 – 상세설정3 ( 상단메뉴1, 2, 3) 상단메뉴1, 상단메뉴2, 상단메뉴3 01 02 03
GOLDENSHOP PRO : Design Guide _Main 상단디자인 상단메뉴부분 설정페이지 입니다. 관리자 > 디자인 관리 > 2. 메인화면 디자인 > ③ 상단메뉴1 를 클릭합니다. 상단메뉴1, 상단메뉴2, 상단메뉴3 01 02 03 04 메뉴 정렬 또는 메뉴 형태를 선택합니다. 기본 메뉴를 선택하여 추가하거나 직접 메뉴명과 이미지를 선택하여 메뉴를 추가할 수 있습니다. ( 링크 까지 입력하신후 [ 메뉴추가 ] 버튼을 누르셔야 정상적으로 메뉴가 추가됩니다.) 현재 적용된 메뉴가 출력되며, [순위] 부분의 화살표를 이용해 메뉴 순서이동이 가능합니다. (삭제하실 메뉴가 있으신 경우에는 선택 후 [삭제]버튼을 누르시면 됩니다.) 상단메뉴2 , 상단메뉴3 도 동일한 방법으로 구성하실 수 있습니다.

12 이벤트 카테고리/메뉴 5. 이벤트 카테고리/메뉴 이벤트 카테고리/메뉴 01 02 03 04 05
GOLDENSHOP PRO : Design Guide _Main 상단디자인 이벤트 카테고리/메뉴 설정페이지 입니다. 관리자 > 디자인 관리 > 2. 메인화면 디자인 > 카테고리&메뉴/중앙이미지/상품진열 > ⓔ 이벤트 카테고리/메뉴 * 관리자 > 디자인관리 > 1.레이아웃 디자인 > 중앙디자인 에서 이벤트 카테고리/메뉴 를 체크해주셔야 메뉴가 활성화 됩니다. 이벤트 카테고리/메뉴 01 02 03 04 05 메뉴 정렬 방식과 메뉴 형태를 선택합니다. 원하시는 메뉴명을 입력하시고 이미지를 선택하여 추가 ( 링크명1 까지 입력하신후 [ 메뉴추가 ] 버튼을 누르셔야 정상적으로 메뉴가 추가됩니다.) 상품카테고리 목록에 등록되어있는 메뉴를 선택하여 추가하실 수 있습니다. ( 선택 -> [ 메뉴추가 ] 클릭 ) 현재 사용중인 메뉴가 출력되며, [ 순위 ] 부분의 화살표를 이용해 메뉴 순서이동이 가능합니다. (삭제하실 메뉴가 있으신 경우에는 선택 후 [ 삭제 ] 버튼을 누르시면 됩니다.)

13 중앙이미지 & 공지사항 6. 중앙이미지 & 공지사항 중앙이미지 & 공지사항 01 02 03 04 05 06 07 08
GOLDENSHOP PRO : Design Guide _Main 중앙이미지부분 설정페이지 입니다. 관리자 > 디자인 관리 > 2. 메인화면 디자인 > 카테고리&메뉴/중앙이미지/상품진열 > ② 중앙이미지 를 클릭합니다. 중앙이미지 & 공지사항 01 02 03 04 중앙이미지의 형태를 선택합니다. (플래시, 이미지) 05 06 중앙이미지가 플래시인 경우 파일을 찾아 업로드 시켜줍니다. 중앙이미지가 플래시인 경우 정확한 플래시 사이즈 를 입력해 주세요. 중앙이미지가 이미지인 경우 파일을 찾아 업로드 시켜줍니다. 07 공지사항은 이미지 위에 표시되며 이미지상에 공지사항 출력위치 등을 설정해줍니다. 공지사항이 필요없으신 경우에는 공지사항 사용여부 > 사용안함 을 체크하시면 됩니다. 메인페이지 디자인시 공지사항 위치와 출력되는 크기를 고려하여 디자인하시기 바랍니다. 08 설정이 끝나신 후 [ 확인 ] 버튼을 눌러 적용시켜줍니다.

14 좌측메뉴 7. 좌측메뉴 GOLDENSHOP PRO : Design Guide _Main 좌측 카테고리/메뉴부분 설정페이지 입니다. 관리자 > 디자인 관리 > 2. 메인화면 디자인 > 카테고리&메뉴/중앙이미지/상품진열 > ① 좌측 을 클릭합니다. 좌측 01 02 03 04 좌측부분 전체디자인을 설정합니다. ( 상단, 하단, 배경이미지(색) ) 15page 참조 필요한 메뉴를 직접 추가, 삭제 하실 수 있습니다. (사용자 메뉴 추가시 비 적용된 그룹에 표시됩니다.) 15Page 참조 현재 좌측에 적용된 메뉴(그룹) 를 표시합니다. ( 각 메뉴명을 클릭하시면 상세설정페이지가 나오며, 사용자메뉴일 경우에는 사용자 메뉴관리 페이지에서 설정하시기 바랍니다.) 16page 참조 비 적용된 메뉴(그룹) 을 표시합니다. [ 적용 ] [ 비적용 ] 버튼을 이용하여 좌측에 진열할 메뉴를 추가, 삭제 하실 수 있습니다.

15 7-1. 좌측메뉴 – 좌측디자인 설정, 사용자메뉴 관리
GOLDENSHOP PRO : Design Guide _Main 좌측디자인 설정 페이지입니다. 관리자 > 디자인 관리 > 2. 메인화면 디자인 > 카테고리&메뉴/중앙이미지/상품진열 > ① 좌측 > [ 좌측디자인 설정 ] 좌측디자인 설정 01 02 03 04 05 * 해당부분이 필요 없을 경우에는 설정을 하실 필요가 없습니다. 사용자 메뉴관리 설정 페이지입니다. 관리자 > 디자인 관리 > 2. 메인화면 디자인 > 카테고리&메뉴/중앙이미지/상품진열 > ① 좌측 > [ 사용자 메뉴관리 ] 사용자 메뉴관리 메뉴명, 이미지, 링크 를 입력합니다. (이미지를 선택하지 않으시면 메뉴명(텍스트)이 나타납니다.) 01 02 입력이 끝나시면 메뉴추가 버튼을 눌러 메뉴를 추가 하세요. 롤오버 이미지가 있을 경우 이미지를 추가해주세요 03 현재 생성되어 있는 메뉴가 나타나고, 사용자메뉴 추가시 [좌측카테고리/메뉴] 에서 비 적용된 그룹 에 표시됩니다. * 해당부분이 필요 없을 경우에는 설정을 하실 필요가 없습니다.

16 좌측메뉴 7-2. 좌측메뉴 – 좌측 카테고리/메뉴 설정 Tip 좌측카테고리/메뉴 설정 01 04 02 03 03
GOLDENSHOP PRO : Design Guide _Main 각 메뉴명을 클릭하시면 상세설정페이지로 이동합니다. ( 단, 사용자 메뉴는 제외 – 사용자 메뉴관리 페이지에서 설정 ) 좌측카테고리/메뉴 설정 01 04 사용자 메뉴의 경우에는 [사용자 메뉴관리] 페이지에서 설정을 변경하시기 바랍니다. ( 15page참조 ) 체크 후 [적용] [비적용] 버튼을 이용하여 메뉴를 추가,삭제 하실 수 있습니다. 02 관리자 > 상품관리 > 5.카테고리 에서도 설정을 변경하실 수 있습니다. (카테고리는 대분류 > 중분류 > 소분류 3단계 까지 분류가능 ) 03 관리자 > 디자인관리 > 6.컨텐츠 환결설정 에서도 설정을 변경하실 수 있습니다. 관리자 > Mall 관리 > 7.일반배너 관리 에서도 설정을 변경하실 수 있습니다. * [ 쇼핑몰정보 ] 변경시 고객센터 페이지 부분도 변경됩니다. 03 Tip 카테고리를 제외(포함)한 좌측 부분을 모두 이미지로 하실 경우 1) 카테고리, 배너 를 제외한 모든 그룹을 선택하여 비적용 시켜주십시요. 2) 모든 배너 이미지를 ( 관리자 > Mall 관리 > 7.일반배너관리 ) 에서 등록하시기 바랍니다.

17 상품진열 8. 상품진열 GOLDENSHOP PRO : Design Guide _Main 골든샵프로의 메인페이지 상품리스트는 총 8가지의 형태의 진열대 로 구성되어 있으며, 관리자는 이 진열대를 이용하여 다양한 상품구성을 하실 수 있습니다. 관리자 > 디자인 관리 > 2. 메인화면 디자인 > 카테고리&메뉴/중앙이미지/상품진열 > ③ 상품진열 에서 관리할 수 있습니다. 상품진열 01 02 03 04 05 [진열대 생성] 버튼을 이용하여 진열대를 추가하실 수 있습니다. (18Page 참조) 현재 사용중인 진열대를 표시합니다. (18 Page 참조) (28 Page 참조) (19~27 Page 참조) 현재 미사용중인 진열대를 표시합니다.

18 8-1. 상품진열 - 진열대 생성(진열대 기본설정)
GOLDENSHOP PRO : Design Guide _Main 상품진열대 생성 ( 진열대 기본설정 ) 페이지 입니다. 관리자 > 디자인 관리 > 2. 메인화면 디자인 > 카테고리&메뉴/중앙이미지/상품진열 > ③상품진열 > [ 진열대 생성 ] 상품진열 진열대 생성을 위한 진열대 명, 진열대 이미지(타이틀)를 설정하실 수 있습니다. 01 진열대 이미지를 등록하지 않으시면 진열대 명이 출력됩니다. 진열대 이미지가 필요없을 경우에는 투명 GIF이미지 를 등록해 주시면 됩니다. 02 07 8가지 형태 중 원하시는 형태의 진열대를 선택합니다. (진열대 레이아웃 설정 – 19~26 Page 참조) 진열대 설정이 끝나신 후 [ 생성 ] 버튼을 눌러 진열대 생성을 완료합니다.

19 8-2. 상품진열 - 진열설정 (진열대 레이아웃 L1)
GOLDENSHOP PRO : Design Guide _Main 진열대 레이아웃 L1 형태입니다. 진열대 레이아웃 – L1 01 02 03 04 (이미지형2 설정 – 23Page 참조)

20 8-2. 상품진열 - 진열설정 (진열대 레이아웃 L2)
GOLDENSHOP PRO : Design Guide _Main 진열대 레이아웃 L2 형태입니다. 진열대 레이아웃 – L2 진열대이미지 (타이틀이미지) 는 한 개의 이미지 로 등록합니다. 01 왼쪽, 오른쪽 진열대 모두 02 왼쪽, 오른쪽 진열대 모두 03 왼쪽, 오른쪽 진열대 모두 < 진열대 이미지(타이틀)가 필요없을 경우에는 투명 GIF이미지 를 등록해 주시면 됩니다.> 왼쪽 진열대 상품 오른쪽 진열대 상품

21 8-2. 상품진열 - 진열설정 (진열대 레이아웃 L3)
GOLDENSHOP PRO : Design Guide _Main 진열대 레이아웃 L3 형태입니다. 진열대 레이아웃 – L3 진열대 이미지는 한 개의 이미지 로 등록 왼쪽 진열대 상품 오른쪽 진열대 상품

22 8-2. 상품진열 - 진열설정 (진열대 레이아웃 L4)
GOLDENSHOP PRO : Design Guide _Main 진열대 레이아웃 L4 형태입니다. 진열대 레이아웃 – L4 진열대 이미지는 한 개의 이미지 로 등록 왼쪽 진열대 상품 오른쪽 진열대 상품

23 8-2. 상품진열 - 진열설정 (진열대 레이아웃 L5)
GOLDENSHOP PRO : Design Guide _Main 진열대 레이아웃 L5 형태입니다. 진열대 레이아웃 – L5 진열형태나 방식은 L1과 동일하나 상품이미지를 확대하여 진열 합니다. 상품이미지 사이즈 140 X 140 * 진열대 형태 L1, L5 에서 이미지형2 (Free Size) 상품 형태 설정하기 한 줄에 표시되는 이미지 갯수를 설정 하는 곳입니다. 이미지가 2개 이상일 경우 [ 이미지추가 ] 버튼을 이용해 이미지를 추가해주세요.

24 8-2. 상품진열 - 진열설정 (진열대 레이아웃 L6)
GOLDENSHOP PRO : Design Guide _Main 진열대 레이아웃 L6 형태입니다. 진열대 레이아웃 – L6 01 02 HTML 을 이용하여 고객님이 원하시는 형태의 진열대를 구성하실 수 있습니다. 03 HTML 입력이 끝나신후 [ 확인 ] 버튼을 눌러 적용시켜주십시요.

25 8-2. 상품진열 - 진열설정 (진열대 레이아웃 L7 – 진열형태1)
GOLDENSHOP PRO : Design Guide _Main 진열대 레이아웃 L7 (진열게시판이 1개인 경우) 형태입니다. 진열대 레이아웃 – L7 진열형태 배경이미지 01 02 04 03 05 배경이미지에 맞춰 상하좌우 여백, 게시판 테이블 넓이를 설정해 주십시요. 아이콘, 게시물 갯수, 제목길이, 날짜표시 등의 설정을 하실 수 있습니다. 설정이 끝나신 후 [ 확인 ] 버튼을 눌러 적용시켜 주십시요. 03

26 8-2. 상품진열 - 진열설정 (진열대 레이아웃 L7 – 진열형태2)
GOLDENSHOP PRO : Design Guide _Main 진열대 레이아웃 L7 (진열게시판이 2개인 경우) 형태입니다. 진열형태 좌측게시판 설정 배경이미지 우측게시판 설정 01 02 03 03 04 05 03 설정이 끝나신 후 [ 확인 ] 버튼을 눌러 적용시켜 주십시요.

27 8-2. 상품진열 - 진열설정 (진열대 레이아웃 L8)
GOLDENSHOP PRO : Design Guide _Main 진열대 레이아웃 L8 형태입니다. 진열대 레이아웃 – L8 상단 이미지 하단 이미지 왼쪽 이미지 오른쪽 이미지 배경이미지가 필요한 경우 삽입해 주세요.

28 상품진열 8-3. 상품진열 GOLDENSHOP PRO : Design Guide _Main 진열대 생성 (진열대기본설정) , 진열설정 방법을 알아보았습니다. 마지막으로 생성된 진열대에 상품진열 방법을 알아보도록 하겠습니다 상품진열 체크 후 [적용] [비적용] 버튼을 이용하여 진열할 상품을 추가,삭제 하실 수 있습니다. 현재 진열중인 상품이 표시됩니다. 진열상품을 추가, 삭제하실 수 있습니다. 설정이 끝나신 후 [ 확인 ] 버튼을 눌러 적용시켜 주십시요. - 진열상품의 상품표시 여부를 결정합니다. - L2, L3, L4 진열대의 경우에는 좌측(L), 우측(R) 에 진열될 상품을 결정합니다

29 하단디자인 9. 하단디자인 하단디자인 - 타입선택 하단디자인 01 02 03 04 05
GOLDENSHOP PRO : Design Guide _Main 골든샵 프로 하단디자인은 7개의 타입중에 선택이 가능하며 관리자 > 디자인 관리 > 레이아웃 디자인 ) 하단 디자인 에서 타입을 선택할 수 있습니다. 하단디자인 - 타입선택 - 하단디자인은 관리자 > 디자인 관리 > 메인화면 디자인 ) 하단메뉴 에서 관리하실 수 있습니다. 하단디자인 01 02 03 04 05 하단테이블 배경(이미지)색을 설정할 수 있습니다. 설정 후 [ 확인 ] 버튼을 눌러주세요.

30 하단디자인 9-1. 하단디자인 - 하단진열대 하단진열대 01 02 03 04 05
GOLDENSHOP PRO : Design Guide _Main 하단진열대 설정페이지입니다 관리자 > 디자인 관리 > 레이아웃 디자인 ) 하단 디자인 > ⓞ 하단진열대 를 선택합니다. 하단진열대 01 02 03 04 05 [ 진열대 생성 ] 버튼을 이용하여 진열대를 추가하실 수 있습니다. 하단진열대 상품진열방법은 기존의 진열대방법과 동일하며, 하단진열대를 이용하실 경우 사이트 전체사이즈 로 보다 넓은 진열대 를 이용하실 수 있습니다.

31 하단디자인 9-2. 하단디자인 - 하단메뉴 하단메뉴 01 02 03 04 05
GOLDENSHOP PRO : Design Guide _Main 하단진열대 설정페이지입니다 관리자 > 디자인 관리 > 레이아웃 디자인 ) 하단 디자인 > ③ 하단메뉴 를 선택합니다. 하단메뉴 01 02 03 04 05 메뉴 정렬 방식과메뉴 형태를 선택합니다. 기본 메뉴를 선택하여 추가하거나 직접 메뉴명과 이미지를 선택하여 메뉴를 추가할 수 있습니다. 현재 적용된 메뉴가 출력되며, [순위]부분의 화살표를 이용해 메뉴 순서이동이 가능합니다.

32 하단디자인 9-3. 하단디자인 - 로고 GOLDENSHOP PRO : Design Guide _Main 하단진열대 설정페이지입니다 관리자 > 디자인 관리 > 레이아웃 디자인 ) 하단 디자인 > ② 로고 를 선택합니다. 하단메뉴 01 02 03 04 로고이미지를 등록합니다 05

33 하단디자인 9-4. 하단디자인 - 상점안내 하단메뉴 01 02 03 04 05
GOLDENSHOP PRO : Design Guide _Main 하단진열대 설정페이지입니다 관리자 > 디자인 관리 > 레이아웃 디자인 ) 하단 디자인 > ④ 상점안내 를 선택합니다. 하단메뉴 01 02 03 04 상점정보를 입력합니다. 05 HTML 사용시에 체크

34 배너관리 10. 배너관리 GOLDENSHOP PRO : Design Guide _Main 배너 설정페이지입니다 관리자 > Mall 관리 > 7.일반배너관리 를 선택합니다. 배너관리 01 02 03 현재 등록되어 배너 리스트입니다. 04 다양한 형식의 배너를 추가할 수 있습니다. 정확한 배너사이즈를 입력해 주세요. 05 설정이 끝나신 후 [ 확인 ] 버튼을 눌러 적용시켜 주십시요. 배너위치 우측 ( 중앙디자인 - 중앙3 (C3) 일 경우)

35 레이어 디자인 11. 레이어 디자인 GOLDENSHOP PRO : Design Guide _Main 레이어 디자인 설정페이지입니다, 레이어 디자인은 배너 (이미지,플래시) 및 최근관심상품 으로 이용 가능합니다 관리자 > 디자인 관리 > 5.레이어 디자인 를 선택합니다. 레이어 디자인 01 02 현재 등록된 레이어 메뉴 입니다 03 배너 또는 최근관심상품 을 등록하실 수 있습니다. (36~37Page 참조) 레이어메뉴, 정지메뉴 사용 여부를 결정합니다.

36 레이어 디자인 11-1. 레이어 디자인 - 배너(이미지,플래시) 레이어 디자인 - 배너 (이미지, 플래시) 01 02 03
GOLDENSHOP PRO : Design Guide _Main 관리자 > 디자인 관리 > 5.레이어 디자인 > [ 레이어 상품등록 ] 버튼을 클릭합니다. 레이어 디자인 - 배너 (이미지, 플래시) 01 02 03 04 파일 종류 를 선택합니다. 이미지의 정확한 사이즈 를 입력해 주세요.

37 레이어 디자인 11-2. 레이어 디자인 - 최근관심상품 레이어 디자인 - 최근관심상품 01 02
GOLDENSHOP PRO : Design Guide _Main 관리자 > 디자인 관리 > 5.레이어 디자인 > [ 레이어 상품등록 ] 버튼을 클릭합니다. 레이어 디자인 - 최근관심상품 01 출력 갯수를 설정 합니다. (최대 9개) 02 설정이 끝나신 후 [ 확인 ] 버튼을 눌러 최근관심상품 을 생성합니다.

38 레이어 디자인 11-3. 레이어 디자인 - 최근관심상품 디자인하기 레이어 디자인 - 최근관심상품 디자인하기 01 02 03
GOLDENSHOP PRO : Design Guide _Main 최근관심상품 등록 후 디자인 설정하는 방법입니다. 레이어 디자인 - 최근관심상품 디자인하기 01 최근관심상품 을 등록 해줍니다. (37page참조) 02 레이어 상품목록에서 [ 수정 ] 버튼을 눌러 BG이미지를 등록하실 수 있습니다. 03 04 [ 수정 ] 버튼을 눌러 BG이미지를 등록시켜줍니다.

39 레이어 디자인 05 화살표를 이용 순서변경 최근관심상품 상,하단 레이어 이미지 를 등록해주세요. 상단이미지 BG이미지
하단이미지

40 Proposed by GOLDENNET Design team
Thank you Proposed by GOLDENNET Design team