스토어프론트 테마 설정

설정 > 홈페이지 설정 > AI 웹빌더에서 숍의 스토어프론트 디자인을 조정할 수 있습니다.

현재 제공되는 수동 설정은 다음과 같습니다.

• 컬러 프리셋과 컬러 단계
• 직접 입력하는 커스텀 컬러
• 라운드 규격
• 본문·제목 폰트
• 라이트·다크 모드
• 데스크톱·태블릿·모바일 미리보기

신규 숍은 다크 모드로 시작합니다. 필요하면 액션바의 화면 모드 버튼에서 라이트 모드로 변경할 수 있습니다.

저장과 게시

1. 상단 액션바에서 원하는 값을 선택합니다.
2. 미리보기에서 화면 크기별 결과를 확인합니다.
3. 작업을 이어서 할 예정이면 초안 저장을 누릅니다.
4. 실제 스토어프론트에 반영하려면 게시를 누릅니다.

초안 저장만으로는 고객이 보는 사이트가 바뀌지 않습니다. 게시가 완료된 설정만 실제 스토어프론트에 적용됩니다.

게시된 브랜드 컬러는 토큰을 지원하는 메인·카테고리·예약·접수·조회 화면의 버튼, 선택 상태, 입력 포커스, 강조색에 공통 적용됩니다. 기존 커스텀 템플릿에서 자체 색상을 직접 지정한 일부 영역은 해당 템플릿을 스토어프론트 토큰으로 전환할 때까지 기존 디자인을 유지할 수 있습니다.

커스텀 컬러 사용

컬러 프리셋 또는 커스텀 컬러 중 한 가지 방식을 사용합니다. 커스텀 컬러는 6자리 HEX 값으로 입력합니다. 예: #4F46E5.

주의사항

• 여러 창에서 동시에 같은 초안을 수정하면 최신 버전을 다시 불러오라는 안내가 표시될 수 있습니다.
• 게시 전 데스크톱·태블릿·모바일 미리보기를 모두 확인하세요.
• 화면 초기화 후에도 실제 사이트는 게시하기 전까지 변경되지 않습니다.