샵 홈

샵 홈을 설정해 나의 브랜드 아이덴티티를 완성해보세요!

 

1.png

👉 샵 홈 에디터 접속 시 초기 화면

  • 좌측 상단에서 에디터 종료 및 미리보기 화면의 언어 설정을 할 수 있습니다.
  • 중앙의 버튼을 통해 모바일/PC 뷰 타입을 선택할 수 있습니다.
  • 우측 상단의 [내 샵 홈 보기]를 클릭하면 유저 뷰의 샵 홈 화면으로 이동(새 창)합니다.

 

👉 섹션 추가

✅ 배너

  • 배너를 슬라이드로 넘겨볼 수 있어요. 여러 개의 배너를 보여주고 싶을 때 활용해보세요.
    • 섹션 타이틀: 해당 섹션의 타이틀을 입력할 수 있습니다. (최대 100자)
    • 배너 디자인: 비율(4:1, 3:1, 2:1, 16:9, 4:3, 1:1, 3:4) 및 모양(스퀘어, 라운드, 풀라운드), 레이아웃 (PC - 1단 / 2단), 여백 추가, 원본 그대로 노출 설정이 가능합니다. (배너 섹션은 고정 영역을 가지므로, 원본 이미지에 따라 상하좌우 배경 컬러가 보일 수 있습니다.)
    • 전환 효과: 배너 1장의 노출 시간(1~10초, Default 3초)을 설정할 수 있습니다. 애니메이션 효과는 Push로 고정됩니다.

    • 스타일
    ৹ 상하 여백: 버튼을 움직여 상하에 여백을 추가할 수 있습니다.
    ৹ 콘텐츠 정렬: 콘텐츠 요소의 정렬(좌/중/우)을 설정할 수 있습니다.

    ৹ 배경: 배경의 노출/미노출 설정이 가능합니다. (미노출 시엔 하얀 배경으로 제공됩니다.)
    ▪▪ 모바일/PC 각각 설정을 ON하여 다른 배경 이미지를 업로드할 수 있습니다.
    ▪▪ 가로 영역 확장 (PC)을 ON하여 배경 이미지와 컬러의 좌우너비를 Full 확장시킬 수 있습니다.
    ▪▪ Image: [업로드] 버튼을 눌러 직접 업로드하거나, [Unsplash]를 통해 이미지 검색 및 추가가 가능합니다.
    ▪▪▪ Unsplash는 자유 저작권 고해상도 사진을 무료로 제공하는 사이트입니다.
    ▪▪▪ 최대 10MB의 JPG, PNG, GIF 파일 형식을 지원합니다.
    ৹ 콘텐츠가 눈에 띄지 않을 경우, 오버레이 효과를 사용해보세요. 단색(+투명도) 또는 그라데이션 효과를 적용할 수 있습니다.
    ৹ [Color] 클릭 시, 컬러 설정이 가능합니다.

✅ 샵

  • 2.png 첫 번째 카테고리로 빠르게 이동할 수 있도록 슬라이드형 진입점을 제공해요. (*2단계 이상의 메뉴로 구성된 다양한 상품 운영에 적합합니다.)
    • 섹션 타이틀: 해당 섹션의 타이틀을 입력할 수 있습니다. (최대 100자)
    • 카테고리 구성: 아이템 노출 설정과 카테고리 연결을 상세히 구성(새 창)해 보세요.

    • 스타일
    ৹ 상하 여백: 버튼을 움직여 상하에 여백을 추가할 수 있습니다.
    ৹ 콘텐츠 정렬: 콘텐츠 요소의 정렬(좌/중/우)을 설정할 수 있습니다.
    ৹ 배경: 배경의 노출/미노출 설정이 가능합니다. (미노출 시엔 하얀 배경으로 제공됩니다.)
    ▪▪ 모바일/PC 각각 설정을 ON하여 다른 배경 이미지를 업로드할 수 있습니다.
    ▪▪ 가로 영역 확장 (PC)을 ON하여 배경 이미지와 컬러의 좌우너비를 Full 확장시킬 수 있습니다.
    ▪▪ Image: [업로드] 버튼을 눌러 직접 업로드하거나, [Unsplash]를 통해 이미지 검색 및 추가가 가능합니다.
    ▪▪▪ Unsplash는 자유 저작권 고해상도 사진을 무료로 제공하는 사이트입니다.
    ▪▪▪ 최대 10MB의 JPG, PNG, GIF 파일 형식을 지원합니다.
    ৹ 콘텐츠가 눈에 띄지 않을 경우, 오버레이 효과를 사용해보세요. 단색(+투명도) 또는 그라데이션 효과를 적용할 수 있습니다.
    ৹ [Color] 클릭 시, 컬러 설정이 가능합니다.

  • 3.png 각 카테고리의 주요 상품 묶음을 가로형 리스트로 노출해요. (*2단계 이상의 메뉴로 구성된 다양한 상품 운영에 적합합니다.)
    • 섹션 타이틀: 해당 섹션의 타이틀을 입력할 수 있습니다. (최대 100자)
    • 카테고리 구성: 아이템 노출 설정과 카테고리 연결을 상세히 구성(새 창)해 보세요.

    • 스타일
    ৹ 상하 여백: 버튼을 움직여 상하에 여백을 추가할 수 있습니다.
    ৹ 콘텐츠 정렬: 콘텐츠 요소의 정렬(좌/중/우)을 설정할 수 있습니다.
    ৹ 배경: 배경의 노출/미노출 설정이 가능합니다. (미노출 시엔 하얀 배경으로 제공됩니다.)
    ▪▪ 모바일/PC 각각 설정을 ON하여 다른 배경 이미지를 업로드할 수 있습니다.
    ▪▪ 가로 영역 확장 (PC)을 ON하여 배경 이미지와 컬러의 좌우너비를 Full 확장시킬 수 있습니다.
    ▪▪ Image: [업로드] 버튼을 눌러 직접 업로드하거나, [Unsplash]를 통해 이미지 검색 및 추가가 가능합니다.
    ▪▪▪ Unsplash는 자유 저작권 고해상도 사진을 무료로 제공하는 사이트입니다.
    ▪▪▪ 최대 10MB의 JPG, PNG, GIF 파일 형식을 지원합니다.
    ৹ 콘텐츠가 눈에 띄지 않을 경우, 오버레이 효과를 사용해보세요. 단색(+투명도) 또는 그라데이션 효과를 적용할 수 있습니다.
    ৹ [Color] 클릭 시, 컬러 설정이 가능합니다.

  • 4.png 각 카테고리의 주요 상품 묶음을 탭으로 나누어 세로형 리스트로 노출해요.
    • 섹션 타이틀: 해당 섹션의 타이틀을 입력할 수 있습니다. (최대 100자)
    • 카테고리 구성: 아이템 노출 설정과 카테고리 연결을 상세히 구성(새 창)해 보세요.

    • 스타일
    ৹ 상하 여백: 버튼을 움직여 상하에 여백을 추가할 수 있습니다.
    ৹ 콘텐츠 정렬: 콘텐츠 요소의 정렬(좌/중/우)을 설정할 수 있습니다.
    ৹ 배경: 배경의 노출/미노출 설정이 가능합니다. (미노출 시엔 하얀 배경으로 제공됩니다.)
    ▪▪ 모바일/PC 각각 설정을 ON하여 다른 배경 이미지를 업로드할 수 있습니다.
    ▪▪ 가로 영역 확장 (PC)을 ON하여 배경 이미지와 컬러의 좌우너비를 Full 확장시킬 수 있습니다.
    ▪▪ Image: [업로드] 버튼을 눌러 직접 업로드하거나, [Unsplash]를 통해 이미지 검색 및 추가가 가능합니다.
    ▪▪▪ Unsplash는 자유 저작권 고해상도 사진을 무료로 제공하는 사이트입니다.
    ▪▪▪ 최대 10MB의 JPG, PNG, GIF 파일 형식을 지원합니다.
    ৹ 콘텐츠가 눈에 띄지 않을 경우, 오버레이 효과를 사용해보세요. 단색(+투명도) 또는 그라데이션 효과를 적용할 수 있습니다.
    ৹ [Color] 클릭 시, 컬러 설정이 가능합니다.

✅ 디바이더

  • 섹션 사이를 구분할 수 있는 선을 추가할 수 있어요.
    • 컬러: 선의 컬러를 선택할 수 있습니다.
    • 라인 설정: 선의 두께(1~8px)와 너비(Full, Inset, Ratio: 1~100%)를 설정할 수 있습니다.

    • 스타일
    ৹ 상하 여백: 버튼을 움직여 상하에 여백을 추가할 수 있습니다.
    ৹ 배경: 배경의 노출/미노출 설정이 가능합니다. (미노출 시엔 하얀 배경으로 제공됩니다.)
    ৹ 콘텐츠가 눈에 띄지 않을 경우, 오버레이 효과를 사용해보세요. 단색(+투명도) 또는 그라데이션 효과를 적용할 수 있습니다.
    ৹ [Color] 클릭 시, 컬러 설정이 가능합니다.