테마 확장

Shopify 테마는 다양한 설정 및 사용자 지정 옵션을 제공합니다. 그러나 테마가 제공하지 않는 일부 기능이 있을 수 있거나 테마를 추가로 사용자 지정하려는 경우도 있습니다. 예를 들어 스토어에 제품 리뷰를 표시하려는 경우 앱을 설치하여 나타낼 수 있습니다. 테마 기능을 확장하려면 다음과 같은 방식으로 작업할 수 있습니다.

사용자 지정 HTML 또는 Liquid 추가

일부 테마는 설정이 포함된 템플릿, 섹션, 블록에서 렌더링 가능한 HTML 또는 Liquid 코드의 코드 조각을 추가할 수 있는 설정을 제공합니다. 이러한 설정을 통해 테마 코드를 직접 편집하지 않고 온라인 스토어에 사용자 지정 코드를 안전하게 추가할 수 있으므로 테마가 자동 업그레이드에 적합한지 확인이 가능합니다.

다음 작업에 이러한 설정을 사용할 수 있습니다.

  • 사용자 지정 Liquid 섹션을 사용하여 비즈니스에 적절한 Liquid 변수를 삽입합니다. 예를 들어 제품 페이지에 배송 정책을 포함할 수 있습니다.
  • 사용자 지정 Liquid 섹션을 사용하여 앱을 테마와 통합하는 데 필요한 코드를 추가합니다.

테마에 사용자 지정 HTML 또는 Liquid 옵션이 있는지 알아보려면 해당 테마의 설명서를 참조하십시오.

Liquid 설정은 제한된 Liquid 개체 및 태그에만 액세스할 수 있습니다. Liquid 설정에서 사용할 수 있는 개체 및 태그에 대해 자세히 알아보려면 Shopify.dev에서 Liquid 설정 문서를 참조하십시오.

앱 설치

을 설치하여 테마에 기능과 통합을 추가할 수 있습니다. Shopify 앱스토어에서 앱을 찾을 수 있습니다.

온라인 스토어 앱은 다음과 같은 방식으로 테마와 통합할 수 있습니다.

  • 앱 블록: 앱 블록을 사용하면 테마에서 사용할 위치에 앱 기능을 정확히 추가할 수 있습니다. 앱 블록은 테마 편집기를 통해 추가, 제거 및 사용자 지정이 가능합니다.

    앱 블록은 Online Store 2.0 테마에서만 사용할 수 있습니다. 빈티지 테마를 사용하는 경우 앱 목록 및 문서를 읽고 앱이 테마와 호환되는지 파악해야 합니다.

  • 앱 임베드: 앱 임베드는 테마에서 오버레이로 표시 또는 플로팅되거나 고객에게 표시되지 않고 온라인 스토어에 코드를 추가하는 앱 제공 요소입니다. 테마 편집기를 통해 앱 임베드를 활성화, 비활성화 및 사용자 지정할 수 있습니다.

  • 테마 코드를 변경: 일부 앱은 테마 코드에 직접 코드를 삽입하여 테마에 기능을 추가합니다. 앱 설정을 사용하거나 테마 편집기를 사용하여 앱을 사용자 지정할 수 있습니다.

    테마가 사용자 지정 Liquid 섹션을 제공하는 경우 테마 코드를 직접 편집하는 대신 테마 편집기의 사용자 지정 Liquid 섹션에 앱 코드를 추가할 수 있습니다.

테마 코드 편집

테마 코드를 편집하여 온라인 스토어를 세부적으로 변경할 수 있습니다. 테마 파일에는 HTML, CSS, JSON 및 JavaScript와 함께 Shopify의 템플릿 언어인 Liquid가 포함되어 있습니다. HTML 및 CSS 사용법을 알고 Liquid에 대해 기본적으로 이해하고 있는 경우에만 테마의 코드를 편집하십시오.

테마 코드를 편집하면 자동 업그레이드 대상에서 제외될 수 있습니다. HTML 또는 Liquid 설정이나 Shopify 앱을 사용하여 필요한 항목을 변경할 수 없는 경우에만 테마 코드를 편집해야 합니다.

Shopify 무료 테마를 사용하는 경우 Shopify 지원팀에서 테마 코드를 사용자 지정하는 데 도움을 줄 수 있습니다. 제공되는 사용자 지정 목록은 테마 문서를 참조하십시오. 테마 관련 지원에 대해 자세히 알아보십시오.

다음과 같은 방식으로 테마 코드를 편집할 수 있습니다.

Shopify와 함께 사업을 시작할 준비가 되셨습니까?

무료 체험