소개
커스텀 CSS 설정 접근하기
- 대시보드에서 Upcart 앱을 여세요.
- Cart Editor로 이동하세요.
- Settings를 열고 Custom CSS 탭을 선택하세요(탭 행이 넘치는 경우 More settings 안에 있어요).
- 그다음 코드를 복사해 CSS 입력 영역에 붙여넣으세요
- 완료되면 “Save를 클릭”하고 스토어프론트 페이지를 새로고침해 결과를 실시간으로 확인하세요.
CSS로 Upcart가 트리거될 때까지 모바일 카트 너비를 0으로 설정하기
CSS를 사용해 Upcart가 트리거되지 않는 한 모바일 카트 너비를 0으로 설정하여 더 깔끔하고 간결한 쇼핑 경험을 만드는 방법을 알아보세요.
⚠️ 중요 공지
이 커스터마이징은 Upcart 카트 모듈 버전 1에서만 작동해요. 최근 카트를 버전 2로 업그레이드했다면 이 커스터마이징이 작동하지 않을 수 있어요. 마이그레이션 가이드에서 제공하는 버전 2용 새 셀렉터를 사용해야 해요.
커스터마이징이 예상대로 작동하지 않는다면 직접 카트를 버전 1로 되돌릴 수 있어요. Cart Editor에서 왼쪽 메뉴 상단의 Cart version 드롭다운을 사용해 **V1.0 (Legacy)**를 선택하세요. 이 드롭다운은 카트의 모든 모듈이 V2일 때 표시돼요.
현재 모듈 버전 2를 위한 새로운 커스터마이징 템플릿을 준비하고 있으며, 곧 제공될 예정이에요.
이 CSS 튜토리얼에 오신 것을 환영해요. 여기에서는 Upcart가 트리거되지 않는 한 모바일 카트 너비를 0으로 설정하는 방법을 알려드려요. 고객이 카트를 볼 준비가 될 때까지 카트를 숨겨 두어 모바일 쇼핑 경험을 간결하게 유지할 수 있는 유용한 방법이에요.
이 가이드는 기본적인 CSS 지식이 있는 스토어 운영자나 개발자를 위해 작성되었어요. 이 커스터마이징을 사용하면 카트를 시야에서 숨기고 페이지 레이아웃을 개선하여 방해 요소를 줄이고 고객이 쇼핑에 집중할 수 있도록 도와줘요. 스토어의 모바일 경험에 큰 차이를 만들 수 있는 작은 조정이에요.
이제 시작해서 모바일 카트가 더 스마트하게 작동하도록 만들어 볼게요!
Upcart의 CSS 커스터마이징을 시작하려면 다음 단계를 따르세요:
이게 전부예요! 이제 Upcart가 트리거될 때까지 모바일 카트 너비를 0으로 변경하는 방법을 배웠고, 더 깔끔하고 집중된 쇼핑 경험을 만들 수 있게 되었어요.
Upcart 지원팀은 카트에 커스텀 CSS 또는 HTML 솔루션을 구현하는 것을 도와드릴 수 없어요.
커스텀 디자인이나 스타일링에 도움이 필요하다면 Shopify Expert에게 문의하는 것을 권장해요:
Shopify Experts 보기