갑자기 잘되던 쇼핑몰이 모바일 등의 확장 네비게이션 등 클릭 이벤트가 걸려있는 버튼들이 작동하지 않는 경우가 생겨 디버깅을 해보니,
특정 jQuery 및 폰트들이 404가 떠서, 제대로 작동하지 않는 경우였다.

카페24 쇼핑몰 관리자에 접속시 보여지는 쇼핑몰 테마 main 에디터 화면

특정 에러를 확인하고 쇼핑몰 관리자에 접속하니 위와 같이 “https://변경” 버튼이 생긴 것을 보니,
쇼핑몰 보안을 위해 https:// 사용 설정을 권장 받아 해당 보안 설정 및 SSL 보안 인증서 설치를 하였으나,
사용 중인 테마에서는 http:// 형식의 import url들을 변경 하지 않아 생긴 이슈인 듯 하다.

import 중인 url이 http://로 설정되어있다.
https://로 변경

위와 같이 변경 수정 후, 브라우저 및 모바일 브라우저 캐시 삭제를 해야만 수정 적용된 부분이 확인 가능했다.

layout.html의 기본 레이아웃 뿐만이 아니라, 헤더나 푸터에 외부 url을 임포트 하여 사용하고 있는 경우,
모든 파일에서 변경 저장 해주어야 한다.

위의 https:// 변경 버튼을 누르면 선택한 테마 파일에서 https://화 되지 않은 모든 url을 보여주고 누락된 url도 체크해주니,
해당 버튼 기능을 활용하는 것이 좋다.


Leave a Reply

Your email address will not be published. Required fields are marked *