테스트 사이트 - 개발 중인 베타 버전입니다

슬릭 슬라이더를 사용하시려는 분들께

· 1년 전 · 1045 · 4
스크린샷 2024-01-26 162514.png

그누6를 보면 swiper 에서 갑자기 slick으로 변경 된 것을 볼 수 있습니다.

그렇지만, 폴더 잘 찾아보면 swiper 도 내장(?) 되어 사용할 수 있게 해뒀네요

어찌되었던....

 

slick 을 사용해보고자 한다면 반드시 오류가 발생합니다.

바로 테마 css와 font가 누락되어있는데요

 

templates\basic\static\js\slick

해당 경로에 빠져 있습니다. 첨부 파일 다운로드 받으셔서, 적용해주세요

 

또한 

templates\basic\base_sub.html

에 추가 해주세요

[code]

<link rel="stylesheet" href="{{ theme_asset(request, 'js/slick/slick-theme.css?ver=1.8.1') }}">
[/code]

 

차이점 ??

 

 

이런식으로 버튼이 비정상적으로 나옵니다. 이건 오류가 아니라 그냥 css 및 폰트 누락이에요

 

 

요렇게 수정 됩니다.

 

또한 슬릭 슬라이더는 특이한 오류가 있습니다.

바로 화살표가 숨어있는 버그(?)가 있는데요

 

[code]

.slick-next{right: 18px;}

.slick-prev{z-index:1; left:0;}

[/code]

 

이렇게 주셔야 정상적으로 출현합니다. 참고하시길 바랍니다.

 

고맙습니다.

 

 

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 4개

1년 전

감사 합니다.

1년 전

감사합니다~!

자세한 설명 감사합니다.

적용해보니 아주 좋아요. 감사합니다.

게시글 목록

번호 제목
178
166
163
162
161
160
149
148
147
136
125
110
98
96
94
93
92
91
90
85
80
76
72
69
68
64
57
56
53
51