주 콘텐츠로 건너뛰기

스마트디자인Easy 시작하기

스마트디자인Easy를 통해 디자인을 편집하고 상품 전시 등을 사용자가 지정할 수 있어요.
기존에 제공되던 스마트디자인의 구조와 동일하지만, HTML을 수정할 필요가 없어요.
무료로 제공되는 5개의 기본 스킨으로 판매하는 상품에 알맞은 디자인을 고를 수 있어요.

디자인 추가 및 선택

스마트디자인Easy는 디자인 보관함의 주요 기능들을 제공해요.

디자인 라이브러리

  • 디자인 라이브러리는 내비게이션 오른쪽 위의 상단 메뉴에서 접근할 수 있어요.

  • 멀티몰별 대표 디자인과 최근 편집한 디자인 바로 가기도 제공해요.

  • 현재 운영 중인 멀티몰에 설정된 대표 디자인을 확인하고 변경할 수 있어요.
    PC와 MOBILE의 대표 디자인을 각각 한 화면에서 수정할 수도 있어요.

  • 관리자 페이지에서 추가한 디자인을 선택하여 편집하거나, 대표 디자인으로 설정할 수 있어요.

  • 스마트디자인 Easy가 제공하는 무료 기본 디자인 5종(오우이, 아키테이블, 커먼셀렉트, 애쉬프레임, 캠퍼타운)을 추가할 수 있어요.

Info

반응형 스킨을 대표 디자인으로 설정하는 경우, 모바일 전용 디자인 설정을 해제해야 모바일 환경에서 설정한 반응형 스킨이 제공되어요.

 

페이지 바로 가기

셀렉트 박스를 선택하여 쇼핑몰의 주요 페이지로 바로 갈 수 있어요.
주요 페이지로의 이동은 프리뷰 화면을 통해 쇼핑몰을 탐색하듯이 자연스럽게 이동할 수도 있어요.

Info

프리뷰 화면에서 쇼핑몰을 탐색하기 위해서는 '자동 선택'이 비활성화되어 있어야 해요.
자세한 설명은 아래 편집 편의 기능을 참고해 주세요.

 

주요 페이지

메인 페이지

  • 쇼핑몰의 메인이 되는 페이지예요.
    도메인으로 접근할 때 가장 먼저 볼 수 있는 페이지예요.

  • 배너, 이미지 등이 포함된 콘텐츠 섹션과 다양한 레이아웃의 상품 섹션을 설정할 수 있어요.

 

상품 분류 페이지

  • 상품 분류(카테고리)의 상품 목록을 볼 수 있는 페이지예요.

  • 기본 상품 목록을 포함하여 추천 상품, 신상품 목록을 설정할 수 있어요.

 

상품 상세 페이지

  • 기본 상품 목록을 포함하여 추천 상품, 신상품 목록을 설정할 수 있어요.

  • 위쪽에 표시되는 상품 정보와 아래쪽에 있는 이용 안내, 관련 상품 등을 설정할 수 있어요.

 

장바구니

  • 장바구니에 담긴 상품 목록을 확인할 수 있는 페이지예요.

 

주문서

  • 상품을 주문할 때 사용되는 페이지예요.

 

로그인

  • 고객이 로그인할 때 사용되는 페이지예요.

  • SNS 로그인 항목을 관리하고 노출 여부를 설정할 수 있어요.

 

회원 가입

  • 고객이 회원 가입할 때 사용되는 페이지예요.

  • 회원 가입할 때 입력받은 항목을 설정할 수 있어요.

 

마이 페이지

  • 고객의 쇼핑 정보, 활동 정보, 회원 정보를 확인할 수 있는 페이지예요.

 

편집 편의 기능

디자인 편집과 관련된 다양한 편의 기능들을 제공해요.

프리뷰 보기 방식 선택

  • 쇼핑몰 프리뷰 화면에서 볼 수 있는 3개의 보기 모드를 제공해요.

  • PC 화면 모드는 컨트롤 패널이 켜진 상태에서 PC 환경으로 접속했을 때의 쇼핑몰 화면을 확인할 수 있어요.

  • MOBILE 화면 모드는 마찬가지로 컨트롤 패널을 사용해요.
    MOBILE 환경으로 접속했을 때의 쇼핑몰 화면을 확인할 수 있어요.

  • 전체 화면 모드는 컨트롤 패널을 숨기고 가로 100%의 넓은 화면을 보여 줘요.
    전체 화면 모드에서 프리뷰 화면의 섹션을 선택하면 자동으로 PC 화면 모드로 전환되어요.

 

되돌리기/다시 실행하기

  • 편집한 내용을 되돌리거나 다시 실행할 수 있어요.
    되돌리기/다시 실행하기는 '디자인 저장' 전까지 할 수 있어요.

Info

되돌리기/다시 실행하기는 디자인 수정 항목에만 적용되어요.
관리자 페이지의 설정 항목에는 적용되지 않아요.

 

자동 선택

  • 자동 선택을 활성화할 경우 프리뷰 화면에서 섹션 영역 단위로 선택할 수 있어요.
    자동 선택을 비활성화한 상태에서는 쇼핑몰을 탐색할 수 있어요.

 

로그인 전/후

  • 쇼핑몰 페이지의 로그인 전/후 화면을 전환할 수 있어요.
    로그인이 필요한 페이지로 이동할 때 자동으로 활성화되어요.

 

컨트롤 패널

컨트롤 패널에서는 섹션/스타일/확장 기능을 제공해요.
설정 가능한 항목들이 노출되는 영역이에요.

섹션

  • 섹션 영역에서는 현재 위치한 페이지의 모든 콘텐츠가 목록화되어요.
    섹션을 선택하면 해당 설정을 볼 수 있고, 드래그를 통해 섹션 순서를 변경할 수 있어요.

 

섹션 추가

  • '섹션 추가' 버튼을 누르면 추가할 섹션을 선택할 수 있어요.
    각 페이지별로 추가할 수 있는 섹션은 제한되어요.

Info

주요 페이지에서 추가할 수 있는 섹션은 디자인별로 제한될 수 있어요.

 

섹션 삭제

  • 각 섹션의 설정 화면에서 삭제할 수 있어요.
    '섹션 삭제' 버튼은 섹션 설정 아래쪽에 표시되어요.

Info

기본적으로 제공되는 섹션은 삭제할 수 없어요.
레이아웃에 포함된 섹션이나 특정 페이지의 기본 섹션이 해당되어요.

 

섹션 숨기기

  • '뷰/히든' 버튼을 누르면 섹션을 숨기거나 볼 수 있어요.
    히든된 섹션은 프리뷰 화면뿐만 아니라 쇼핑몰 화면에서도 가려져요.

 

스타일

  • 스타일의 테마 선택으로 쇼핑몰의 주요 컬러와 폰트를 변경할 수 있어요.

  • 테마는 쇼핑몰 디자인에 기본적으로 포함되어 제공되어요.
    테마를 변경해도 쇼핑몰의 콘텐츠는 변경되지 않아요.

 

테마 변경 요소

  • 주요 섹션의 배경 컬러

  • 주요 버튼 컬러

  • 기타 하이라이트 컬러
    (예시. 슬라이드 적용된 섹션의 스크롤 컬러, 메뉴 마우스 오버 시 노출되는 컬러 등)

  • 폰트

 

확장 기능

  • 확장 기능은 현재 준비 중으로 추후에 오픈할 예정이에요.

 

프리뷰

섹션 기능

  • 각 섹션에 마우스를 오버했을 경우 여러 가지 편의 기능을 제공해요.

  • 각 섹션별 설정 기능들로 바로 갈 수 있어요.

  • '위/아래' 버튼을 통해 섹션 위치를 이동할 수 있어요.

  • '+' 버튼을 통해 새로운 섹션을 추가할 수 있어요.

 

섹션 간격 편집

  • 섹션과 섹션 사이에 마우스를 오버했을 경우 섹션 간 간격을 수정할 수 있어요.

  • 마우스를 드래그하여 간격을 수정하거나 간격 픽셀 수치를 입력할 수도 있어요.
이 페이지가 도움이 되었나요?
현재 콘텐츠