쇼피파이 (Shopify) 사용자를 위한 기본 설정 방법 및 운영 매뉴얼 #2 – 디자인 및 테마 수정

쇼피파이 (Shopify) 는 간단한 회원가입과 쇼핑몰 설정으로 아주 짧은 기간에 쇼핑몰을 구축할 수 있는 전세계적으로 인기있는 솔루션입니다. 먼저 쇼피파이 (Shopify) 쇼핑몰 개설을 위해서는 서비스 가입과 유료 플랜을 구매해야 합니다. 서비스 가입만 하면 14일간의 무료 트라이얼 기간을 이용해서 쇼핑몰 사이트를 만들 수 있습니다.

1. 디자인 및 테마 수정

쇼피파이의 디자인은 테마를 이용해서 이루어집니다. 무료 테마, 유료 테마가 있으며 테마 변경을 통해 전체적인 디자인을 쉽게 변경할 수 있습니다. 관리자 메뉴에서 [SALES CHANNELS]->[Online Store]->[Themes] 에서 테마를 선택할 수 있습니다.

임시 쇼핑몰 주소로 접속뒤 왼쪽 상단 [Customize theme] 클릭 or 관리자 메뉴에서 [SALES CHANNELS]->[Online Store]->[Themes]->[Customize] 를 클릭 하면 현재 사용중인 테마를 수정할 수 있습니다.

2. 테마 관리 액션
  • Preview : 테마를 미리볼 수 있습니다.
  • Rename : 테마의 이름을 변경할 수 있습니다.
  • Duplicate : 테마를 복사할 수 있습니다. 리뉴얼시 백업할 때 사용합니다.
  • Download theme file : 테마의 파일을 다운로드 받을 수 있습니다.
  • Edit code : 코드를 직접 수정할 수 있습니다.
  • Edit languages : 기본 영어로 되어 있는 문구를 다른 언어로 번역가능합니다.
3. 테마 디자인 수정
  • 페이지 : 먼저 수정할 페이지를 선택해주어야 합니다. 페이지는 크게 홈페이지, 패스워드페이지, 컬렉션페이지, 컬렉션리스트페이지, 블로그페이지, 블로그포스트페이지, 장바구니페이지, 404 에러페이지가 있습니다.
  • 섹션 : 페이지를 선택후 수정할 섹션을 선택해서 해당되는 컨텐츠를 변경할 수 있습니다. 공통적인 섹션으로 헤더, 푸터, 사이드바가 있고, 나머지는 페이지마다 다릅니다.
  • 테마 세팅 : 테마의 전체적인 색상, 폰트, 소셜미디어, 파비콘, 장바구니페이지, 결재페이지의 설정을 하게 됩니다.
  • 반응형디자인
4. 언어수정

각 항목에 대한 문구를 원하는 언어로 수정할 수 있습니다.

5. 코드 수정

테마의 디자인의 코드를 직접 수정할 수 있습니다. 쇼피파이는 템플릿 엔진으로 liquid 라는 언어를 사용하고 있고, 기본적인 문법과 사용방법을 알면 어느 정도 수정이 가능합니다. 그리고 자바스크립트를 이용해서 여러가지 기능 추가도 가능합니다.

Contact UsBridge SevenCompany Profile