공지사항

[긴급]css 제공 사이트(www.unpkg.com) 문제로 인한 쇼핑몰 디자인 깨지는 현상

아이콘 772

글번호 : 20240412163539

https://makeshop.co.kr/newmakeshop/home/notice_view.html?t=notice&uid=20240412163539

안녕하세요.
메이크샵 운영팀장입니다.

일부 쇼핑몰에서 메인페이지, 상세페이지 등 디자인이 틀어지는 현상이 확인되고 있습니다.
원인은 CSS 및 JS를 제공하던 https://www.unpkg.com/ 사이트의 문제로 인해서 발생 되는것으로 확인 되었습니다.
먼저 아래의 1번 방법으로 수정해 주시고, 2~3번 내용으로 직접 해당 소스 다운로드 받아서 웹FTP에 업로드 후
해당 경로로 적용 되도록 수정해 주시기를 권장해 드립니다.

1. 경로 수정
ex1)
<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" />
=>
<link rel="stylesheet" href="//unpkg.com/swiper@11.1.1/swiper-bundle.min.css" />

ex2)
<script src="//unpkg.com/swiper/swiper-bundle.min.js"></script>
=>
<script src="//unpkg.com/swiper@11.1.1/swiper-bundle.min.js"></script>


2. css파일을 다운로드 받아 관리자페이지 웹FTP 에 업로드 후 경로 수정
2-1. 브라우저 주소창에 //unpkg.com/swiper@11.1.1/swiper-bundle.min.css 입력하여 소스 확인 후 CSS파일 별도 생성
2-2. 관리자페이지 웹FTP에 해당 CSS파일 업로드
2-3. 해당 경로를 이용하여 소스 수정
ex)
<link rel="stylesheet" href="//unpkg.com/swiper@11.1.1/swiper-bundle.min.css" />
=>
<link rel="stylesheet" href="관리자에 업로드한 파일 경로" />


3. js파일을 다운로드 받아 관리자페이지 웹FTP 에 업로드 후 경로 수정
2-1. 브라우저 주소창에 //unpkg.com/swiper/swiper-bundle.min.js 입력하여 소스 확인 후 JS파일 별도 생성
2-2. 관리자페이지 웹FTP에 해당 JS파일 업로드
2-3. 해당 경로를 이용하여 소스 수정
ex)
<link rel="stylesheet" href="//unpkg.com/swiper@11.1.1/swiper-bundle.min.js" />
=>
<link rel="stylesheet" href="관리자에 업로드한 파일 경로" />

감사합니다.

목록