장바구니 담기 애니메이션 정보
기타 장바구니 담기 애니메이션![](http://sir.kr/data/member_image/ha/hangul.gif?1563321395)
관련링크
https://365ok.co.kr/
137회 연결
첨부파일
테스트한 버전5.4.2.9
호환 가능 버전yc5.4.x
본문
장바구니 담기에서 애니메이션 구현입니다.
출처 : https://codepen.io/designcouch/pen/OJPdZxg
[적용방법]
1. /theme/basic/shop/shop.head.php에서
장바구니 아이콘에 id="cart" 추가
2. 상품 목록에서...
/theme/basic/skin/shop/basic/list.10.skin.php
장바구니 버튼에 id="addtocart" 추가, cart-item 클래스 추가
3. /theme/basic/skin/shop/basic/style.css에서
cart ani 관련 css추가 (cart클래스 -> shop_cart)
4. /theme/basic/shop/shop.tail.php에서
js추가
출처 : https://codepen.io/designcouch/pen/OJPdZxg
[적용방법]
1. /theme/basic/shop/shop.head.php에서
장바구니 아이콘에 id="cart" 추가
2. 상품 목록에서...
/theme/basic/skin/shop/basic/list.10.skin.php
장바구니 버튼에 id="addtocart" 추가, cart-item 클래스 추가
3. /theme/basic/skin/shop/basic/style.css에서
cart ani 관련 css추가 (cart클래스 -> shop_cart)
4. /theme/basic/shop/shop.tail.php에서
js추가
추천
8
8
댓글 전체
![](http://sir.kr/data/member_image/fb/fb_1tv7hm39.gif?1566800035)
좋은자료 감사합니다!
![](http://sir.kr/data/member_image/ha/hangul.gif?1563321395)
^-^
공유 감사합니다!!
![](http://sir.kr/data/member_image/ha/hangul.gif?1563321395)
^-^
![](http://sir.kr/data/member_image/ra/racji92.gif?1599092771)
오호~ 효과가 눈에 딱 들어오네요!
![](http://sir.kr/data/member_image/ha/hangul.gif?1563321395)
^-^
![](http://sir.kr/data/member_image/jo/joongbal.gif?1602031792)
오!!! 멋진데요? ^^
비슷한거 해보려고.. 여기저기 소스 헤매다가, 나온게 http://xn--w80by1ax26alkcb1d.com/sub_product.php 이거엿는데 ㅎㅎㅎ
바꿔야겟네요
비슷한거 해보려고.. 여기저기 소스 헤매다가, 나온게 http://xn--w80by1ax26alkcb1d.com/sub_product.php 이거엿는데 ㅎㅎㅎ
바꿔야겟네요
![](http://sir.kr/data/member_image/ha/hangul.gif?1563321395)
^-^
![](http://sir.kr/data/member_image/so/sopo015.gif?1552376041)
좋으네요. 감사합니다.
![](http://sir.kr/data/member_image/ha/hangul.gif?1563321395)
^-^
계속 담고 싶어 지네요.
![](http://sir.kr/data/member_image/ha/hangul.gif?1563321395)
^-^
![](http://sir.kr/data/member_image/yi/yihongju.gif?1246914123)
감사합니다.
![](http://sir.kr/data/member_image/ha/hangul.gif?1563321395)
^-^