카페24 쇼핑몰은 모듈에 jQuery 구버전이 기본 내장되어 있기 때문에 제이쿼리 플러그인을 쓰는 게 여간 불편한 일이 아닙니다.


왜냐하면 카페24 쇼핑몰상에서 지원되는 jQuery 버전은 1.4.4인데, 이게 좀 많이 구버전이고 대부분의 jQuery 플러그인들은 이 정도의 구버전까지는 지원하지 않기 때문입니다.


따라서 제이쿼리 신버전을 따로 적용시켜야 하고, 구버전과 충돌하지 않게 만들어야 합니다.


카페24에서도 이와 관련된 문의가 많았는지, 따로 가이드를 제공하고 있습니다.


http://sdsupport.cafe24.com/board/tip/read.html?no=400&board_no=6




하지만 사실 카페24의 가이드라인대로 적용되지 않는 플러그인이 더 많습니다.


하지만 가이드라인대로 적용할 수 있는 플러그인도 좀 있는 편인데요...


일례로 제가 홈페이지 제작/코딩을 맏았던


비밀보따리에는 bxslider 플러그인을 적용하려다가 말았고,


정진호이펙트 홈페이지에는 지금도 unslider 플러그인이 적용되어 있습니다.




unslider 플러그인 적용방법에 대해 따로 이 블로그에 게시하는 이유는


이 플러그인은 다른 플러그인과는 변형 방법이 조금 다르기 때문입니다.


이 플러그인의 적용 방법은 플러그인의 구조 특성상 카페24의 가이드라인에도 안나와있기 때문에


이 플러그인과 비슷한 구조의 플러그인에서 제가 알려드리는 방법을 사용하시면


효과를 보실 수 있을 것입니다.




1.


코드 첫 부분의 function(factory){ } 괄호 안 부분을 지웁니다.


# 변경 전 (아래)



# 변경 후(아래)




2.


끝 부분에 jQuery 구문을 추가합니다.


이 부분은 카페24의 가이드라인에 따른 부분으로, 가이드에 따라서 다르게 적용하시면 되겠습니다.


# 적용 전(아래)



# 적용 후(아래)




캡쳐를 찍고 보니 코드 라인 번호를 빼먹었... ㅡㅡ;


unslider.js 파일의 맨 첫부분, 맨 끝부분이니까 금방 찾을 수 있으실 겁니다.


위의 두 부분만 바꾸면 됩니다.


생각보다 쉽죠?





저작자 표시 비영리 변경 금지
신고

댓글을 달아 주세요

  1. 에이티포 2016.06.17 09:25 신고  댓글주소  수정/삭제  댓글쓰기

    코딩을 잘 다룰줄 아시네용ㅎㅎ 저는 j query는 다뤄본적이없어서ㅠ

    • 책덕후 화영 2016.06.17 09:31 신고  댓글주소  수정/삭제

      제이쿼리 할줄 알면 회사일 뿐만 아니라 티스토리 블로그에도 좀 더 다이나믹한 효과를 넣으실 수 있습니다. 특히 티스토리는 시스템 특성상 장애인 웹 접근성 때문에도 자바스크립트나 제이쿼리가 필요해요 ㅎㅎ

  2. kim 2016.12.23 14:30 신고  댓글주소  수정/삭제  댓글쓰기

    카페24 플러그인 찾다가 들어오게 되었어요ㅠㅠ 궁금한점이 있는데 ftp로는 카페24에서 플러그인이 업로드가 되지 않더라구요. 어떻게 플러그인을 넣어야하는지 여쭤볼수 있을까요??

    • 책덕후 화영 2016.12.23 16:34 신고  댓글주소  수정/삭제

      ftp 되지 않나요? 카페24 내장 ftp라면 인터넷 익스플로러에서만 동작하니까 확인하시구요, 굳이 다른 브라우저를 써야만 하는 상황이라면 파일질라같은 ftp 프로그램을 사용해 보셔요. 물론 카페24는 ftp 안쓰고도 플러그인을 올리는 방법이 있습니다만, 쉽지만은 않아서 따로 포스팅을 해야 할 정도의 주제에요. 지금도 회사에서 카페24 쇼핑몰을 운영중이라면 캡쳐 등으로 보여드릴 수도 있지만 아쉽게도 지금은 그 회사 퇴사한 상황이라 보여주긴 쉽지 않게 되었네요 ㅜㅜ

티스토리 툴바