문제 해결
테마 편집기에 문제가 발생하면 아래 내용에 해당하는 문제인지 확인하십시오.
일반적인 문제
문제: 페이지를 로드하지 못했습니다
페이지가 지원되지 않는 URL에 리디렉션 되었습니다
상점에 연결되지 않은 Url로 사용자를 리디렉션하는 코드가 포함되어 있으면 해당 테마 편집기로 갈때 리디렉션이 사용 중지되어 있는지 확인하십시오.
예를 들어, 위치에 따라 구매자를 다른 Shopify 스토어로 안내하기 위해 이 유형의 리디렉션을 스토어에 추가할 수 있습니다. 설치한 테마나 앱에 이런 유형의 리디렉션 코드가 존재할 수 있습니다.
리디렉션으로 인해 편집기 환경이 방해받지 않게 하려면 JavaScript에서 window.Shopify.designMode 변수에 대한 참조를 사용하여 테마 편집기를 방문하는 동안 리디렉션을 사용하지 않도록 설정하십시오. 이 변수는 상점이 편집기에 로드되어 있는 동안 true(으)로 설정되며 로드되지 않은 동안에는 false(으)로 설정됩니다.
오류가 발생하여 페이지를 로드할 수 없습니다
여러 가지 이유로 인해 테마 편집기에서 페이지가 로드 되지 않을 수 있습니다. 일반적인 문제는 다음과 같습니다.
- 네트워크 연결 문제
- 테마의 Liquid 코드가 잘못 되었습니다.
이러한 문제가 오류의 원인이 아닌 것을 확인한 후에는 테마 편집기의 테마 작업 > 테마 미리 보기로 이동하여 온라인 스토어 방문을 시도해 보십시오. 페이지가 로드되지 않으면 Shopify 지원팀에 문의하여 상점에 대한 도움을 받으실 수 있습니다.
HTML 오류 있음
테마 편집기에서 테마 설정을 변경할 때 편집기에서 'HTML 오류 발견' 경고 메시지가 표시될 수 있습니다.
테마 코드에서 구문 오류가 발견된 경우 이 오류 메시지가 표시됩니다. 문제를 해결하려면 오류 메시지에서 참조되는 Liquid 파일에서 코드를 검토할 수 있습니다. 위의 예시에서 이는 slideshow.liquid입니다.
테마 코드에서 문제 찾기
- 오류 메시지에 링크된
.liquid섹션 파일을 클릭합니다. 이렇게 하면 HTML/CSS 편집 페이지로 이동하여 코드 편집기에서 파일이 열립니다. -
파일의 코드를 살펴보고 유효하지 않은 HTML 또는 Liquid를 찾으십시오. 코드 편집기에서 잠재적인 구문 오류가 빨간색으로 표시됩니다. 일반적인 문제는 다음을 포함합니다.
- 추가 닫는 HTML 태그(예: 열지 않고 닫는
</div>)<div> - 추가 닫히지 않은 HTML 태그(예: 닫지 않고 여는
<div>)</div> - 잘못된 HTML 태그(예: 없는
<div class="my-class"> - 잘못된 Liquid 코드
- 포함된 테마 코드 조각 파일에서 손상된 HTML
- 추가 닫는 HTML 태그(예: 열지 않고 닫는
문제가 발생하면 테마 파일에서 코드를 수정합니다.
저장을 클릭합니다.
사용자 지정을 클릭하여 테마 편집기로 돌아가 오류 메시지가 사라졌는지 확인합니다.
기타 솔루션
이전 단계를 수행하여 문제를 해결할 수 없는 경우 다음 옵션을 고려하십시오.
- 테마 파일의 이전 버전으로 되돌리기
- 테마 스토어에서 테마의 새 버전 설치 및 전환
- 테마에서 사용 가능한 지원 유형을 확인하십시오