문제 해결

테마 편집기에서 경험할 수 있는 일반적인 문제와 해결 방법을 알아봅니다. 테마 편집기에 문제가 있는 경우 아래에 문제가 나타나는지 확인하십시오.

페이지가 지원되지 않는 URL에 리디렉션 되었습니다

상점에 연결되지 않은 Url로 사용자를 리디렉션하는 코드가 포함되어 있으면 해당 테마 편집기로 갈때 리디렉션이 비활성화되어 있는지 확인하세요.

예를 들어, 위치에 따라 고객을 다른 Shopify 스토어로 안내하기 위해 이 유형의 리디렉션을 상점에 추가할 수 있습니다. 설치한 테마나 앱에 이런 유형의 리디렉션 코드가 존재할 수 있습니다.

리디렉션이 편집기 환경을 방해하지 않도록 하려면 JavaScript에서 window.Shopify.designMode 변수에 대한 참조를 사용하여 테마 편집기를 방문할 때 리디렉션을 비활성화하세요. 이 변수는 상점이 편집기에 로드되면 true로 설정되며 로드되지 않으면 false로 설정됩니다.

오류가 발생하여 페이지를 로드할 수 없습니다

여러 가지 이유로 인해 테마 편집기에서 페이지가 로드 되지 않을 수 있습니다. 일반적인 문제는 다음과 같습니다.

• 네트워크 연결 문제
• 테마의 Liquid 코드가 잘못 되었습니다.

이러한 문제가 오류의 원인이 아닌 것을 확인한 후에는 테마 편집기의 테마 작업 > 테마 미리 보기로 이동하여 온라인 스토어 방문을 시도해 보세요. 페이지가 로드되지 않으면 Shopify 지원팀에 문의하여 상점에 대한 도움을 받으실 수 있습니다.

HTML 오류 있음

테마 코드에 구문 오류가 있는 경우 테마 편집기에서 HTML 오류 있음 경고 메시지가 표시됩니다.

오류 메시지에서 참조되는 Liquid 파일에서 코드를 검토하여 오류를 해결할 수 있습니다.

테마 코드에서 문제 찾기

1. 오류 메시지에 링크된 .liquid 섹션 파일을 클릭합니다. 이렇게 하면 HTML/CSS 편집 페이지로 이동하고 코드 편집기에서 파일이 열립니다.

2. 파일의 코드를 살펴보고 유효하지 않은 HTML 또는 Liquid를 찾으세요. 코드 편집기에서 잠재적인 구문 오류가 빨간색으로 표시됩니다. 일반적인 문제는 다음을 포함합니다.

   • 추가 닫는 HTML 태그(예: 열지 않고 닫는 </div>) <div>
   • 추가 닫히지 않은 HTML 태그(예: 닫지 않고 여는 <div>) </div>
   • 잘못된 HTML 태그(예: 없는 <div class="my-class" >
   • 잘못된 Liquid 코드
   • 포함된 테마 코드 조각 파일에서 손상된 HTML

3. 문제를 찾은 후 테마 파일에서 코드를 수정합니다.

4. 저장을 클릭합니다.

5. 사용자 지정을 클릭하여 테마 편집기로 돌아가 오류 메시지가 사라졌는지 확인합니다.

기타 솔루션

일반적인 문제 해결 단계를 검토한 후에도 테마에 문제가 계속 발생하는 경우 다음 옵션을 고려하십시오.

• 테마 파일의 이전 버전으로 되돌립니다.
• Theme Store에서 최신 버전의 테마를 설치하고 전환합니다.
• 테마에서 사용 가능한 지원 유형을 확인합니다.