지난 편에 이어서 Shopify Theme 부분에 대한 추가적인 부분을 다루겠습니다기본적인 디자인으로도  Store 충분히 꾸밀  있지만 약간씩은  필요한 부분이나   활용하고 싶은 욕심이 있을 있습니다그런 경우엔 여러 다른 Section 추가하여 다른 기능을 하는 부분을 구성할  있습니다. Shopify에서는  기능에 맞는 화면 구성을 하도록 Section 구분하고 있습니다

 테마 메뉴의 진입은 Online Store – > Themes  클릭합니다. (단축키 G W T) 여기서 Customize theme 클릭하여 현재 사용중인 테마의 수정을 시작합니다지난 편에서  가지 항목을 수정했습니다이번에는 기본적으로 나타나지 않았던 부분들을 살펴보겠습니다.

* Add section

Section 탭의 Add section 클릭합니다 Section 한번 클릭 시에 Store 미리 보기에 표시되며, Add 클릭하면 스토어 메인 화면에 추가됩니다물론 위치는 Section 탭에서 수정 가능합니다.

1. Blog Post

– Shopify에서 제공하는 Blog Post 메인 화면에 추가할  있습니다. Shopify에서는 여러개의 Blog운영할  있습니다 Blog마다 댓글(Comment) 허용하게   있고 허용하지 않게   있으며 Blog 아래에 원하는 Post들을 구성하게 됩니다. “여러 개의 Blog” 라는 개념은 생소한 개념이지만사용은 하나로만 충분히   있으며  Store 다양한 방편으로 활용할  있다는  정도로 생각해 두면  것입니다
– Blog Post Online Store – > Blog Posts 에서 관리 가능합니다.
– Theme 설정 처음에는 Blog 생성되지 않았다면 하나의 Blog 생성해야 합니다.

2. Collection

– Collection list Collection 메인 이미지와 이름을 노출 시킵니다지난 편에서 Slide 아래에 위치한3개의 Collection list  구성했습니다.

– Featured collection  특정 Collection 메인 이미지와 이름을 노출하며   함께 해당 Collection 상품들도 노출시킵니다여러 상품들의 진열 효과가 있습니다.

– Collection 구성에 따라 프로모션이나 시즌 아이템에 적용 가능합니다예를 들어 12 시즌 Sale 이라는 Collection 만들어 여러 상품들을 모아두었다면, 12 시즌 Sale 시작할 때에 해당 collection 메인에 노출시키는 것이 가능합니다.

3. Image

– Gallery : 지정한 Image 파일만 노출합니다가로로 최대 3개의 Image 구성할  있습니다링크가 없는 단순 이미지입니다.
– Image with text : 지정한 Image파일과 텍스트가 노출됩니다. Image Text 하나의 Block으로 보아최대 4개의 Block으로 구성이 가능합니다링크가 없는 단순 이미지와 텍스트입니다텍스트의 정렬굵기 지정이 가능합니다.
– Image with text link : Image 파일과 텍스트가 노출되며해당 텍스트 클릭 시에 미리 지정한 링크 (상품, Collection) 이동합니다상단의 Slide 비슷하지만 움직이지 않는 상태라고 이해하면 쉽습니다.

– Logo List : 보통 파트너 취급 상품 브랜드, Vender 여러 로고의 이미지들을 나열합니다링크나 설명은 없고 로고 파일만 등록 가능합니다이미지의 크기를 미리 조절해 두어야 로고 파일로 쓰기에 적합합니다.

– Multiple Link Blocks :  Block에서 이미지와 텍스트로  링크를 만들  있습니다. Block 개념은위의 “Image with text”에서와 같습니다다만 Featured Collection  비슷한 모양으로 Image Text 표시되고 링크를 만들  있습니다최대 10개의 Block 생성 가능합니다.

4. Product

– Featured Product : 특정 Product 노출시키기 위함입니다. Collection List 등의 Section에서도 여러 Product들이 노출되지만  Section 활용하면 원하는 한가지의 제품만 노출 가능합니다 Section 하나의 제품만 노출 가능하기 때문에 중요한 아이템을 지정하며여러 제품을 노출하기 위해서는 여러 Section 생성합니다.

5. PROMOTIONAL

– Newsletter : 뉴스레터를 위해 이메일을 수집할  있는 Section입니다. Footer 있는 Newsletter동일하며 누군가가 자신의 이메일을 입력하여 구독을 신청했다면  Customer 목록으로 newsletter라는Tag 붙어서 들어오게 됩니다.

6. Store Information

– Map : Google map으로 회사의 위치를 표시할  있습니다주소를 넣으면 사용할  있습니다.다만하루 노출이 2,500 이상일 경우 API키를 입력해야 합니다회사 소개나 Contact Us page  아닌 이상, Store 메인 페이지에 지도를 노출하는 경우는 많지 않습니다.

– Search :  store 내부의 컨텐츠를 검색합니다검색은 Product Blog post  검색이 됩니다.

7. TEXT

– Rich text : Page Text 두가지 Contects  구성할  있으며, Text에는 Text 넣을  있습니다여러 개의 Text Contects 넣어도 한줄씩 가로로 표시됩니다다른 Section에서 처럼  줄에 여러가지 항목으로 표시되지 않습니다. Page 경우는 미리 만들어  Page 노출합니다최대 6개의 Contects(Block)으로 구성 가능합니다물론  해야 한다면 새로 Section 만들  있습니다.
– Testimonials : 해석하자면 ‘추천의 ‘ 정도가 되겠습니다해외 웹사이트들은 특히 이Testimonials 항목이  들어가곤 합니다추천의 글과 작성자 정도를 넣을  있습니다.

– Text columns with images : Image 파일과  아래 텍스트가 위치할  있습니다링크는 넣을  없습니다용도야 사용하기 나름이지만강조하고 싶은 제품 스펙설명리뷰, FaQ등을 넣는 용도로도 쓰입니다.

8. ADVANCED LAYOUT Custom HTML

– Custom HTML : 자신이 원하는 Html 코드를 넣을 수 있습니다. Shopify를 단순하게만 사용하려면 위에 나온 Section들로도 충분합니다. 하지만 위에서 지원하지 않는 기능들을 넣고 싶을 경우 사용할 수 있습니다. 외부 컨텐츠나 동영상 등이 필요할 경우 충분히 활용할 수 있습니다.

* General settings

– 웹사이트의 전반적인 외관에 대한 설정입니다

– Colors : 색상을 설정할  있습니다. Header, Page, Footer 순으로 구성하고 있는 색상을 설정할 있습니다슬라이드가 있을 경우 별도로 설정 가능합니다.
– Typography : 글씨체와 글자 크기의 변경이 가능합니다모두 대문자로만 표시되게  수도 있고, Bold 설정도 가능합니다.
– Social media : Footer부분의 Follow us 넣을  있는 소셜 미디어의 주소를 입력합니다. Sharing  체크하면 상품페이지에서 공유할  있는 버튼이 생성됩니다.
– Favicon :  브라우저 위쪽에 표시되는 Favicon 지정할  있습니다보통  Store 로고를 지정합니다.

 이러한 기능들을 활용하여  Store   보기 좋게 꾸밀  있습니다다만 다시 한번 강조하자면Store에서 정말로 중요한 것은 Contents이지 외관이 아닙니다제대로  Contents 구성되어 있다면 외관이 다소 단순하더라도  상품이나 Contents 효과적으로 노출되어 구매나 홍보로  연결될 있습니다그런데 보통  Store만들기를 하다보면 많은 시간을 외관을 꾸미는 데에 치중하게 됩니다아무래도 조금  좋은 모습에 욕심이 나기도 하는 것이 사실입니다하지만 Store 외관은 빠른 시간 내에 완성하고  외의 부분을 신경 써서 내실을 다지는 방향으로 진행해야  것입니다.

 

0 답글

댓글을 남겨주세요

Want to join the discussion?
Feel free to contribute!

댓글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다

× 3 = 27