autofix_anything.js를 활용하여 옥션의 주문옵션바로선택+스티커 기능을 비슷하게 만들어 보았습니다. 정보
상세페이지 autofix_anything.js를 활용하여 옥션의 주문옵션바로선택+스티커 기능을 비슷하게 만들어 보았습니다.관련링크
첨부파일
본문
autofix_anything.js 는 일정 위치로 스크롤 되었을시 헤더를 고정시키는 기능을 지니고 있습니다.
( https://github.com/peachananr/autofix_anything )
이것을 이용하여 옥션의 주문 옵션 바로 선택 + 스티커 기능과 비슷하게 만들어 보았습니다.
너무 따라했다고 모라 하지 않기~ 뿌잉뿌잉
( 썰렁한 개그 죄송합니다. ;; )
Works in Chrome, Firefox, Safari, IE 7, 8, 9 & 10
사용방법
/skin/shop/ 폴더에 압축 파일을 풀어서 넣어주신 후,
해당 상품 수정 관리에서 pc용 스킨을 sticker로 선택해 주시면 됩니다.
헤더의 크기나 위치 등을 변경하고 싶을 경우
autofix_anything.css 파일을 수정하시면 됩니다.
고정되는 헤더와 관련된 html 소스를 수정 하실때에는
fixscript.js 에서 관련 셀렉터들도 같이 수정해 주시면 되겠습니다.
fixscript.js 에서 스티커의 생성 갯수 및 생성되는 색상 수정이 가능합니다.
아래 내용은 기본 스킨에서 변경되거나, 추가된 파일 내용입니다.
기본 스킨에서 변경된 파일
item.form.skin.php
item.info.skin.php
그 외 추가된 파일
autofix_anything.css
general_enclosed_foundicons.css
general_enclosed_foundicons_ie7.css
jquery.qtip.css
jquery-ui-1.10.4.min.js
jquery.autofix_anything.js
fixscript.js
jquery.qtip.min.js
img/bg.gif
fonts/
( https://github.com/peachananr/autofix_anything )
이것을 이용하여 옥션의 주문 옵션 바로 선택 + 스티커 기능과 비슷하게 만들어 보았습니다.
너무 따라했다고 모라 하지 않기~ 뿌잉뿌잉
( 썰렁한 개그 죄송합니다. ;; )
Works in Chrome, Firefox, Safari, IE 7, 8, 9 & 10
사용방법
/skin/shop/ 폴더에 압축 파일을 풀어서 넣어주신 후,
해당 상품 수정 관리에서 pc용 스킨을 sticker로 선택해 주시면 됩니다.
헤더의 크기나 위치 등을 변경하고 싶을 경우
autofix_anything.css 파일을 수정하시면 됩니다.
고정되는 헤더와 관련된 html 소스를 수정 하실때에는
fixscript.js 에서 관련 셀렉터들도 같이 수정해 주시면 되겠습니다.
fixscript.js 에서 스티커의 생성 갯수 및 생성되는 색상 수정이 가능합니다.
아래 내용은 기본 스킨에서 변경되거나, 추가된 파일 내용입니다.
기본 스킨에서 변경된 파일
item.form.skin.php
item.info.skin.php
그 외 추가된 파일
autofix_anything.css
general_enclosed_foundicons.css
general_enclosed_foundicons_ie7.css
jquery.qtip.css
jquery-ui-1.10.4.min.js
jquery.autofix_anything.js
fixscript.js
jquery.qtip.min.js
img/bg.gif
fonts/
추천
11
11
댓글 전체
와우 바로 적용해봐야겠어요 감사합니다.^^
영카트4에도 이기능이 있었으면 좋겠어요~베리굿~
이것도 베리굿 스킨
좋네요