💡 이 문서는 호스팅사(카페24, 메이크샵 등) 기반 쇼핑몰에서 상품 상세 페이지에 크리마 핏 위젯을 안정적으로 설치하기 위한 기준 요소(class) 설정 방법을 안내합니다.
ℹ️ 자체 제작 독립몰은 위 가이드와 방식이 다릅니다. 독립몰은 설치 방식이 다르니 fit@cre.ma로 문의해 주세요.
핵심 요약
- 핏 위젯은 고정된 기준 요소를 기준으로 자동 삽입됩니다.
- 기준 요소용 클래스명을 자유롭게 지정할 수 있습니다.
- 클래스 추가 후, 지정한 클래스명을 fit@cre.ma로 전달하면 설치가 진행됩니다.
- 클래스명이 변경/삭제되면 위젯이 노출되지 않을 수 있으므로 주의가 필요합니다.
기준 요소(class)가 필요한 이유
- 크리마 핏 위젯은 특정 HTML 요소(DOM 요소)를 기준으로 위/아래에 자동 삽입됩니다.
- 기준 요소가 항상 유지되는 고정 구조여야 안정적으로 노출됩니다.
클래스 추가 방법
위젯을 삽입하고자 하는 위치의 HTML 요소에 클래스명을 추가합니다. 예시는 아래와 같습니다.
<div class="crema-fit-container">
</div>- 클래스명은 자유롭게 설정할 수 있으며, 쇼핑몰 구조에 맞게 지정하면 됩니다.
- 클래스 추가 완료 후 설정한 클래스명을 fit@cre.ma로 전달해 주세요.
클래스 추가 후 절차
- 크리마에서 확인 후, 해당 요소를 기준으로 위젯 설치 작업을 진행합니다.
유의사항
- 기준 요소는 반복되지 않고, 페이지 내에서 항상 유지되는 구조여야 합니다.
- 클래스명이 변경되거나 삭제되면 위젯이 정상적으로 노출되지 않을 수 있습니다.
자주 묻는 질문 (FAQ)
페이지 리뉴얼로 클래스명이 바뀌면 어떻게 해야 하나요?
👉 클래스명이 변경되면 위젯이 노출되지 않을 수 있습니다. 새로운 클래스명을 fit@cre.ma로 알려 주세요.
기준 요소를 이미지나 버튼에 설정해도 되나요?
👉 권장하지 않습니다. 안정적인 노출을 위해 반복되지 않고 항상 유지되는 레이아웃 컨테이너 요소(div 등)를 기준으로 설정해 주세요.