> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt
> Use this file to discover all available pages before exploring further.

# CSS로 Upcart가 트리거될 때까지 모바일 카트 너비를 0으로 설정하기

> CSS를 사용해 Upcart가 트리거되지 않는 한 모바일 카트 너비를 0으로 설정하여 더 깔끔하고 간결한 쇼핑 경험을 만드는 방법을 알아보세요.

⚠️ **중요 공지**

이 커스터마이징은 Upcart 카트 모듈 버전 1에서만 작동해요. 최근 카트를 버전 2로 업그레이드했다면 이 커스터마이징이 작동하지 않을 수 있어요. [마이그레이션 가이드](/ko/upcart/upcart_v20_migration_guide)에서 제공하는 버전 2용 새 셀렉터를 사용해야 해요.

커스터마이징이 예상대로 작동하지 않는다면 직접 카트를 버전 1로 되돌릴 수 있어요. Cart Editor에서 왼쪽 메뉴 상단의 **Cart version** 드롭다운을 사용해 \*\*V1.0 (Legacy)\*\*를 선택하세요. 이 드롭다운은 카트의 모든 모듈이 V2일 때 표시돼요.

현재 모듈 버전 2를 위한 새로운 커스터마이징 템플릿을 준비하고 있으며, 곧 제공될 예정이에요.

<div id="introduction">
  # **소개**
</div>

이 CSS 튜토리얼에 오신 것을 환영해요. 여기에서는 Upcart가 트리거되지 않는 한 모바일 카트 너비를 0으로 설정하는 방법을 알려드려요. 고객이 카트를 볼 준비가 될 때까지 카트를 숨겨 두어 모바일 쇼핑 경험을 간결하게 유지할 수 있는 유용한 방법이에요.

이 가이드는 기본적인 CSS 지식이 있는 스토어 운영자나 개발자를 위해 작성되었어요. 이 커스터마이징을 사용하면 카트를 시야에서 숨기고 페이지 레이아웃을 개선하여 방해 요소를 줄이고 고객이 쇼핑에 집중할 수 있도록 도와줘요. 스토어의 모바일 경험에 큰 차이를 만들 수 있는 작은 조정이에요.

이제 시작해서 모바일 카트가 더 스마트하게 작동하도록 만들어 볼게요!

<div id="accessing-custom-css-settings">
  ## **커스텀 CSS 설정 접근하기**
</div>

Upcart의 CSS 커스터마이징을 시작하려면 다음 단계를 따르세요:

1. 대시보드에서 **Upcart 앱**을 여세요.
2. **Cart Editor**로 이동하세요.
3. **Settings**를 열고 **Custom CSS** 탭을 선택하세요(탭 행이 넘치는 경우 **More settings** 안에 있어요).
4. 그다음 코드를 복사해 CSS 입력 영역에 붙여넣으세요
5. 완료되면 "Save를 클릭"하고 스토어프론트 페이지를 새로고침해 결과를 실시간으로 확인하세요.

<div id="here-is-the-css-code-to-copy-and-paste-into-the-css-section">
  ## CSS 섹션에 복사해 붙여넣을 CSS 코드는 다음과 같아요:
</div>

```
@media (max-width: 440px) {  
    .upcartPopupShow [class*="styles_CartPreview__right__"] {  
        width: 100%;  
        max-width: 440px;  
    }  
  
    [class*="styles_CartPreview__right__"] {  
        width: 0px;  
	max-width: 440px;  
    }  
}
```

<div id="conclusion">
  # **마무리**
</div>

이게 전부예요! 이제 Upcart가 트리거될 때까지 모바일 카트 너비를 0으로 변경하는 방법을 배웠고, 더 깔끔하고 집중된 쇼핑 경험을 만들 수 있게 되었어요.

<div id="support-for-customizations">
  ## 🚧 커스터마이징 지원
</div>

Upcart 지원팀은 카트에 커스텀 CSS 또는 HTML 솔루션을 구현하는 것을 도와드릴 수 없어요.

커스텀 디자인이나 스타일링에 도움이 필요하다면 Shopify Expert에게 문의하는 것을 권장해요:

[Shopify Experts 보기](https://www.shopify.com/partners/directory)