테마 커스터마이징 기초
아래는 테마 커스터마이징 기초 (theme-customization) 분류의 전체 개요 써머리입니다. 현재 이 분류에 수집된 로우데이터는 초보자용 Shopify 튜토리얼 영상 1건([S1], Metics Media, 게시 2026-01-19 / 수집 2026-07-19)이며, 아래 내용은 모두 해당 자료에 실제로 담긴 범위 안에서만 정리했습니다.
테마 커스터마이징 기초 (Theme Customization Basics)
이 분류는 Shopify 스토어를 처음 세팅할 때 테마 선택 → 테마 에디터로 커스터마이징 → 섹션/콘텐츠 구성까지의 기초 흐름을 다룹니다. 현재 수집 자료는 초보자 대상 종합 튜토리얼 1건([S1])이며, 커스터마이징 기초에 해당하는 부분을 추려 구조화했습니다.
1. 시작 전 계정·플랜 맥락
- Shopify 무료 체험은 3일 무료 + 이후 3개월간 월 $1 조건으로 소개됨(연장 체험은 사용 첫 3일 내에 결제 정보·플랜을 등록해야 적용) [S1].
- 플랜 간 핵심 차이는 거래 수수료(transaction fee) — 상위 플랜일수록 판매당 수수료가 낮아짐. 초보자는 우선 Basic 플랜으로 시작하고 매출이 늘면 상위 플랜으로 업그레이드하는 방식을 권장 [S1].
(주: 위 가격·수수료 정보는 2026-01-19 시점 기준 검증 가능한 사실형 정보입니다. 이후 값 변동이 확인되면 이력으로 병기해야 합니다.)
2. 테마 선택
- 경로: Online store → Themes [S1].
- 신규 스토어의 기본 설치 테마는 Horizon 테마 [S1].
- 다른 테마를 찾으려면 하단 Visit theme store로 이동 → Free 필터로 무료 테마만 표시 → View demo로 데모 스토어(제품 페이지·모바일 뷰 포함) 확인 → 마음에 들면 Try theme로 설치 [S1].
- 설치만으로는 적용되지 않으며, Theme library에서 Publish → Confirm 해야 실제 스토어에 활성화됨 [S1].
- AI로 커스텀 테마 생성: 하단에서 스토어/판매 품목을 나타내는 키워드·문구 입력 → Generate themes → 몇 초 후 프롬프트 기반 커스텀 테마 3종 제공 [S1].
- 영상 작성자의 노하우형 의견: **Horizon(기본 테마)**을 다시 선택 — 거의 모든 스토어에 무난하고, Shopify에서 가장 많이 쓰이는 축이며, AI로 커스텀 섹션 생성 등 최신 기능을 전부 받을 수 있다는 이유 [S1].
3. 테마 에디터(스토어 에디터) 기본 구조
- 진입: 테마의 Edit theme 클릭 → Shopify 스토어 에디터 오픈 [S1].
- 오른쪽: 실제 스토어 미리보기(초기엔 플레이스홀더 콘텐츠). 상단에서 페이지 전환 가능(홈페이지 외 다른 페이지) [S1].
- 뷰 전환: 우상단에서 데스크톱 ↔ 모바일 뷰 전환. 대부분의 쇼핑이 모바일에서 일어나므로 모바일 최적화가 중요. 실무 팁으로는 디자인은 데스크톱에서 하고, 모바일은 Shopify가 자동 최적화하되 수시로 모바일 뷰를 확인 [S1].
- 왼쪽: 현재 페이지의 구조 개요. 모든 페이지는 대체로 다음 순서로 구성 [S1]:
- 헤더(Header): 안내 바(announcement bar), 메뉴, 장바구니 아이콘 등
- 콘텐츠(본문 섹션): 예) 상단 배너, 추천 제품 등
- 푸터(Footer): 이메일 가입 섹션, 약관·정책 링크, 소셜 아이콘, 텍스트 등
- 저장: 우상단 Save를 수시로 눌러 변경사항 저장. 에디터를 벗어나(Exit) 대시보드로 나가기 전에도 저장 필수 [S1].
4. 핵심 커스터마이징 항목
4.1 히어로(Hero) 섹션
- 편집 진입: 미리보기에서 해당 배경을 클릭하거나, 왼쪽 개요에서 Hero 클릭(동일 섹션) [S1].
- 배경 이미지: 히어로 이미지를 필드에 드래그&드롭하면 배경이 자동 교체. 두 번째 이미지를 추가하면 히어로 섹션 오른쪽에 표시 [S1].
- 옵션 예시: Height(높이) medium → large 로 섹션 크기 확대, Position(텍스트·버튼 배치) bottom → center 로 중앙 정렬 [S1].
- 텍스트/버튼: 미리보기에서 클릭 → 왼쪽 메뉴에서 문구 교체·버튼 편집 [S1].
4.2 로고 & 파비콘
- 경로: 좌상단 톱니(gear) 아이콘 → Logo and favicon [S1].
- 로고를 Default logo 영역에 드래그&드롭. 높이(height) 36 → 30px 로 조정 예시 [S1].
- 파비콘은 로고의 정사각형 버전으로, 등록 후 저장하면 브라우저 탭 상단에 표시됨(세 개 점 → View로 미리보기 확인) [S1].
4.3 헤더 레이아웃
- 경로: 섹션 개요 → Header → Logo position left → center 로 로고를 중앙 배치 [S1].
5. 섹션(콘텐츠) 구성
- 컬렉션 표시: 홈페이지의 플레이스홀더/랜덤 제품 섹션은 휴지통 아이콘으로 삭제 가능. Add section → Collections → Collection list grid로 카테고리(컬렉션) 목록 삽입 후, 해당 섹션에서 Select로 노출할 컬렉션(예: shirts, sweaters, jackets) 선택 → 컬렉션 이미지·이름이 표시되고 클릭 시 컬렉션 페이지로 이동 [S1].
- 원치 않는 헤더 문구(예: "Shop by collection")는 호버 후 휴지통 아이콘으로 제거 [S1].
- 추천 제품 노출: Add section → Products → Featured collection carousel 선택 후, 대상 컬렉션(예: New arrivals) 지정 → 홈에서 화살표로 스크롤 가능한 캐러셀로 노출 [S1].
- 홈페이지에는 제품/컬렉션 표시 섹션, 텍스트, FAQ 등 다양한 섹션을 Add section으로 추가 가능 [S1].
6. AI 블록/섹션 생성 (Horizon 최신 기능)
- 경로: Add section → 상단 Generate → 원하는 레이아웃을 설명하는 프롬프트 입력 → 화살표 클릭 → 몇 초 뒤 Shopify가 커스텀 섹션을 코드로 생성 [S1].
- 생성된 섹션은 일반 섹션처럼 우측에서 커스터마이징 가능(예: 이미지 드래그&드롭) [S1].
- 반복 개선: 원하는 옵션이 없을 때 상단 프롬프트 박스에 추가 요청 가능. 예) "이미지 스타일을 fill frame으로 바꿀 수 있는 기능을 넣어줘" → 약 30초 후 Image style: Fit image → Fill frame 옵션이 추가됨 [S1].
7. (배경) 제품·컬렉션 준비 — 커스터마이징의 전제
테마 커스터마이징에서 실제 제품을 노출하려면 먼저 제품·컬렉션이 있어야 하므로, 자료에 포함된 준비 단계도 함께 정리합니다.
- 제품 추가(Products → Add product): 제목, 설명(모르면 Shopify AI 설명 생성 활용), 이미지 드래그&드롭(순서·대표 이미지 지정), 가격(예: $49), Compare-at price(취소선 할인 표시), 재고(Inventory) — 0이 되면 자동 품절 표시, Continue selling when out of stock 옵션, 배송(무게/부피 기반 요금), 변형(Variants: 사이즈·컬러별 가격) [S1].
- 컬렉션 생성(Collections → Add collection): 제목(예: shirts), 이미지, 컬렉션 타입 Manual(수동 추가), Browse로 제품 선택 후 추가. 홈 노출용 New arrivals 컬렉션도 별도 생성 [S1].
8. 커버리지 메모 (현재 자료의 한계)
- 현재 이 분류에는 **초보자 종합 튜토리얼 1건([S1])**만 수집되어 있어, "테마 커스터마이징 기초"의 입문 흐름은 잡히지만 테마별 세부 설정·Liquid/코드 수준 커스터마이징·다국 소스 간 관점 비교는 아직 채워지지 않았습니다.
- [S1] 원문은 후반부(개별 제품 페이지 커스터마이징 등)가 잘려(truncated) 있어, 해당 부분은 자료가 보강되면 추가해야 합니다.
- 사실형 값(체험가 $1/월, 거래 수수료 구조, 예시 가격 $49, 로고 36→30px 등)은 2026-01 시점 기준이므로, 이후 정책/가격 변동 자료가 들어오면 옛 값을 지우지 말고 변화 이력으로 병기해야 합니다.
출처
- [S1] Metics Media — "Shopify tutorial for beginners" (게시 2026-01-19, 수집 2026-07-19) — https://youtu.be/uorQJ_ucDhg
참고로 몇 가지 확인드립니다:
- 이 써머리를 특정 파일(예: 해당 분류 요약 문서)에 저장할까요? 저장한다면 경로/파일명을 알려주세요.
- 위 결과물은 넘겨받은 [S1] 자료 범위 안에서만 작성했고, 자료에 없는 내용은 추가하지 않았습니다. 자료를 더 넣어주시면 관점 병렬 제시·값 변화 이력까지 확장하겠습니다.