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

메인

쇼핑몰 메인 화면의 슬라이딩 배너, 배너, 전체 진열 상품 영역을 원하는 모습으로 꾸미는 메뉴예요. 꾸미고 싶은 영역을 화면에서 직접 선택하면 오른쪽에 설정 메뉴가 나타나고, 여기서 디자인과 링크 주소를 바꿀 수 있어요. 바꾼 내용은 고객이 가장 먼저 만나는 쇼핑몰 메인 화면에 반영돼요.

관리자 메뉴 위치

  • 경로: 에디터 > 메인

⚙️ 메뉴 안내 및 설정 방법

디자인 영역

메인 화면 위쪽의 슬라이딩 배너와 배너를 꾸미는 곳이에요. 고객이 쇼핑몰에 들어오자마자 보는 부분이라 분위기를 정하는 데 가장 중요해요. '칸'은 영역 안에서 글자나 이미지를 담고 있는 하나하나의 구획을 말해요.

슬라이딩 배너 (선택 항목)

  • 기능 설명: 슬라이딩 배너를 선택하면 오른쪽 설정 메뉴에서 재생 방식과 이미지 변경 효과를 바꾸고, 이미지를 변경할 수 있어요. 자동 재생을 켜고 끄거나 재생 속도를 조절할 수 있고, 이미지는 PC용과 모바일용을 나누어 등록할 수 있어요. [이미지 추가] 버튼으로 배너 이미지를 더 늘릴 수도 있어요.

  • 이렇게 사용하면 좋아요 🌟: PC와 모바일은 화면 크기가 달라서 이미지가 다르게 보일 수 있어요. 등록한 뒤에는 상단에서 PC 화면과 모바일 화면을 모두 확인해 주세요.

배너 (선택 항목)

  • 기능 설명: 배너 영역을 선택하면 전체 '영역'의 디자인과 '구역'별 디자인, 그리고 링크 주소를 수정할 수 있어요. 오른쪽 메뉴의 [영역], [1 구역], [2 구역] 탭에서 전체 영역과 각 구역을 나누어 설정하고, 영역에서는 배경·여백·테두리(종류, 방향, 굵기, 색상)를 바꿀 수 있어요.

  • 이렇게 사용하면 좋아요 🌟: 전체 모양을 먼저 [영역] 탭에서 정리하고, 그다음 [1 구역], [2 구역]에서 구역별로 다듬으면 수정이 훨씬 쉬워요.

배너 디자인 항목 (선택 항목)

  • 기능 설명: 영역 안에 있는 디자인 항목을 선택하면 텍스트와 이미지를 수정할 수 있어요. 텍스트는 오른쪽 '텍스트 설정'에서 링크 주소, 글꼴, 글자 크기, 글자 색, 정렬, 굵게·밑줄 같은 스타일, 글자 간격, 줄 간격을 바꿀 수 있고, 링크를 입력할 때는 '새 창에서 열기'도 선택할 수 있어요.

  • 이렇게 사용하면 좋아요 🌟: 배너 문구에 링크를 연결해 두면 고객이 이벤트나 기획전 페이지로 바로 이동할 수 있어요. 링크를 넣은 뒤에는 [미리보기]로 연결이 잘 되는지 꼭 확인해 주세요.

칸 설정 (선택 항목)

  • 기능 설명: 영역 안에 있는 '칸'을 선택하면 오른쪽 메뉴에서 칸 설정을 할 수 있어요. 배경, 테두리, 그리고 칸 안의 항목 배치·항목 간격·가로 정렬·세로 정렬을 바꿀 수 있어요.

  • 이렇게 사용하면 좋아요 🌟: 칸의 배경과 테두리 색을 바꾸면 배너가 주변과 구분되어 더 눈에 띄어요.

전체 진열 상품 영역

메인 화면에서 상품이 진열되는 영역이에요. 고객이 상품을 둘러보는 부분이라, 어떤 상품 정보를 보여 줄지가 구매 결정에 영향을 줘요.

전체 진열 상품 영역 (선택 항목)

  • 기능 설명: 영역을 선택하면 오른쪽 메뉴에서 영역의 배경과 테두리를 설정할 수 있어요. 배경은 '비어있음', '배경색', '이미지' 중에서 고르고, 여백과 테두리(종류, 방향, 굵기, 색상)도 바꿀 수 있어요.

  • 이렇게 사용하면 좋아요 🌟: 상품 사진이 돋보이도록 배경은 단순한 색으로 두고, 필요할 때만 테두리를 넣어 보세요.

칸 설정 (선택 항목)

  • 기능 설명: 영역 안에 있는 '칸'을 선택하면 오른쪽 메뉴에서 칸 설정을 할 수 있어요. 배경·테두리·항목 배치를 바꿀 수 있고, '전체 진열 상품 설정'의 '상품 정보'에서는 상품명, 판매가, 소비자가, 할인율, 더보기 등을 켜고 끄면서 고객에게 보여 줄 정보를 고를 수 있어요. 예시 화면에서는 '더보기'만 꺼져 있어요.

  • 이렇게 사용하면 좋아요 🌟: 판매가와 할인율을 켜 두면 고객이 가격과 혜택을 한눈에 알 수 있어요. 반대로 판매가를 끄면 고객이 가격을 볼 수 없으니 꼭 필요한 경우에만 꺼 주세요.

✅ 최종 적용

  • [편집 마무리]

    • 편집이 끝나면 에디터 상단의 [쇼핑몰 적용] 버튼으로 바꾼 내용을 쇼핑몰에 적용해요. 작업 중에는 [임시저장]으로 내용을 저장해 둘 수 있어요. 자세한 내용은 '에디터 상단 메뉴' 안내를 참고해 주세요.

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

알아두면 좋아요: 오른쪽 설정 메뉴는 선택한 영역에 따라 바뀌어요. 슬라이딩 배너, 배너, 칸, 텍스트를 각각 눌러 보면서 원하는 부분을 찾아 설정해 보세요.

Last updated