{"article":{"id":8466402024985,"url":"https://cafe24korea.zendesk.com/api/v2/help_center/ko/articles/8466402024985.json","html_url":"https://support.cafe24.com/hc/ko/articles/8466402024985","author_id":901228502383,"comments_disabled":true,"draft":false,"promoted":false,"position":0,"vote_sum":0,"vote_count":0,"section_id":7695276717337,"created_at":"2022-07-14T04:33:28Z","updated_at":"2022-07-26T01:13:03Z","name":"모바일 쇼핑몰 스마트디자인 편집창은 어떻게 이용하나요?","title":"모바일 쇼핑몰 스마트디자인 편집창은 어떻게 이용하나요?","source_locale":"ko","locale":"ko","outdated":false,"outdated_locales":[],"edited_at":"2022-07-26T01:13:03Z","user_segment_id":null,"permission_group_id":900001112723,"content_tag_ids":[],"label_names":[],"body":"
\n

모바일 쇼핑몰도 디자인 편집 화면보기 기능이 있어 쉽고 편리하게 이용할 수 있어요.

\n
\n

자세히 알아보기

\n

편집 방법

\n
    \n
  1. \n[관리자] 디자인 > 디자인 보관함 으로 이동해 주세요.
    2. \n
  2. 모바일(탭) 클릭 후, 디자인 보관함 목록에 있는 디자인 목록 중 편집할 디자인의 '편집' 버튼을 클릭해 주세요.
    3. \n
  3. 스마트디자인 편집창 내에서 화면보기 기능으로 편집된 디자인을 미리보기 할 수 있어요.
    \n
    \n
     
    \n
    \n

    Note - 미리보기 기능 이용 시 주의사항

    \n

    인터넷 익스플로러 버전 10 이하에서는 미리보기 기능을 이용할 수 없어요.  크롬, 사파리, 엣지 브라우저 등을 이용해 주세요.

    \n
    \n
    \n
    4. \n
  4. 모듈을 다양한 형태로 변경하거나 설정 정보를 수정할 수 있어요.
    메인상품 2단형을 형태가 다른 3단형으로 자유롭게 변경할 수 있고, 탑 로고 영역의 설정 정보를 스마트디자인 편집창에서 바로 수정할 수 있어요.
    1) 원하는 모듈을 선택하고 '편집' 버튼 클릭해 주세요.
    2) 변경할 꾸미기 형태를 선택해 주세요.
    3) 3단형으로 변경되는 것을 확인해 주세요.
    4) 원하는 모듈을 선택하고 '편집' 버튼을 클릭해 주세요.
    5) 속성(탭)에서 설정된 정보를 변경해 보세요.
    6) 변경된 정보를 확인해 주세요.
    \n
    \n
     
    \n
    \n

    Info

    \n

    모바일쇼핑몰 HTML소스에 필요한 속성변수가 없거나 카페24에서 기본으로 제공되는 스킨HTML 태그와 맞지 않을 경우, 꾸미기와 속성 설정이 정상적으로 반영되지 않을 수 있어요.

    \n
    \n
    \n
    5. \n
  5. 원하는 위치에 모듈을 추가할 수 있고, 모듈 위치도 변경할 수 있어요.
    모바일쇼핑몰에 제공되는 다양한 모듈을 원하는 위치에 추가할 수 있고, 모듈을 선택하여 위 아래 위치를 변경해 보세요.
    1) 추가하고자 하는 위치의 HTML소스에 마우스 커서 클릭해 주세요.
    2) 스마트디자인 편집창 위에 있는 '모듈추가'] 버튼을 클릭하고, 원하는 모듈을 선택하여 적용해 주세요.
    3) 해당 위치에 원하는 모듈이 추가됨을 확인할 수 있어요.
    4) 화면 위치를 이동 시킬 모듈을 선택하고, '▲' 또는 '▼' 버튼을 클릭해 주세요.

    \n
    6. \n
  6. 대중적으로 사용되는 스마트 기기 사이즈별로 모바일쇼핑몰 화면을 미리보기 할 수 있어요.
    7. \n
","user_segment_ids":[]}}