취향에 맞게 모바일 장바구니 너비를 커스터마이징하는 이 튜토리얼에 오신 것을 환영해요! 모바일 장바구니 너비를 조정하면 작은 화면에서도 장바구니를 쉽게 보고 상호작용할 수 있어 고객의 쇼핑 경험을 크게 향상시킬 수 있어요. 이 커스터마이징을 통해 레이아웃을 제어하여 전체 스토어 디자인과 자연스럽게 어울리고 깔끔하고 정돈된 모습을 유지할 수 있어요.이 단계들은 기본 CSS 지식이 있는 스토어 운영자나 개발자를 위해 설계되었어요. 모바일 장바구니 너비를 조정하면 사용성을 개선하고 고객의 체크아웃 과정을 더 매끄럽게 만들어 전환율과 고객 만족도를 높일 수 있어요.지금 바로 시작해서 모바일 장바구니를 원하는 대로 보이고 작동하게 만들어 보세요!
커스터마이징에 도움이 필요하시면, 장바구니 드로어에 HTML, CSS, 그리고 JavaScript까지 추가하는 것에 대해 Shopify Expert와 상담하시는 것을 권장해요.Shopify Experts 보기
이 페이지가 도움이 되었나요?
⌘I
{"docsConfig":{"theme":"maple","$schema":"https://mintlify.com/docs.json","name":"Aftersell \u0026 Upcart Docs","colors":{"primary":"#C20075","light":"#C20075","dark":"#C20075"},"logo":{"light":"https://mintcdn.com/aftersell/SnQwk0JGiG2BpIZt/images/logos/aftersell-logo-black.svg?fit=max\u0026auto=format\u0026n=SnQwk0JGiG2BpIZt\u0026q=85\u0026s=3a4b16f98056fa407d2af5a4f86b7fd8","dark":"https://mintcdn.com/aftersell/SnQwk0JGiG2BpIZt/images/logos/aftersell-logo-white.svg?fit=max\u0026auto=format\u0026n=SnQwk0JGiG2BpIZt\u0026q=85\u0026s=d21a9be0c73e17a2155dd3eb12722d76","href":"https://docs.aftersell.com"},"favicon":{"light":"https://mintcdn.com/aftersell/SnQwk0JGiG2BpIZt/images/logos/aftersell-favicon.svg?fit=max\u0026auto=format\u0026n=SnQwk0JGiG2BpIZt\u0026q=85\u0026s=af8a1fbfca7c9ced3fdae00424ba2dd0","dark":"https://mintcdn.com/aftersell/SnQwk0JGiG2BpIZt/images/logos/aftersell-favicon.svg?fit=max\u0026auto=format\u0026n=SnQwk0JGiG2BpIZt\u0026q=85\u0026s=af8a1fbfca7c9ced3fdae00424ba2dd0"},"navbar":{"links":[{"icon":"home","href":"https://www.aftersell.com","label":"Aftersell Website"},{"icon":"home","href":"https://www.aftersell.com/cart","label":"Upcart Website"}]},"seo":{"metatags":{"canonical":"https://docs.aftersell.com"}},"fonts":{"heading":{"family":"Archivo","weight":600},"body":{"family":"Archivo","weight":400}},"styling":{"eyebrows":"breadcrumbs","codeblocks":{"theme":{"light":"snazzy-light","dark":"github-dark"}},"latex":true},"contextual":{"options":["assistant","chatgpt","claude","view"],"display":"header"},"navigation":{"languages":[{"language":"en","href":"aftersell/welcome_to_aftersell"},{"language":"fr","href":"fr/aftersell/welcome_to_aftersell"},{"language":"es","href":"es/aftersell/welcome_to_aftersell"},{"language":"zh","href":"zh/aftersell/welcome_to_aftersell"},{"language":"ja","href":"ja/aftersell/welcome_to_aftersell"},{"language":"de","href":"de/aftersell/welcome_to_aftersell"},{"language":"ru","href":"ru/aftersell/welcome_to_aftersell"},{"language":"it","href":"it/aftersell/welcome_to_aftersell"},{"language":"nl","href":"nl/aftersell/welcome_to_aftersell"},{"language":"pt","href":"pt/aftersell/welcome_to_aftersell"},{"language":"pl","href":"pl/aftersell/welcome_to_aftersell"},{"language":"ko","href":"ko/aftersell/welcome_to_aftersell"},{"language":"da","href":"da/aftersell/welcome_to_aftersell"},{"language":"ar","href":"ar/aftersell/welcome_to_aftersell"}]}},"deployment":{"deploymentMetadataValue":{"subdomain":"aftersell","hasAudioNarration":false,"actualSubdomain":"aftersell","customDomains":["docs.aftersell.com"],"gitSource":{"type":"github","owner":"rokt","repo":"aftersell-docs","deployBranch":"main","contentDirectory":"","isPrivate":true,"mountPath":"","label":""},"feedback":{"thumbs":true},"entitlements":{"AI_CHAT":{"status":"ENABLED"},"REMOVE_BRANDING":{"status":"ENABLED"},"CONTEXTUAL_FEEDBACK":{"status":"ENABLED"},"CODE_SNIPPET_FEEDBACK":{"status":"ENABLED"},"WEB_MCP":{"status":"ENABLED"},"NARRATION":{"status":"ENABLED"}},"buildId":"6aebbb3984614e84de1190ea","clientVersion":"0.0.4087","searchFilterCounts":[{"language":"en","tag":"Guides","count":267},{"language":"ar","tag":"الأدلة","count":267},{"language":"da","tag":"Vejledninger","count":267},{"language":"de","tag":"Anleitungen","count":267},{"language":"es","tag":"Guías","count":267},{"language":"fr","tag":"Guides","count":267},{"language":"it","tag":"Guide","count":267},{"language":"ja","tag":"ガイド","count":267},{"language":"ko","tag":"가이드","count":267},{"language":"nl","tag":"Handleidingen","count":267},{"language":"pl","tag":"Przewodniki","count":267},{"language":"pt","tag":"Guias","count":267},{"language":"ru","tag":"Руководства","count":267},{"language":"zh","tag":"指南","count":267},{"language":"en","tag":"Aftersell","count":202},{"language":"ar","tag":"Aftersell","count":202},{"language":"da","tag":"Aftersell","count":202},{"language":"de","tag":"Aftersell","count":202},{"language":"es","tag":"Aftersell","count":202},{"language":"fr","tag":"Aftersell","count":202},{"language":"it","tag":"Aftersell","count":202},{"language":"ja","tag":"Aftersell","count":202},{"language":"ko","tag":"Aftersell","count":202},{"language":"nl","tag":"Aftersell","count":202},{"language":"pl","tag":"Aftersell","count":202},{"language":"pt","tag":"Aftersell","count":202},{"language":"ru","tag":"Aftersell","count":202},{"language":"zh","tag":"Aftersell","count":202},{"language":"en","tag":"Upcart","count":133},{"language":"ar","tag":"Upcart","count":133},{"language":"da","tag":"Upcart","count":133},{"language":"de","tag":"Upcart","count":133},{"language":"es","tag":"Upcart","count":133},{"language":"fr","tag":"Upcart","count":133},{"language":"it","tag":"Upcart","count":133},{"language":"ja","tag":"Upcart","count":133},{"language":"ko","tag":"Upcart","count":133},{"language":"nl","tag":"Upcart","count":133},{"language":"pl","tag":"Upcart","count":133},{"language":"pt","tag":"Upcart","count":133},{"language":"ru","tag":"Upcart","count":133},{"language":"zh","tag":"Upcart","count":133},{"language":"en","tag":"Reference","count":68},{"language":"ar","tag":"المرجع","count":68},{"language":"da","tag":"Reference","count":68},{"language":"de","tag":"Referenz","count":68},{"language":"es","tag":"Referencia","count":68},{"language":"fr","tag":"Référence","count":68},{"language":"it","tag":"Riferimento","count":68},{"language":"ja","tag":"リファレンス","count":68},{"language":"ko","tag":"참조","count":68},{"language":"nl","tag":"Referentie","count":68},{"language":"pl","tag":"Dokumentacja","count":68},{"language":"pt","tag":"Referência","count":68},{"language":"ru","tag":"Справочник","count":68},{"language":"zh","tag":"参考","count":68},{"language":"en","tag":"Aftersell Cart","count":48},{"language":"ar","tag":"سلة Aftersell","count":48},{"language":"da","tag":"Aftersell-kurv","count":48},{"language":"de","tag":"Aftersell-Warenkorb","count":48},{"language":"es","tag":"Carrito de Aftersell","count":48},{"language":"fr","tag":"Panier Aftersell","count":48},{"language":"it","tag":"Carrello Aftersell","count":48},{"language":"ja","tag":"Aftersell カート","count":48},{"language":"ko","tag":"Aftersell 장바구니","count":48},{"language":"nl","tag":"Aftersell-winkelwagen","count":48},{"language":"pl","tag":"Koszyk Aftersell","count":48},{"language":"pt","tag":"Carrinho Aftersell","count":48},{"language":"ru","tag":"Корзина Aftersell","count":48},{"language":"zh","tag":"Aftersell 购物车","count":48},{"language":"en","tag":"Post-Purchase Upsells","count":45},{"language":"ar","tag":"عروض البيع الإضافي بعد الشراء","count":45},{"language":"da","tag":"Mersalg efter køb","count":45},{"language":"de","tag":"Post-Purchase-Upsells","count":45},{"language":"es","tag":"Ventas adicionales poscompra","count":45},{"language":"fr","tag":"Ventes incitatives post-achat","count":45},{"language":"it","tag":"Upsell post-acquisto","count":45},{"language":"ja","tag":"購入後アップセル","count":45},{"language":"ko","tag":"구매 후 업셀","count":45},{"language":"nl","tag":"Post-purchase upsells","count":45},{"language":"pl","tag":"Upselle po zakupie","count":45},{"language":"pt","tag":"Upsells pós-compra","count":45},{"language":"ru","tag":"Апселлы после покупки","count":45},{"language":"zh","tag":"购后追加销售","count":45},{"language":"en","tag":"Troubleshooting","count":33},{"language":"ar","tag":"استكشاف الأخطاء وإصلاحها","count":33},{"language":"da","tag":"Fejlfinding","count":33},{"language":"de","tag":"Fehlerbehebung","count":33},{"language":"es","tag":"Solución de problemas","count":33},{"language":"fr","tag":"Dépannage","count":33},{"language":"it","tag":"Risoluzione dei problemi","count":33},{"language":"ja","tag":"トラブルシューティング","count":33},{"language":"ko","tag":"문제 해결","count":33},{"language":"nl","tag":"Probleemoplossing","count":33},{"language":"pl","tag":"Rozwiązywanie problemów","count":33},{"language":"pt","tag":"Solução de problemas","count":33},{"language":"ru","tag":"Устранение неполадок","count":33},{"language":"zh","tag":"故障排除","count":33},{"language":"en","tag":"Cart Modules","count":22},{"language":"ar","tag":"وحدات السلة","count":22},{"language":"da","tag":"Kurvmoduler","count":22},{"language":"de","tag":"Warenkorb-Module","count":22},{"language":"es","tag":"Módulos del carrito","count":22},{"language":"fr","tag":"Modules de panier","count":22},{"language":"it","tag":"Moduli del carrello","count":22},{"language":"ja","tag":"カートモジュール","count":22},{"language":"ko","tag":"장바구니 모듈","count":22},{"language":"nl","tag":"Winkelwagenmodules","count":22},{"language":"pl","tag":"Moduły koszyka","count":22},{"language":"pt","tag":"Módulos do carrinho","count":22},{"language":"ru","tag":"Модули корзины","count":22},{"language":"zh","tag":"购物车模块","count":22},{"language":"en","tag":"Setup \u0026 Configuration","count":21},{"language":"ar","tag":"الإعداد والتهيئة","count":21},{"language":"da","tag":"Opsætning og konfiguration","count":21},{"language":"de","tag":"Einrichtung \u0026 Konfiguration","count":21},{"language":"es","tag":"Instalación y configuración","count":21},{"language":"fr","tag":"Installation et configuration","count":21},{"language":"it","tag":"Installazione e configurazione","count":21},{"language":"ja","tag":"セットアップと設定","count":21},{"language":"ko","tag":"설정 및 구성","count":21},{"language":"nl","tag":"Installatie en configuratie","count":21},{"language":"pl","tag":"Instalacja i konfiguracja","count":21},{"language":"pt","tag":"Instalação e configuração","count":21},{"language":"ru","tag":"Установка и настройка","count":21},{"language":"zh","tag":"设置与配置","count":21},{"language":"en","tag":"Cart blocks","count":18},{"language":"ar","tag":"كتل السلة","count":18},{"language":"da","tag":"Kurvblokke","count":18},{"language":"de","tag":"Warenkorb-Blöcke","count":18},{"language":"es","tag":"Bloques del carrito","count":18},{"language":"fr","tag":"Blocs de panier","count":18},{"language":"it","tag":"Blocchi del carrello","count":18},{"language":"ja","tag":"カートブロック","count":18},{"language":"ko","tag":"장바구니 블록","count":18},{"language":"nl","tag":"Winkelwagenblokken","count":18},{"language":"pl","tag":"Bloki koszyka","count":18},{"language":"pt","tag":"Blocos do carrinho","count":18},{"language":"ru","tag":"Блоки корзины","count":18},{"language":"zh","tag":"购物车区块","count":18}],"searchSettings":{"maxResults":10,"isFiltersEnabled":true}},"assistantConfig":{"enableStarterQuestions":false,"deflection":{"enabled":true,"email":"support@aftersell.app"}},"basePath":"","hasChatPermissions":true,"hasWebMcpPermissions":true,"toggles":[{"name":"kill-isr","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-mintlify-slack","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-integrations-settings","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"rbac-expansion","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-pr-grouping","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-prefix","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"analytics-v7","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"user-flows-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"no-publish-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-onboarding","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"llms-txt-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving-live","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"stripTemperatureMiddleware","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"support-platform-pylon-zendesk","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"instant-rollback","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications-server","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-fable","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fixed-ai-action-pricing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automation-resolve-merge-conflict","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"scoped-publishing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"mintql","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"page-level-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-version-history-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-page-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"full-page-search","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workspace-projects","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"assistant-v5","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fork-pr-previews","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"revalidation-jwt","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-sso-scim","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"hobby-abuse-scan","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"dashboard-inbox","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-signup","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"turbopuffer-dual-write","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-enabled","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"approve-review-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-metadata","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"sso-setup-deadline-banner","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"turbopuffer-serve","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"live-agents","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"comment-mode","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false}],"googleFontsInlined":true},"customCss":[],"page":{"pagePath":"ko/upcart/how_to_customize_your_mobile_cart_width","slug":"/ko/upcart/how_to_customize_your_mobile_cart_width","pageMetadata":{"title":"모바일 장바구니 너비를 커스터마이징하는 방법","description":"이 문서에서는 CSS를 사용해 모바일 장바구니 너비를 커스터마이징하는 방법을 안내해요.","keywords":["모바일 장바구니 너비","커스텀 CSS","장바구니 드로어 너비","반응형 장바구니","미디어 쿼리","장바구니 미리보기","모바일 레이아웃"],"lastUpdated":"January 16, 2026","href":"/ko/upcart/how_to_customize_your_mobile_cart_width"},"description":{"compiledSource":"\"use strict\";\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n p: \"p\",\n ..._provideComponents(),\n ...props.components\n };\n return _jsx(_components.p, {\n children: \"이 문서에서는 CSS를 사용해 모바일 장바구니 너비를 커스터마이징하는 방법을 안내해요.\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = {\n ..._provideComponents(),\n ...props.components\n };\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\n","frontmatter":{},"scope":{}},"pageType":"default","mdx":{"mdxSource":{"compiledSource":"\"use strict\";const{Fragment:_Fragment,jsx:_jsx,jsxs:_jsxs}=arguments[0];const{useMDXComponents:_provideComponents}=arguments[0];function _createMdxContent(props){const _components={a:`a`,code:`code`,li:`li`,ol:`ol`,p:`p`,pre:`pre`,span:`span`,strong:`strong`,..._provideComponents(),...props.components},{CodeBlock,Heading}=_components;if(!CodeBlock)_missingMdxReference(`CodeBlock`,true);if(!Heading)_missingMdxReference(`Heading`,true);return _jsxs(_Fragment,{children:[_jsx(`div`,{id:`introduction`,children:_jsx(Heading,{level:`1`,id:`소개`,children:_jsx(_components.strong,{children:`소개`})})}),`\n`,_jsx(_components.p,{children:`취향에 맞게 모바일 장바구니 너비를 커스터마이징하는 이 튜토리얼에 오신 것을 환영해요! 모바일 장바구니 너비를 조정하면 작은 화면에서도 장바구니를 쉽게 보고 상호작용할 수 있어 고객의 쇼핑 경험을 크게 향상시킬 수 있어요. 이 커스터마이징을 통해 레이아웃을 제어하여 전체 스토어 디자인과 자연스럽게 어울리고 깔끔하고 정돈된 모습을 유지할 수 있어요.`}),`\n`,_jsx(_components.p,{children:`이 단계들은 기본 CSS 지식이 있는 스토어 운영자나 개발자를 위해 설계되었어요. 모바일 장바구니 너비를 조정하면 사용성을 개선하고 고객의 체크아웃 과정을 더 매끄럽게 만들어 전환율과 고객 만족도를 높일 수 있어요.`}),`\n`,_jsx(_components.p,{children:`지금 바로 시작해서 모바일 장바구니를 원하는 대로 보이고 작동하게 만들어 보세요!`}),`\n`,_jsx(`div`,{id:`accessing-custom-css-settings`,children:_jsx(Heading,{level:`2`,id:`커스텀-css-설정-접근하기`,children:_jsx(_components.strong,{children:`커스텀 CSS 설정 접근하기`})})}),`\n`,_jsx(_components.p,{children:`Upcart의 CSS 커스터마이징을 시작하려면 다음 단계를 따르세요:`}),`\n`,_jsxs(_components.ol,{children:[`\n`,_jsxs(_components.li,{children:[`대시보드에서 `,_jsx(_components.strong,{children:`Upcart 앱`}),`을 여세요.`]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Cart Editor`}),`로 이동하세요.`]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Settings`}),`를 열고 `,_jsx(_components.strong,{children:`Custom CSS`}),` 탭을 선택하세요 (탭 행이 넘치는 경우 `,_jsx(_components.strong,{children:`More settings`}),` 뒤에 있어요).`]}),`\n`]}),`\n`,_jsx(`div`,{id:`applying-custom-css`,children:_jsx(Heading,{level:`2`,id:`커스텀-css-적용하기`,children:_jsx(_components.strong,{children:`커스텀 CSS 적용하기`})})}),`\n`,_jsx(_components.p,{children:`Custom CSS 섹션에 들어가면 아래 단계에 따라 모바일 장바구니 너비를 변경할 수 있어요. 숫자를 90%에서 원하는 숫자로 변경하세요. 숫자가 클수록 장바구니가 화면에서 차지하는 공간이 커져요. (참고: V1.0과 V2.0 Upcart 모두에 적용돼요)`}),`\n`,_jsxs(_components.ol,{children:[`\n`,_jsx(_components.li,{children:`CSS 입력 영역을 찾으세요.`}),`\n`,_jsx(_components.li,{children:`다음 코드를 복사해 CSS 입력 영역에 붙여넣으세요:`}),`\n`]}),`\n`,_jsx(CodeBlock,{numberOfLines:`29`,language:`text`,children:_jsx(_components.pre,{className:`shiki shiki-themes snazzy-light github-dark`,style:{backgroundColor:`#FAFBFC`,\"--shiki-dark-bg\":`#24292e`,color:`#565869`,\"--shiki-dark\":`#e1e4e8`},language:`text`,children:_jsxs(_components.code,{language:`text`,numberOfLines:`29`,children:[_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`.upcart-cart { `})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:` --widthOfMobileCart: 90%; `})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`} `})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:` `})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`/* MOBILE WIDTH STYLING*/ `})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`@media only screen and (max-width: 600px) { `})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:` [class*=\"styles_CartPreview__right__\"] { `})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:` right: calc(var(--widthOfMobileCart) * -1); `})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:` } `})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:` `})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:` [class*=\"styles_CartPreview__right__\"] `})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:` [class*=\"styles_active__\"] { `})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:` right: var(--widthOfMobileCart); `})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:` } `})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:` `})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:` [class*=\"styles_CartPreview__\"] { `})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:` width: var(--widthOfMobileCart); `})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:` } `})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:` `})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:` .upcart-backdrop, `})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:` [class*=\"styles_CartPreview__empty__\"], `})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:` [class*=\"styles_CartPreview__card__\"], `})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:` [class*=\"styles_CartPreview__upsells__\"], `})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:` [class*=\"styles_CartPreview__bottomModules__\"], `})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:` .upcart-cart-body { `})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:` width: 100% !important; `})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:` } `})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`}`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{})})]})})}),`\n`,_jsx(`div`,{id:`conclusion`,children:_jsx(Heading,{level:`1`,id:`마무리`,children:_jsx(_components.strong,{children:`마무리`})})}),`\n`,_jsx(_components.p,{children:`이 튜토리얼을 따라 하면서 모바일 장바구니 너비를 성공적으로 커스터마이징하여 더 사용자 친화적이고 스토어 디자인에 맞게 만들었어요. 이러한 작은 변경이 고객의 쇼핑 경험에 큰 영향을 미쳐 모바일 기기에서 더 쉽게 둘러보고 구매할 수 있게 해줘요.`}),`\n`,_jsx(`div`,{id:`still-need-help`,children:_jsx(Heading,{level:`2`,id:`여전히-도움이-필요하신가요`,children:`여전히 도움이 필요하신가요?`})}),`\n`,_jsx(_components.p,{children:`커스터마이징에 도움이 필요하시면, 장바구니 드로어에 HTML, CSS, 그리고 JavaScript까지 추가하는 것에 대해 Shopify Expert와 상담하시는 것을 권장해요.`}),`\n`,_jsx(_components.p,{children:_jsx(_components.a,{href:`https://www.shopify.com/partners/directory`,children:`Shopify Experts 보기`})})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={..._provideComponents(),...props.components};return MDXLayout?_jsx(MDXLayout,{...props,children:_jsx(_createMdxContent,{...props})}):_createMdxContent(props)}return{default:MDXContent};function _missingMdxReference(id,component){throw new Error(`Expected `+(component?`component`:`object`)+\" `\"+id+\"` to be defined: you likely forgot to import, pass, or provide it.\")}","frontmatter":{},"scope":{"codeStyling":{"theme":{"light":"snazzy-light","dark":"github-dark"}},"config":{},"pageMetadata":{"title":"모바일 장바구니 너비를 커스터마이징하는 방법","description":"이 문서에서는 CSS를 사용해 모바일 장바구니 너비를 커스터마이징하는 방법을 안내해요.","keywords":["모바일 장바구니 너비","커스텀 CSS","장바구니 드로어 너비","반응형 장바구니","미디어 쿼리","장바구니 미리보기","모바일 레이아웃"],"lastUpdated":"January 16, 2026","href":"/ko/upcart/how_to_customize_your_mobile_cart_width"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[{"title":"소개","slug":"소개","depth":1,"children":[]},{"title":"커스텀 CSS 설정 접근하기","slug":"커스텀-css-설정-접근하기","depth":2,"children":[]},{"title":"커스텀 CSS 적용하기","slug":"커스텀-css-적용하기","depth":2,"children":[]},{"title":"마무리","slug":"마무리","depth":1,"children":[]},{"title":"여전히 도움이 필요하신가요?","slug":"여전히-도움이-필요하신가요","depth":2,"children":[]}],"codeExamples":{}},"jsLinks":[],"subdomain":"aftersell","siteName":"Aftersell \u0026 Upcart Docs","title":"모바일 장바구니 너비를 커스터마이징하는 방법 - Aftersell \u0026 Upcart Docs","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{"en":{"href":"/upcart/how_to_customize_your_mobile_cart_width","matchLevel":1},"fr":{"href":"/fr/upcart/how_to_customize_your_mobile_cart_width","matchLevel":1},"es":{"href":"/es/upcart/how_to_customize_your_mobile_cart_width","matchLevel":1},"zh":{"href":"/zh/upcart/how_to_customize_your_mobile_cart_width","matchLevel":1},"ja":{"href":"/ja/upcart/how_to_customize_your_mobile_cart_width","matchLevel":1},"de":{"href":"/de/upcart/how_to_customize_your_mobile_cart_width","matchLevel":1},"ru":{"href":"/ru/upcart/how_to_customize_your_mobile_cart_width","matchLevel":1},"it":{"href":"/it/upcart/how_to_customize_your_mobile_cart_width","matchLevel":1},"nl":{"href":"/nl/upcart/how_to_customize_your_mobile_cart_width","matchLevel":1},"pt":{"href":"/pt/upcart/how_to_customize_your_mobile_cart_width","matchLevel":1},"pl":{"href":"/pl/upcart/how_to_customize_your_mobile_cart_width","matchLevel":1},"ko":{"href":"/ko/upcart/how_to_customize_your_mobile_cart_width","matchLevel":0},"da":{"href":"/da/upcart/how_to_customize_your_mobile_cart_width","matchLevel":1},"ar":{"href":"/ar/upcart/how_to_customize_your_mobile_cart_width","matchLevel":1}}},"lastModified":"2026-09-09T00:55:26.682Z","originalFileLocation":"ko/upcart/how_to_customize_your_mobile_cart_width.mdx","locale":"ko"},"headHtml":"\u003cscript data-mint-head>(function(){var d=document.documentElement,p=null;if(!p){try{p=localStorage.getItem(\"isDarkMode\")}catch(e){}if(p==='true')p='dark';else if(p==='false')p='light';if(p!=='light'\u0026\u0026p!=='dark'\u0026\u0026p!=='system')p=\"system\"}var r=p==='system'?(matchMedia(\"(prefers-color-scheme: dark)\").matches?'dark':'light'):p;d.classList.remove(r==='dark'?'light':'dark');d.classList.add(r);d.setAttribute(\"data-theme-preference\",p)})();\u003c/script>\u003cmeta data-mint-head name=\"description\" content=\"이 문서에서는 CSS를 사용해 모바일 장바구니 너비를 커스터마이징하는 방법을 안내해요.\">\u003cmeta data-mint-head name=\"application-name\" content=\"Aftersell \u0026amp; Upcart Docs\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/aftersell/rvHYnLcZxWDiuuKI/_generated/favicon/android-chrome-192x192.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"apple-touch-icon\" type=\"image/png\" sizes=\"180x180\" href=\"/mintlify-assets/_mintlify/favicons/aftersell/rvHYnLcZxWDiuuKI/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/aftersell/rvHYnLcZxWDiuuKI/_generated/favicon/favicon-16x16.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/aftersell/rvHYnLcZxWDiuuKI/_generated/favicon/favicon-32x32.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/aftersell/rvHYnLcZxWDiuuKI/_generated/favicon/favicon.ico\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/aftersell/rvHYnLcZxWDiuuKI/_generated/favicon-dark/android-chrome-192x192.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/aftersell/rvHYnLcZxWDiuuKI/_generated/favicon-dark/favicon-16x16.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/aftersell/rvHYnLcZxWDiuuKI/_generated/favicon-dark/favicon-32x32.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/aftersell/rvHYnLcZxWDiuuKI/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"모바일 장바구니 너비를 커스터마이징하는 방법 - Aftersell \u0026amp; Upcart Docs\">\u003cmeta data-mint-head property=\"og:description\" content=\"이 문서에서는 CSS를 사용해 모바일 장바구니 너비를 커스터마이징하는 방법을 안내해요.\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"Aftersell \u0026amp; Upcart Docs\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://docs.aftersell.com/ko/upcart/how_to_customize_your_mobile_cart_width\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://aftersell.mintlify.site/_mintlify/api/og/v2?division=%EC%8A%A4%ED%83%80%EC%9D%BC%EB%A7%81+%EB%A0%88%EC%8B%9C%ED%94%BC\u0026amp;title=%EB%AA%A8%EB%B0%94%EC%9D%BC+%EC%9E%A5%EB%B0%94%EA%B5%AC%EB%8B%88+%EB%84%88%EB%B9%84%EB%A5%BC+%EC%BB%A4%EC%8A%A4%ED%84%B0%EB%A7%88%EC%9D%B4%EC%A7%95%ED%95%98%EB%8A%94+%EB%B0%A9%EB%B2%95\u0026amp;description=%EC%9D%B4+%EB%AC%B8%EC%84%9C%EC%97%90%EC%84%9C%EB%8A%94+CSS%EB%A5%BC+%EC%82%AC%EC%9A%A9%ED%95%B4+%EB%AA%A8%EB%B0%94%EC%9D%BC+%EC%9E%A5%EB%B0%94%EA%B5%AC%EB%8B%88+%EB%84%88%EB%B9%84%EB%A5%BC+%EC%BB%A4%EC%8A%A4%ED%84%B0%EB%A7%88%EC%9D%B4%EC%A7%95%ED%95%98%EB%8A%94+%EB%B0%A9%EB%B2%95%EC%9D%84+%EC%95%88%EB%82%B4%ED%95%B4%EC%9A%94.\u0026amp;theme=4eda7b6db4afb63ff7f9239d\u0026amp;signature=17410001b98e10bf9dae65c53c4d73d8f4ca3fd2b5e577a6691655d4016728bb\">\u003cmeta data-mint-head property=\"og:image:width\" content=\"1200\">\u003cmeta data-mint-head property=\"og:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"twitter:card\" content=\"summary_large_image\">\u003cmeta data-mint-head name=\"twitter:title\" content=\"모바일 장바구니 너비를 커스터마이징하는 방법 - Aftersell \u0026amp; Upcart Docs\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"이 문서에서는 CSS를 사용해 모바일 장바구니 너비를 커스터마이징하는 방법을 안내해요.\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://aftersell.mintlify.site/_mintlify/api/og/v2?division=%EC%8A%A4%ED%83%80%EC%9D%BC%EB%A7%81+%EB%A0%88%EC%8B%9C%ED%94%BC\u0026amp;title=%EB%AA%A8%EB%B0%94%EC%9D%BC+%EC%9E%A5%EB%B0%94%EA%B5%AC%EB%8B%88+%EB%84%88%EB%B9%84%EB%A5%BC+%EC%BB%A4%EC%8A%A4%ED%84%B0%EB%A7%88%EC%9D%B4%EC%A7%95%ED%95%98%EB%8A%94+%EB%B0%A9%EB%B2%95\u0026amp;description=%EC%9D%B4+%EB%AC%B8%EC%84%9C%EC%97%90%EC%84%9C%EB%8A%94+CSS%EB%A5%BC+%EC%82%AC%EC%9A%A9%ED%95%B4+%EB%AA%A8%EB%B0%94%EC%9D%BC+%EC%9E%A5%EB%B0%94%EA%B5%AC%EB%8B%88+%EB%84%88%EB%B9%84%EB%A5%BC+%EC%BB%A4%EC%8A%A4%ED%84%B0%EB%A7%88%EC%9D%B4%EC%A7%95%ED%95%98%EB%8A%94+%EB%B0%A9%EB%B2%95%EC%9D%84+%EC%95%88%EB%82%B4%ED%95%B4%EC%9A%94.\u0026amp;theme=4eda7b6db4afb63ff7f9239d\u0026amp;signature=17410001b98e10bf9dae65c53c4d73d8f4ca3fd2b5e577a6691655d4016728bb\">\u003cmeta data-mint-head name=\"twitter:image:width\" content=\"1200\">\u003cmeta data-mint-head name=\"twitter:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"msapplication-config\" content=\"/mintlify-assets/_mintlify/favicons/aftersell/rvHYnLcZxWDiuuKI/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"Aftersell \u0026amp; Upcart Docs\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#C20075\">\u003clink data-mint-head rel=\"canonical\" href=\"https://docs.aftersell.com/ko/upcart/how_to_customize_your_mobile_cart_width\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/ko/upcart/how_to_customize_your_mobile_cart_width.md\">\u003clink data-mint-head rel=\"alternate\" hreflang=\"ko\" href=\"https://docs.aftersell.com/ko/upcart/how_to_customize_your_mobile_cart_width\">\u003clink data-mint-head rel=\"alternate\" hreflang=\"en\" href=\"https://docs.aftersell.com/upcart/how_to_customize_your_mobile_cart_width\">\u003clink data-mint-head rel=\"alternate\" hreflang=\"fr\" href=\"https://docs.aftersell.com/fr/upcart/how_to_customize_your_mobile_cart_width\">\u003clink data-mint-head rel=\"alternate\" hreflang=\"es\" href=\"https://docs.aftersell.com/es/upcart/how_to_customize_your_mobile_cart_width\">\u003clink data-mint-head rel=\"alternate\" hreflang=\"zh\" href=\"https://docs.aftersell.com/zh/upcart/how_to_customize_your_mobile_cart_width\">\u003clink data-mint-head rel=\"alternate\" hreflang=\"ja\" href=\"https://docs.aftersell.com/ja/upcart/how_to_customize_your_mobile_cart_width\">\u003clink data-mint-head rel=\"alternate\" hreflang=\"de\" href=\"https://docs.aftersell.com/de/upcart/how_to_customize_your_mobile_cart_width\">\u003clink data-mint-head rel=\"alternate\" hreflang=\"ru\" href=\"https://docs.aftersell.com/ru/upcart/how_to_customize_your_mobile_cart_width\">\u003clink data-mint-head rel=\"alternate\" hreflang=\"it\" href=\"https://docs.aftersell.com/it/upcart/how_to_customize_your_mobile_cart_width\">\u003clink data-mint-head rel=\"alternate\" hreflang=\"nl\" href=\"https://docs.aftersell.com/nl/upcart/how_to_customize_your_mobile_cart_width\">\u003clink data-mint-head rel=\"alternate\" hreflang=\"pt\" href=\"https://docs.aftersell.com/pt/upcart/how_to_customize_your_mobile_cart_width\">\u003clink data-mint-head rel=\"alternate\" hreflang=\"pl\" href=\"https://docs.aftersell.com/pl/upcart/how_to_customize_your_mobile_cart_width\">\u003clink data-mint-head rel=\"alternate\" hreflang=\"da\" href=\"https://docs.aftersell.com/da/upcart/how_to_customize_your_mobile_cart_width\">\u003clink data-mint-head rel=\"alternate\" hreflang=\"ar\" href=\"https://docs.aftersell.com/ar/upcart/how_to_customize_your_mobile_cart_width\">\u003clink data-mint-head rel=\"alternate\" hreflang=\"x-default\" href=\"https://docs.aftersell.com/upcart/how_to_customize_your_mobile_cart_width\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://docs.aftersell.com/#organization\",\"name\":\"Aftersell \u0026 Upcart Docs\",\"url\":\"https://docs.aftersell.com\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mintcdn.com/aftersell/SnQwk0JGiG2BpIZt/images/logos/aftersell-logo-black.svg?fit=max\u0026auto=format\u0026n=SnQwk0JGiG2BpIZt\u0026q=85\u0026s=3a4b16f98056fa407d2af5a4f86b7fd8\"}},{\"@type\":\"WebSite\",\"@id\":\"https://docs.aftersell.com#website\",\"name\":\"Aftersell \u0026 Upcart Docs\",\"url\":\"https://docs.aftersell.com\",\"publisher\":{\"@id\":\"https://docs.aftersell.com/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://docs.aftersell.com/ko/upcart/how_to_customize_your_mobile_cart_width#webpage\",\"url\":\"https://docs.aftersell.com/ko/upcart/how_to_customize_your_mobile_cart_width\",\"name\":\"모바일 장바구니 너비를 커스터마이징하는 방법\",\"description\":\"이 문서에서는 CSS를 사용해 모바일 장바구니 너비를 커스터마이징하는 방법을 안내해요.\",\"dateModified\":\"2026-09-09T00:55:26.682Z\",\"isPartOf\":{\"@id\":\"https://docs.aftersell.com#website\"},\"breadcrumb\":{\"@id\":\"https://docs.aftersell.com/ko/upcart/how_to_customize_your_mobile_cart_width#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://docs.aftersell.com/ko/upcart/how_to_customize_your_mobile_cart_width#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"스타일링 레시피\",\"item\":\"https://docs.aftersell.com/ko/upcart/changing_font_sizes\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"모바일 장바구니 너비를 커스터마이징하는 방법\",\"item\":\"https://docs.aftersell.com/ko/upcart/how_to_customize_your_mobile_cart_width\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://docs.aftersell.com/ko/upcart/how_to_customize_your_mobile_cart_width#article\",\"headline\":\"모바일 장바구니 너비를 커스터마이징하는 방법\",\"name\":\"모바일 장바구니 너비를 커스터마이징하는 방법\",\"description\":\"이 문서에서는 CSS를 사용해 모바일 장바구니 너비를 커스터마이징하는 방법을 안내해요.\",\"url\":\"https://docs.aftersell.com/ko/upcart/how_to_customize_your_mobile_cart_width\",\"mainEntityOfPage\":{\"@id\":\"https://docs.aftersell.com/ko/upcart/how_to_customize_your_mobile_cart_width#webpage\"},\"dateModified\":\"2026-09-09T00:55:26.682Z\",\"keywords\":\"모바일 장바구니 너비, 커스텀 CSS, 장바구니 드로어 너비, 반응형 장바구니, 미디어 쿼리, 장바구니 미리보기, 모바일 레이아웃\",\"publisher\":{\"@id\":\"https://docs.aftersell.com/#organization\"},\"isPartOf\":{\"@id\":\"https://docs.aftersell.com#website\"}}]}\u003c/script>","siteName":"Aftersell \u0026 Upcart Docs","nav":{"global":null,"languages":[{"language":"en","pages":[{"title":"en","href":"/upcart/how_to_customize_your_mobile_cart_width"}]},{"language":"fr","pages":[{"title":"fr","href":"/fr/upcart/how_to_customize_your_mobile_cart_width"}]},{"language":"es","pages":[{"title":"es","href":"/es/upcart/how_to_customize_your_mobile_cart_width"}]},{"language":"zh","pages":[{"title":"zh","href":"/zh/upcart/how_to_customize_your_mobile_cart_width"}]},{"language":"ja","pages":[{"title":"ja","href":"/ja/upcart/how_to_customize_your_mobile_cart_width"}]},{"language":"de","pages":[{"title":"de","href":"/de/upcart/how_to_customize_your_mobile_cart_width"}]},{"language":"ru","pages":[{"title":"ru","href":"/ru/upcart/how_to_customize_your_mobile_cart_width"}]},{"language":"it","pages":[{"title":"it","href":"/it/upcart/how_to_customize_your_mobile_cart_width"}]},{"language":"nl","pages":[{"title":"nl","href":"/nl/upcart/how_to_customize_your_mobile_cart_width"}]},{"language":"pt","pages":[{"title":"pt","href":"/pt/upcart/how_to_customize_your_mobile_cart_width"}]},{"language":"pl","pages":[{"title":"pl","href":"/pl/upcart/how_to_customize_your_mobile_cart_width"}]},{"language":"ko","products":[{"product":"Aftersell","icon":"bolt","pages":[{"title":"Aftersell","href":"/ko/aftersell/welcome_to_aftersell"}]},{"product":"Upcart","icon":"shopping-cart","dropdowns":[{"dropdown":"가이드","icon":"book","groups":[{"group":"시작하기","expanded":false,"pages":[{"title":"Upcart에 오신 것을 환영해요","href":"/ko/upcart/welcome_to_upcart"},{"title":"Upcart 빠른 시작 가이드","href":"/ko/upcart/quickstart_guide_to_upcart"},{"title":"Upcart 전환율을 높이는 모범 사례","href":"/ko/upcart/best_practices_to_increase_upcart_conversions"},{"title":"Aftersell이란 무엇인가요?","href":"/ko/upcart/what_is_aftersell"}]},{"group":"장바구니 모듈","expanded":false,"pages":[{"group":"개요","expanded":false,"pages":[{"title":"카트 드로어 모듈 소개","href":"/ko/upcart/an_introduction_to_cart_drawer_modules"},{"title":"디자인 모듈","href":"/ko/upcart/design_module"},{"title":"헤더 모듈","href":"/ko/upcart/header_module"}]},{"group":"업셀 및 추천","expanded":false,"pages":[{"title":"업셀 모듈","href":"/ko/upcart/upsells_module"},{"title":"업셀 모듈: 설정","href":"/ko/upcart/upsells_module_settings"},{"title":"추천 모듈","href":"/ko/upcart/recommendations_module"}]},{"group":"리워드 및 인센티브","expanded":false,"pages":[{"title":"단계별 리워드 설정하기","href":"/ko/upcart/how-to-set"},{"title":"계층형 리워드 모듈 - 일반 설정","sidebarTitle":"일반 설정","href":"/ko/upcart/tiered_rewards_module_general_settings"},{"title":"계층형 리워드 모듈 - 리워드 설정","sidebarTitle":"리워드 설정","href":"/ko/upcart/tiered_rewards_module_rewards_settings"},{"title":"티어형 리워드 모듈 - 고급 설정","sidebarTitle":"고급 설정","href":"/ko/upcart/tiered_rewards_module_advanced_settings"},{"title":"Upcart에서 무료 상품 리워드 티어 설정하기","href":"/ko/upcart/set_up_a_free_product_reward_tier_in_upcart"},{"title":"할인 코드 모듈","href":"/ko/upcart/discount_codes_module"},{"title":"단계별 리워드를 위한 지리적 위치 가격 설정","href":"/ko/upcart/geolocation"},{"title":"할인","href":"/ko/upcart/discounts"}]},{"group":"애드온","expanded":false,"pages":[{"title":"애드온 모듈","href":"/ko/upcart/add_ons_module"},{"title":"애드온: 제품 애드온","href":"/ko/upcart/add_ons_product_add_on"},{"title":"애드온: 배송 보호","href":"/ko/upcart/add_ons_shipping_protection"}]},{"group":"기타 모듈","expanded":false,"pages":[{"title":"공지 모듈","href":"/ko/upcart/announcements_module"},{"title":"추가 노트 모듈","href":"/ko/upcart/additional_notes_module"},{"title":"익스프레스 결제 모듈","href":"/ko/upcart/express_payments_module"},{"title":"신뢰 배지 모듈","href":"/ko/upcart/trust_badges_module"},{"title":"구독 업그레이드 모듈","href":"/ko/upcart/subscription_upgrades_module"}]}]},{"group":"장바구니 설정","expanded":false,"pages":[{"group":"일반","expanded":false,"pages":[{"title":"장바구니 추가 시 열기","href":"/ko/upcart/open_on_add_to_cart"},{"title":"장바구니 열기 버튼 선택자","href":"/ko/upcart/open_cart_button_selector"},{"title":"장바구니 담기 버튼 셀렉터","href":"/ko/upcart/add_to_cart_button_selector"},{"title":"카트 위치","href":"/ko/upcart/cart_position"},{"title":"쇼핑 계속하기 버튼 표시하기","href":"/ko/upcart/show_continue_shopping_button"},{"title":"체크아웃 버튼을 눌렀을 때 카트로 이동하기","href":"/ko/upcart/go_to_cart_when_pressing_checkout_button"},{"title":"카트 번역","href":"/ko/upcart/cart_translations"},{"title":"A/B 테스트","href":"/ko/upcart/how-to-a-b-test-upcart"},{"title":"Upcart를 다른 장바구니 앱과 A/B 테스트하기","href":"/ko/upcart/ab-test-against-another-cart"}]},{"group":"표시 및 가격","expanded":false,"pages":[{"title":"고정 푸터 비활성화하기","href":"/ko/upcart/disable_fixed_footer"},{"title":"푸터 합계에 비교 가격 절약 금액 표시하기","href":"/ko/upcart/show_compare_at_price_savings_in_footer_total"},{"title":"비교 가격 대신 기본 가격 기준으로 할인 표시하기","href":"/ko/upcart/show_discounts_from_base_price_instead_of_compare_at_price"},{"title":"상품 가격 아래에 절약 금액 표시하기","href":"/ko/upcart/show_savings_below_product_prices"},{"title":"단일 밑줄 \"_\"로 시작하는 속성 숨기기","href":"/ko/upcart/hide_properties_starting_with_single_underscore"},{"title":"Upcart의 절약 금액 표시 이해하기","href":"/ko/upcart/understanding_savings_display_in_upcart"}]},{"group":"고급","expanded":false,"pages":[{"title":"Render cart in shadow DOM 설정","href":"/ko/upcart/render_cart_in_shadow_dom_setting"},{"title":"향상된 Ajax API 호환성","href":"/ko/upcart/enhanced_ajax_api_compatibility"},{"title":"트래픽 할당","href":"/ko/upcart/traffic_allocation"}]}]},{"group":"고정 장바구니 버튼","expanded":false,"pages":[{"title":"스티키 카트 버튼","href":"/ko/upcart/sticky_cart_button"},{"title":"고정 카트 버튼 크기 조정하기","href":"/ko/upcart/adjust_the_sticky_cart_button_size"},{"title":"Upcart 체크아웃 버튼에 자물쇠 아이콘 추가 또는 업데이트하기","href":"/ko/upcart/adding_or_updating_a_lock_icon_to_your_upcart_checkout_button"}]},{"group":"멀티카트","expanded":false,"pages":[{"title":"Multicart","href":"/ko/upcart/multicart"},{"title":"템플릿에서 카트 만들기","href":"/ko/upcart/creating_a_cart_from_templates"},{"title":"Multicart 문제 해결","href":"/ko/upcart/multicart_troubleshooting"}]},{"group":"사용자 지정","expanded":false,"pages":[{"title":"Upcart 커스터마이징 시작하기","href":"/ko/upcart/getting_started_with_upcart_customizations"},{"title":"Upcart 사용자 지정 정책","href":"/ko/upcart/upcart_customization_policy"},{"title":"미리 만들어진 커스터마이징 데이터베이스","href":"/ko/upcart/premade_customizations_database"},{"title":"Upcart 설정에 커스텀 코드를 추가하기 위한 AI 프롬프트 제안","href":"/ko/upcart/ai_prompt_suggestions_for_adding_custom_code_to_your_upcart_settings"},{"title":"커스텀 CSS","href":"/ko/upcart/custom_css"},{"title":"커스텀 HTML","href":"/ko/upcart/custom_html"}]},{"group":"분석","expanded":false,"pages":[{"title":"Upcart의 분석","href":"/ko/upcart/analytics_in_upcart"}]},{"group":"연동 및 호환성","expanded":false,"pages":[{"title":"Upcart와의 앱 호환성","href":"/ko/upcart/app_compatibility_with_upcart"},{"title":"Upcart와 테마 호환성","href":"/ko/upcart/theme_compatibility_with_upcart"},{"title":"Upcart x Abra 연동","sidebarTitle":"Abra Promotions","href":"/ko/upcart/upcart_x_abra_integration"},{"title":"Upcart x GemPages 랜딩 페이지 빌더","sidebarTitle":"GemPages","href":"/ko/upcart/upcart_x_gempages_landing_page_builder"},{"title":"Upcart x Globo Product Options, Variant","sidebarTitle":"Globo Product Options","href":"/ko/upcart/upcart_x_globo_product_options_variant"},{"title":"Upcart x Kaching 번들 수량 할인","sidebarTitle":"Kaching Bundles","href":"/ko/upcart/upcart_x_kaching_bundle_quantity_breaks"},{"title":"Upcart x PageFly 랜딩 페이지 빌더","sidebarTitle":"PageFly","href":"/ko/upcart/upcart_x_pagefly_landing_page_builder"},{"title":"Upcart x Replo 랜딩 페이지 빌더","sidebarTitle":"Replo","href":"/ko/upcart/upcart_x_replo_landing_page_builder"},{"title":"Upcart x Shopify 번들","sidebarTitle":"Shopify Bundles","href":"/ko/upcart/upcart_x_shopify_bundles"},{"title":"Upcart x Wide Bundles – 수량 할인","sidebarTitle":"Wide Bundles","href":"/ko/upcart/upcart_x_wide_bundles_quantity_breaks"},{"title":"Upcart x Zepto Product Personalizer 연동","sidebarTitle":"Zepto Product Personalizer","href":"/ko/upcart/upcart_x_zepto_product_personalizer_integration"},{"title":"Upcart에서 Klaviyo 장바구니 추가 이벤트 추적","href":"/ko/upcart/klaviyo_add_to_cart_event_tracking_in_upcart"},{"title":"빠른 결제 버튼을 위한 Shopify 테마 코드 추가하기","href":"/ko/upcart/adding_code_to_your_shopify_theme_for_accelerated_checkout_buttons"}]},{"group":"요금 및 계정","expanded":false,"pages":[{"title":"Upcart 요금 구조","href":"/ko/upcart/upcart_pricing_structure"},{"title":"앱 청구 주기","href":"/ko/upcart/app_billing_cycles"},{"title":"Upcart 구독을 어떻게 취소하나요?","href":"/ko/upcart/how_do_i_cancel_my_upcart_subscription"}]},{"group":"문제 해결","expanded":false,"pages":[{"group":"장바구니 동작","expanded":false,"pages":[{"title":"Upcart가 열리지 않거나 장바구니 페이지로 리디렉션되는 문제 해결","href":"/ko/upcart/troubleshooting_upcart_not_opening_or_redirecting"},{"title":"'장바구니 담기'가 Upcart 대신 장바구니 페이지로 이동하는 이유는 무엇인가요?","href":"/ko/upcart/why_does_add_to_cart_go_to_the_cart_page_instead_of_upcart"},{"title":"Upcart에서 동작에 두 번의 클릭이 필요한 문제","href":"/ko/upcart/upcart_requires_two_clicks_for_an_action"},{"title":"Upcart가 항상 열려 있는 이유는 무엇인가요?","href":"/ko/upcart/why_is_upcart_always_open"},{"title":"Upcart를 닫았을 때 스토어 페이지가 스크롤되지 않는 문제","href":"/ko/upcart/unable_to_scroll_the_store_page_when_upcart_closes"},{"title":"모바일에서 카트가 좌우로 스크롤돼요","href":"/ko/upcart/cart_allows_left_right_scrolling_on_mobile"},{"title":"사이트 헤더가 Upcart를 가려요","href":"/ko/upcart/site_header_overlaps_upcart"},{"title":"카트 아이콘 수량/카운터가 업데이트되지 않아요","href":"/ko/upcart/cart_icon_quantity_counter_not_updating"},{"title":"테마에서 카트 유형 변경하기","href":"/ko/upcart/change_cart_type_in_theme"},{"title":"Upcart를 초안 테마에서만 활성화하기","href":"/ko/upcart/enabling_upcart_in_a_draft_theme_only"},{"title":"편집기의 장바구니가 실제 스토어와 다른 이유는 무엇인가요?","href":"/ko/upcart/why_doesnt_the_cart_in_the_editor_match_my_live_store"}]},{"group":"모듈 및 표시","expanded":false,"pages":[{"title":"내 업셀이 표시되지 않는 이유는 무엇인가요?","href":"/ko/upcart/why_isnt_my_upsell_showing"},{"title":"번역된 스토어 버전에서 Upcart 업셀이 표시되지 않는 문제","href":"/ko/upcart/upcart_upsells_not_showing_on_translated_store_versions"},{"title":"할인 모듈이 표시되지 않는 경우","href":"/ko/upcart/discount_module_not_showing"},{"title":"스토어프론트에서 애드온이 보이지 않는 이유는 무엇인가요?","href":"/ko/upcart/why_cant_i_see_my_add_on_on_the_storefront"},{"title":"Upcart의 제품 이미지가 늘어나거나 찌그러져 보여요","href":"/ko/upcart/product_images_in_upcart_are_stretched_squished"},{"title":"Upcart 업셀 모듈 V1.0에서 누락된 캐러셀 화살표 수정하기","href":"/ko/upcart/fixing_missing_carousel_arrows_in_upcarts_upsell_module_v10"},{"title":"Upcart에서 익스프레스 결제 버튼이 클릭되지 않는 경우","href":"/ko/upcart/express_payment_buttons_not_clickable_in_upcart"},{"title":"잘못된 HTML로 깨진 Cart Editor 레이아웃을 고치는 방법","href":"/ko/upcart/how_to_fix_broken_cart_editor_layout_from_invalid_html"},{"title":"수동 업셀 트리거 제한 사항","href":"/ko/upcart/manual_upsell_trigger_limitations"}]},{"group":"리워드 및 할인","expanded":false,"pages":[{"title":"리워드 목표에서 할인을 제외하는 방법","href":"/ko/upcart/how_to_exclude_discounts_in_reward_goal"},{"title":"리워드 악용 방지 및 Shopify 장바구니 페이지에서 Upcart 자동 열기","sidebarTitle":"리워드 악용 방지","href":"/ko/upcart/preventing_reward_exploits_and_automatically_open_upcart_on_shopify_cart_page"}]},{"group":"배송 보호","expanded":false,"pages":[{"title":"배송 보호 자동 주문 처리가 예상대로 작동하지 않아요","href":"/ko/upcart/auto_fulfill_shipping_protection_is_not_working_as_expected"}]}]},{"group":"Upcart 스테이징","icon":"plane-landing-gear","hidden":true,"pages":[{"title":"스테이징 홈","href":"/ko/upcart/staging-home"}]}]},{"dropdown":"참조","icon":"code","groups":[{"group":"장바구니 기능 참조","pages":[{"title":"할인 참조","href":"/ko/upcart/discounts_reference"},{"title":"멀티카트 참조","href":"/ko/upcart/multicart_reference"}]},{"group":"CSS 참조","expanded":false,"pages":[{"title":"Upcart CSS 선택자 라이브러리 (V2)","href":"/ko/upcart/upcart_css_selector_library_v2"},{"title":"Upcart CSS 선택자 라이브러리 (V1)","href":"/ko/upcart/upcart_css_selector_library_v1"},{"title":"Upcart V2.0 마이그레이션 가이드","href":"/ko/upcart/upcart_v20_migration_guide"},{"title":"Upcart HTML 위치 라이브러리","href":"/ko/upcart/upcart_html_location_library"}]},{"group":"스타일링 레시피","expanded":false,"pages":[{"title":"글꼴 크기 변경하기","href":"/ko/upcart/changing_font_sizes"},{"title":"상품 수량 선택기 색상 변경하기","href":"/ko/upcart/change_product_quantity_selector_colors"},{"title":"애드온 모듈의 토글 색상 변경하기","href":"/ko/upcart/change_the_toggle_colors_in_the_add_on_module"},{"title":"업셀 화살표 색상 변경하기","href":"/ko/upcart/change_the_upsell_arrow_color"},{"title":"업셀 옵션 선택기 색상 변경하기","href":"/ko/upcart/change_the_upsell_variant_selector_colors"},{"title":"Upcart에서 제품 절약 금액 텍스트(save XXX) 색상 커스터마이징하기","sidebarTitle":"절약 금액 텍스트 색상","href":"/ko/upcart/customizing_the_color_of_product_savings_text_save_xxx_in_upcart"},{"title":"리워드 바에 그라디언트 색상과 애니메이션을 추가하는 방법","description":"더 역동적인 모습을 위해 애니메이션 그라디언트로 리워드 바를 커스터마이징하세요.","href":"/ko/upcart/how_to_add_gradient_colors_and_animation_to_your_rewards_bar"},{"title":"모바일 장바구니 너비를 커스터마이징하는 방법","href":"/ko/upcart/how_to_customize_your_mobile_cart_width"},{"title":"CSS로 Upcart가 트리거될 때까지 모바일 카트 너비를 0으로 설정하기","description":"CSS를 사용해 Upcart가 트리거되지 않는 한 모바일 카트 너비를 0으로 설정하여 더 깔끔하고 간결한 쇼핑 경험을 만드는 방법을 알아보세요.","href":"/ko/upcart/set_mobile_cart_width_to_zero_until_triggered_by_upcart_with_css"},{"title":"업셀 또는 애드온을 상품 목록 아래로 재배치하기","sidebarTitle":"업셀/애드온을 상품 아래로 이동","href":"/ko/upcart/reposition_upsells_or_add_ons_under_the_product_list_with_css"},{"title":"CSS로 업셀 전략 보호하기 - 장바구니와 업셀에서 제품 제목 및 이미지 클릭 비활성화","sidebarTitle":"제목 및 이미지 클릭 비활성화","href":"/ko/upcart/protect_your_upsell_strategy_with_css_disable_clicks_on_product_titles_images_in_the_cart_and_upsell"},{"title":"커스텀 HTML 필드 강제 다시 렌더링하기","href":"/ko/upcart/force_re_render_of_custom_html_fields"},{"title":"할인 행 또는 특정 절약 요소 숨기기","href":"/ko/upcart/hide_the_discount_row_or_specific_savings_elements"}]},{"group":"기능 레시피","expanded":false,"pages":[{"title":"카트에 필수 이용약관 체크박스 추가하기","href":"/ko/upcart/add_a_mandatory_terms_and_conditions_checkbox_to_your_cart"},{"title":"체크아웃 버튼 위에 최종 합계 라인 추가하기","href":"/ko/upcart/add_an_end_total_line_above_the_checkout_button"},{"title":"Upcart에 소계 라인 추가하기","href":"/ko/upcart/adding_a_subtotal_line_to_upcart"},{"title":"Upcart에서 통화 형식 커스터마이징하기","href":"/ko/upcart/customize_currency_formatting_in_upcart"},{"title":"리워드/무료 아이템의 수량 선택기와 제품 페이지 링크 비활성화하기","href":"/ko/upcart/disable_quantity_selector_and_product_page_links_for_reward_free_items"},{"title":"특정 마켓에서 리워드 단계 제외하기","href":"/ko/upcart/exclude_a_reward_tier_from_a_specific_market"},{"title":"Upcart 업셀에서 특정 제품 제외하기 (AI 추천 및 수동)","href":"/ko/upcart/exclude_certain_products_from_upcart_upsells_ai_recommendations_manual"},{"title":"제품 ID를 사용하여 특정 장바구니 요소 숨기기","href":"/ko/upcart/hide_specific_cart_elements_using_product_ids"},{"title":"특정 제품의 수량 선택기 숨기기","href":"/ko/upcart/hide_the_quantity_selector_for_specific_products"},{"title":"특정 국가에서 리워드 바 숨기기","href":"/ko/upcart/hide_the_rewards_bar_for_specific_countries"},{"title":"홈페이지에서 고정 장바구니 버튼 숨기기","href":"/ko/upcart/hide_the_sticky_cart_button_on_the_homepage"},{"title":"장바구니에 한 번에 하나의 업셀만 허용하기","href":"/ko/upcart/limit_the_cart_to_one_upsell_at_a_time"},{"title":"장바구니에서 업셀만 있는 구매 방지하기","href":"/ko/upcart/prevent_upsell_only_purchases_in_the_cart"}]},{"group":"사용자 지정 템플릿","expanded":false,"pages":[{"title":"Upcart에서 커스텀 템플릿 설정하기","href":"/ko/upcart/setting_up_a_custom_template_in_upcart"}]},{"group":"Upcart 공개 API","expanded":false,"pages":[{"title":"API란 무엇인가요?","href":"/ko/upcart/what_is_an_api"},{"title":"Upcart 공개 API 소개","href":"/ko/upcart/introduction_to_upcarts_public_api"},{"title":"일반적인 Upcart API 활용법","href":"/ko/upcart/common_upcart_api_uses"},{"title":"Upcart API 자주 묻는 질문","href":"/ko/upcart/upcart_api_frequently_asked_questions"}]}]}]}]},{"language":"da","pages":[{"title":"da","href":"/da/upcart/how_to_customize_your_mobile_cart_width"}]},{"language":"ar","pages":[{"title":"ar","href":"/ar/upcart/how_to_customize_your_mobile_cart_width"}]}]},"basePath":"","title":"모바일 장바구니 너비를 커스터마이징하는 방법 - Aftersell \u0026 Upcart Docs","buildId":"dpl_FWZhTb2vab28gFGFH4ojka6qEznQ","deploymentId":"dpl_FWZhTb2vab28gFGFH4ojka6qEznQ","dynamics":[],"chunks":[]}