AWS AWS 디딤 클라우드

알림톡 통합메시징(알림톡)

이니톡 결제 이니톡(알림톡) 결제!

일본결제지원 일본결제지원!

이전
목록
다음
thisgun

autofix_anything.js를 활용하여 옥션의 주문옵션바로선택+스티커 기능을 비슷하게 만들어 보았습니다.

thisgun
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 2014-05-30 (금) 13:27:48 · 14386 · 4

링크

http://demo.sir.co.kr/gnuboard5/shop/item.php?it_id=1387871842 (1372) https://github.com/peachananr/autofix_anything (676)
스티커.png
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/

#PC용

첨부파일

스티커.png (32.5 KB) 1회 2014-05-30 13:27
sticker.zip (182.7 KB) 192회 2014-05-30 15:17
|

댓글 4개

하루다이어리
프로필 보기이 회원 글보기이 회원의 댓글보기
 2014-06-02 (월) 15:24:24
와우 바로 적용해봐야겠어요 감사합니다.^^
iivdex
프로필 보기이 회원 글보기이 회원의 댓글보기
 2014-06-03 (화) 16:39:22
영카트4에도 이기능이 있었으면 좋겠어요~베리굿~
무무이
프로필 보기이 회원 글보기이 회원의 댓글보기
 2014-06-26 (목) 09:59:58
이것도 베리굿 스킨
비비올레
프로필 보기이 회원 글보기이 회원의 댓글보기
 2019-03-13 (수) 17:34:38
좋네요
댓글을 작성하시려면 로그인이 필요합니다.

영카트5 스킨

119건

좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.

태그 필터 (최대 3개) 전체 PC용 모바일용 Device
+