반응형 디자인을 적용하려면 어떻게 해야하나요?

현재 위치

쇼핑몰 관리자

자주 묻는 질문을 통해 궁금증을 해결하세요!

카테고리 상세

2282

반응형 디자인을 적용하려면 어떻게 해야하나요? 조회수 79991

반응형 디자인의 타입에 따라 설정 방법이 상이합니다. 자세한 내용은 아래 내용을 확인하시기 바랍니다.

태블릿. 모바일 등 다양한 기기에 최적화된 '반응형 디자인'에 대한 니즈가 많아지고 있으며, 카페24를 통해서도 반응형 디자인의 쇼핑몰을 구축할 수 있습니다.

반응형 디자인은 PC 디자인만으로 반응형을 구현하는 타입과, PC와 모바일 각각에 반응형 디자인이 존재하는 타입이 있으며
반응형 디자인을 쇼핑몰에 적용하고자 하는 경우 각 타입별로 설정하는 방법이 상이합니다.

1. PC 디자인으로 반응형 디자인 구현하는 경우 (모바일 디자인 X)

일반적인 반응형 디자인으로, PC 디자인이 PC나 태블릿, 모바일의 화면 크기에 맞춰 가변하는 형태입니다.

주요 해당 서비스
- 쇼핑몰 관리자 : '에디봇 디자인'의 기본 스킨(디자인)
- 카페24 디자인센터 : PC 디자인만 제공하는 반응형 상품

1) 쇼핑몰 관리자 '디자인관리 > 디자인 보관함'에 반응형 스킨(디자인)을 추가한 뒤, 운영 중인 쇼핑몰의 대표 디자인으로 설정합니다.

2) 쇼핑몰 관리자 '모바일쇼핑몰 > 모바일 환경설정 > 기본설정(탭)'의 '모바일 전용 디자인 사용설정'에서 '사용안함'을 선택한 후,
하단의 '저장' 버튼을 클릭합니다.

※ 모바일 쇼핑몰을 '사용안함' 으로 설정할 경우, 모바일 전용 기능에 제약이 따를 수 있으니, 충분한 테스트를 해보는 것을 권장합니다.

2. 반응형 디자인을 PC와 모바일 각각 보유한 경우

구입/제작한 반응형 디자인이 PC와 모바일 각각 존재하는 경우에 해당됩니다.
1가지의 디자인으로 반응형을 구현는 것이 아닌 다양한 사이즈로 출시되는 모바일 기기에 최적화된 반응형 디자인을 제공하고 있습니다.

주요 해당 서비스
- 카페24 디자인센터 : 반응형 상품 중 상품 구분이 'PC및 모바일 세트'인 경우

예시)

1) 적용할 디자인을 아래 경로에서 각각 대표 디자인으로 설정합니다.

① PC 디자인 : 쇼핑몰 관리자 '디자인관리 > 디자인 보관함'

② 모바일 디자인 : 쇼핑몰 관리자 '모바일쇼핑몰 > 디자인 보관함'

2) 쇼핑몰 관리자 '모바일쇼핑몰 > 모바일 환경설정 > 기본설정(탭)'의 '모바일 전용 디자인 사용설정'에서 '사용함'을 선택한 후,

하단의 '저장' 버튼을 클릭합니다.

※ 모바일 전용 디자인을 '사용함' 으로 설정하지 않을 경우, 쇼핑몰 관리자 '디자인관리 > 디자인 보관함'에서 대표디자인으로 설정한 디자인으로 적용됩니다.

카페24 는 쇼핑몰 운영을 보다 편리하고 쉽게 할 수 있도록 기능 업데이트를 지속적으로 진행하고 있습니다.

더 좋은 서비스가 되기 위해 노력하겠습니다. 끊임없는 애정과 관심 부탁 드립니다.

궁금하신 사항은 언제든지 고객지원센터 1:1게시판으로 문의해주세요. [문의하기]

카페24(주)