💡 이 문서는 크리마 핏에서 제공하는 위젯의 디자인이나 동작을 직접 수정하고 싶을 때 CSS/JavaScript 에디터를 사용하는 방법을 안내합니다.
핵심 요약
- 경로: 핏 > 핏 설정 > 위젯 설정
- CSS/JavaScript 에디터를 통해 크리마 핏 위젯의 디자인과 동작을 직접 수정할 수 있습니다.
- 수정하려는 위젯 종류(요약·플로팅 / 상세)와 환경(PC / 모바일)에 맞는 에디터에 입력해야 합니다.
- 저장 후 해당 위젯을 사용하는 모든 상품에 즉시 반영됩니다.
에디터 종류
위젯 설정 페이지에는 위젯 종류와 환경에 따라 총 8개의 에디터가 제공됩니다.
요약 위젯 설정
💡 통합 요약 위젯과 플로팅 위젯에 적용됩니다.
- 통합 요약 위젯 / 플로팅 위젯 CSS (PC)
- 통합 요약 위젯 / 플로팅 위젯 CSS (모바일)
- 통합 요약 위젯 / 플로팅 위젯 JavaScript (PC)
- 통합 요약 위젯 / 플로팅 위젯 JavaScript (모바일)
상세 위젯 설정
💡 통합 상세 위젯에 적용됩니다.
- 통합 상세 위젯 CSS (PC)
- 통합 상세 위젯 CSS (모바일)
- 통합 상세 위젯 JavaScript (PC)
- 통합 상세 위젯 JavaScript (모바일)
사용 방법
-
크리마 관리자 페이지에서 핏 > 핏 설정 > 위젯 설정 탭으로 이동합니다.
-
수정하려는 위젯 종류와 환경(PC / 모바일)을 먼저 확인합니다.
- 요약·플로팅 위젯을 수정하려면 요약 위젯 설정 영역의 에디터를 사용합니다.
- 상세 위젯을 수정하려면 상세 위젯 설정 영역의 에디터를 사용합니다.
- PC와 모바일에 각각 다른 스타일을 적용하려면 환경에 맞는 에디터에 따로 입력합니다.
- 해당 에디터에 CSS 또는 JavaScript 코드를 입력합니다.
- 페이지 하단의 저장 버튼을 클릭합니다.
자주 묻는 질문 (FAQ)
코드를 입력했는데 바로 반영이 안 됩니다.
👉 저장 버튼을 눌렀는지 확인해 주세요. 저장 후에도 브라우저 캐시로 인해 바로 확인되지 않을 수 있습니다. 새로고침하거나 시크릿 모드에서 확인해 보세요.
PC와 모바일에 동일한 코드를 적용하고 싶습니다.
👉 PC용 에디터와 모바일용 에디터에 동일한 코드를 각각 입력해 주세요.
코드 수정이 어렵습니다. 운영팀에 요청할 수 있나요?
👉 자체적으로 수정이 어려운 경우 fit@cre.ma로 문의해 주시면 운영팀에서 검토 후 안내드립니다.