이 설정은 스토어의 어떤 버튼이나 아이콘이 Upcart 장바구니 드로어를 열어야 하는지 Upcart에 알려줘요. 테마가 자체 장바구니 드로어를 사용하는 경우, 이 설정을 사용해 대신 Upcart가 열리도록 할 수 있어요.
- Upcart 에디터로 이동하세요.
- Settings를 클릭하세요.
- Cart settings 탭에서 아래로 스크롤해 Advanced Settings를 펼치세요.
- Open Cart Button Selector를 찾으세요:
”Custom Selector” 옵션 사용 방법 (코딩 불필요)
- 스토어의 홈페이지로 이동하세요.
- 장바구니 아이콘을 마우스 오른쪽 버튼으로 클릭하세요. 고객이 장바구니를 보기 위해 클릭하는 버튼이나 아이콘이에요.
- “Inspect”를 클릭하세요. 페이지의 코드를 보여주는 패널이 열려요. 아무것도 변경할 필요가 없어요.
- 패널에서 강조 표시된 코드 옆의 클래스나 ID를 찾으세요. 보통 클래스는 점(
.)으로, ID는 해시(#)로 시작해요. 예:.site-header__cart또는#cart-icon. - 해당 클래스나 ID를 복사하세요. 예:
.site-header__cart. - Upcart 에디터로 돌아가세요. “Use Custom Selector” 를 선택하고 복사한 내용을 입력란에 붙여넣으세요.
- 어떤 옵션을 선택해야 할지 확실하지 않으면 Default Selector로 시작하세요.
- 장바구니 아이콘을 클릭해도 Upcart 장바구니 드로어가 열리지 않는 경우에만 Custom Selector를 사용하세요.
- 모바일과 데스크톱 기기 모두에서 장바구니 기능을 테스트하세요.
- 작업을 검토하거나 확인하는 데 선호하는 AI 도구를 사용하셔도 돼요.
더 많은 도움이 필요하신가요? 도움이 필요하면 테마 개발자에게 올바른 선택자를 찾아 달라고 요청할 수 있어요. 코드를 작성할 필요는 없어요. 위에서 설명한 대로 선택자를 복사해 붙여넣기만 하면 돼요.