AWS AWS 디딤 클라우드

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

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

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

이전
목록
다음
thisgun

autofix_anything.js 를 이용해서 옥션의 주문옵션 바로 선택 기능과 비슷하게 만들어 보았습니다.

thisgun
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 2014-05-29 (목) 14:27:00 · 13274 · 4

링크

http://demo.sir.co.kr/gnuboard5/shop/item.php?it_id=1387871859 (1168) https://github.com/peachananr/autofix_anything (674)
헤더고정2.png
autofix_anything.js 는 일정 위치로 스크롤 되었을시 헤더를 고정시키는 기능을 지니고 있습니다.

( https://github.com/peachananr/autofix_anything )

이것을 이용하여 옥션에서 주문 옵션 바로 선택 기능과 비슷하게 만들어 보았습니다.

Works in Chrome, Firefox, Safari, IE 7, 8, 9 & 10




사용방법

/skin/shop/ 폴더에 압축 파일을 풀어서 넣어주신 후,

해당 상품 수정 관리에서 pc용 스킨을 headfix로 선택해 주시면 됩니다.

헤더의 크기나 위치 등을 변경하고 싶을 경우

autofix_anything.css 파일을 수정하시면 됩니다.

고정되는 헤더와 관련된 html 소스를 수정 하실때에는

fixscript.js 에서 관련 셀렉터들도 같이 수정해 주시면 되겠습니다.




아래 내용은 기본 스킨에서 변경되거나, 추가된 파일 내용입니다.

기본 스킨에서 변경된 파일

item.form.skin.php
item.info.skin.php

그 외 추가된 파일

autofix_anything.css
general_enclosed_foundicons.css
general_enclosed_foundicons_ie7.css
jquery.autofix_anything.js
fixscript.js
img/bg.gif
fonts/
#PC용

첨부파일

헤더고정2.png (51.1 KB) 0회 2014-05-29 14:59
headfix.zip (105.5 KB) 240회 2014-05-29 14:27
|

댓글 4개

형형진
프로필 보기이 회원 글보기이 회원의 댓글보기
 2014-05-29 (목) 15:38:21
선리플 후장착 감사합니다!! 혹시 재고수량도 나오게끔 가능한가요?
레레스트
프로필 보기이 회원 글보기이 회원의 댓글보기
 2014-05-29 (목) 15:51:15
선 추천 바로 !!! ㅎㅎ 정말 굳 입니다.
RRini
프로필 보기이 회원 글보기이 회원의 댓글보기
 2014-06-01 (일) 15:09:25
헐 만들고있었는데...
선수치시다니!!! 와 정말 감사합니다.
추천추천!
위위작
프로필 보기이 회원 글보기이 회원의 댓글보기
 2017-10-10 (화) 11:09:53
감사합니다 저는 만들다가 포기상태였는데 이런 좋은 정보를 이제 찾았네요 ㅜㅜ 감사히잘쓰겠습니다!
댓글을 작성하시려면 로그인이 필요합니다.

영카트5 스킨

119건

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

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