주 콘텐츠로 건너뛰기

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

반응형 디자인의 타입에 따라 설정 방법이 다르니 자세한 내용은 아래 내용을 확인해 주세요.

자세히 알아보기

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

일반적인 반응형 디자인으로 PC 디자인이 PC, 태블릿, 모바일의 화면 크기에 맞춰 변형되는 방식을 알려드릴게요.

 

Info - 주요 해당 서비스

  • 관리자 : '에디봇 디자인'의 기본 스킨(디자인)
  • 카페24 디자인센터 : PC 디자인만 제공하는 반응형 상품
  1. [관리자] 디자인 > 디자인 추가 로 이동해 주세요.
  2. PC/모바일 항목 내 '반응형' 을 체크 후 원하는 디자인 추가해 주세요.
  3. [관리자] 디자인 > 디자인 보관함 으로 이동해 주세요.
  4. 추가한 디자인을 쇼핑몰의 대표 디자인으로 설정해 주세요.
  5. [관리자] 쇼핑몰 설정 > 사이트 설정 > 쇼핑몰 환경 설정 으로 이동해 주세요.
  6. 모바일(탭) > 기본설정 > 사용설정 화면 내 '모바일 전용 디자인 사용설정' 항목에서 '사용안함' 을 선택한 후, '저장' 버튼을 클릭해 주세요.
     

    Note - 모바일 쇼핑몰 '사용안함' 설정 시 주의사항

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

     

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

구입/제작한 반응형 디자인이 PC와 모바일 각각 존재하는 경우에 해당되며, 1가지의 디자인으로 반응형을 구현하는 것이 아닌 다양한 사이즈로 출시되는 모바일 기기에 최적화된 반응형 디자인을 설정하는 방식을 알려드릴게요.

 

Info - 주요 해당 서비스

  • 카페24 디자인센터 : 반응형 상품 중 상품 구분이 'PC 및 모바일 세트' 인 경우
  1. [관리자] 디자인 > 디자인 보관함 으로 이동해 주세요.
  2. 적용할 PC, 모바일 디자인을 각각 대표 디자인으로 설정해 주세요.
  3. [관리자] 쇼핑몰 설정 > 사이트 설정 > 쇼핑몰 환경 설정 으로 이동해 주세요.
  4. 모바일(탭) > 기본설정 > 사용설정 화면 내 '모바일 전용 디자인 사용설정' 항목에서 '사용함' 을 선택한 후, '저장' 버튼을 클릭해 주세요.
    (모바일 전용 디자인을 '사용함' 으로 설정하지 않을 경우, [관리자] 디자인 > 디자인 보관함 에서 대표 디자인으로 설정한 디자인으로 적용돼요.)

 

연관 콘텐츠

이 페이지가 도움이 되었나요?
현재 콘텐츠