For the complete documentation index, see llms.txt. This page is also available as Markdown.

에디터_상단_메뉴

에디터 화면 맨 위의 메뉴를 이용해 편집할 페이지로 이동하고, 작업 내용을 복원하고, PC와 모바일 화면을 나누어 보고, 완성한 디자인을 쇼핑몰에 적용할 수 있어요. 꾸미는 작업은 다른 메뉴에서 하지만, 어느 페이지를 어떤 화면으로 보고 있는지 정하고 작업을 마무리하는 일은 모두 이 상단 메뉴에서 해요. 이 메뉴에서 [쇼핑몰 적용]까지 마쳐야 꾸민 디자인을 고객에게 보여 줄 수 있어요.

📍 관리자 메뉴 위치

  • 경로: 에디터 > 상단 메뉴

⚙️ 메뉴 안내 및 설정 방법

1.페이지 선택

편집하거나 확인할 쇼핑몰 페이지를 고르는 곳이에요. 상단 왼쪽의 페이지 선택 목록을 열어 원하는 페이지를 선택하면 해당 페이지로 이동해요.

![페이지 선택 와이어프레임 삽입](이미지 링크를 여기에 입력해주세요)

  • 메인 (선택 항목)

    • 기능 설명: 메인 페이지로 이동한 뒤 편집할 수 있어요.

    • 이렇게 사용하면 좋아요 🌟: 슬라이딩 배너나 상품 진열처럼 고객이 가장 먼저 보는 화면을 꾸밀 때 선택해요.

  • 상단 (선택 항목)

    • 기능 설명: 상단 페이지로 이동한 뒤 편집할 수 있어요.

    • 이렇게 사용하면 좋아요 🌟: 로고, 검색창, 카테고리 메뉴를 꾸밀 때 선택해요.

  • 하단 (선택 항목)

    • 기능 설명: 하단 페이지로 이동한 뒤 편집할 수 있어요.

    • 이렇게 사용하면 좋아요 🌟: 회사 정보와 하단 메뉴를 꾸밀 때 선택해요.

  • 상품분류 (선택 항목)

    • 기능 설명: 상품분류 페이지로 이동할 수는 있지만, 편집은 할 수 없고 화면만 확인할 수 있는 페이지예요.

    • 이렇게 사용하면 좋아요 🌟: 다른 페이지를 꾸민 뒤, 상품분류 화면에서 어울리는지 확인할 때 사용해 보세요.

  • 상품상세 (선택 항목)

    • 기능 설명: 상품상세 페이지로 이동할 수는 있지만, 편집은 할 수 없고 화면만 확인할 수 있는 페이지예요.

    • 이렇게 사용하면 좋아요 🌟: 꾸민 디자인이 상품 상세 화면과 잘 어울리는지 확인할 때 사용해 보세요.

2. PC/모바일

PC 버전과 모바일 버전 화면을 바꿔서 볼 수 있는 곳이에요. 고객은 컴퓨터와 스마트폰으로 쇼핑몰을 이용하기 때문에, 두 화면이 모두 자연스러운지 확인하는 것이 중요해요.

![PC/모바일 와이어프레임 삽입](이미지 링크를 여기에 입력해주세요)

  • PC (선택 항목)

    • 기능 설명: 컴퓨터에서 보이는 PC 버전 화면으로 볼 수 있어요.

    • 이렇게 사용하면 좋아요 🌟: 넓은 화면에서 배너와 상품 배치가 어떻게 보이는지 확인해 보세요.

  • 모바일 (선택 항목)

    • 기능 설명: 스마트폰에서 보이는 모바일 버전 화면으로 볼 수 있어요.

    • 이렇게 사용하면 좋아요 🌟: 요즘은 스마트폰으로 쇼핑하는 고객이 많아요. 글자 크기와 이미지가 잘 보이는지 꼭 확인해 주세요.

3. 복원 / 실행 취소

  • 복원: 핑몰 적용, 임시 저장 히스토리 기록이 남아 있으면 선택시 해당 히스토리 기준으로 디자인 복원 되요

  • 단계이동 : 좌 우 화살 표시를 선택 하면 디자인 변경전 단계 / 다음 단계 로 이동 하실 수 있어요

✅ 최종 적용

  • [미리보기]

    • 지금까지 꾸민 화면을 미리 확인할 수 있어요.

  • [임시저장]

    • 작업 중인 내용을 임시로 저장해 두어요.

  • [쇼핑몰 적용]

    • 꾸민 디자인을 쇼핑몰에 적용해요.

💡 꼭 확인해 주세요! (참고 및 주의사항)

알아두면 좋아요: 상단의 스킨명 표시로 지금 편집 중인 스킨을 확인할 수 있어요. 시계 모양의 복원 버튼과 화살표 버튼으로는 이전 작업 내용을 복원하거나 되돌릴 수 있어요.

Last updated