(모바일화면) 팝업창 모바일화면 적용버전 정보
레이아웃 (모바일화면) 팝업창 모바일화면 적용버전관련링크
첨부파일
본문
기존에 올린버전은
https://sir.kr/g5_skin/16743 에서 다운받으시면 됩니다
기존 버전과 달라진 가장큰 차이는
모바일버전 화면일때 팝업등록시 기재한 상단/좌측 여백공간을 무시하고
상단과 좌측에 붙도록 변경되었습니다
(예제설명)
예로 팝업을 등록하면서 가로여백300px 상단여백200px로 등록했다면
모바일 버전일때 모바일화면에서 벗어나서 않보이는경우가 발생합니다
그래서, 팝업이 1개든 여러개든 모바일버전일때는 좌측/상단에 붙여서 나와서
팝업이 보여집니다
기존의 기능인 팝업차이동기능은 동일하게 적용되었습니다
실제 적용된 사이트에서 직접 확인해보시면
좀더 사실적으로 사이트에 적용된 팝업창의 디자인과 사이트의 어울림을 보실 수 있습니다
--------------------------------------------------------------------------------------------------------------------------
< 팝업창디자인 적용하기 >
(1) newwin.inc.zip 를 다운받아서 압축을 풉니다
(2) bbs 와 mobile 폴더째로 같은 폴더에 덮어쓰거나, 폴던안에 파일을 같은 위치에 덮어쓰면 됩니다
- bbs/newwin.inc.php
- mobile/newwin.inc.php
(3) 팝업창에 적용되는 css 파일을 수정해줍니다. 수정해줄 css파일이 좀 많습니다^^
css 파일에서 " .hd_pops_footer " , " .hd_pops_footer button " 로 정의된 css를
아래 표시된 스타일 css로 변경해주면 됩니다.
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;cursor:move;}
.hd_pops_footer {padding:10px 0;background:#33353E;color:#A39B97;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#33353E;color:#A39B97}
[ CSS 적용해줄 파일들 ]
css / default.css
css / default_shop.css
css / mobile.css
css / mobile_shop.css
theme / 사용하는테마 / css / default.css
theme / 사용하는테마 / css / default_shop.css
theme / 사용하는테마 / css / mobile.css
theme / 사용하는테마 / css / mobile_shop.css
------------------------------------------------------------------------------
간단한 스킨으로 편리함을 느끼시는 분도 있고, 별감흥이 없는분들도 계실것입니다^^
이상 간단 스킨 이었습니다.
영카트5.3버전에 맞추어 개발되는 영카트NEW관리자는
모바일최적화와 주요기능의 변화로 아이스크림S9로 새롭게 태어나는중입니다
[ 아이스크림S9 체험사이트 ]
http://icecreams9.cafe24.com/adm/
체험아이디: kim 비밀번호 : 1111
현재 80%정도 최적화되었으며, 아직 관리자모드페이지의 목록은 모바일에 최적화중입니다.
주문내역 페이지는 모바일에 최적화되어 확인하실 수 있습니다.
새롭게 변화된 주문내역 목록을 체험해 보세요!
아이스크림체험사이트 관리자모드 > 주문관리 > 주문내역 에서 확인 가능
[바로가기] http://icecreams9.cafe24.com/adm/shop_admin/orderlist.php
[ 팝업창디자인 미리보기 ]
http://icecreamplay.cafe24.com/
http://icecreams9.cafe24.com/adm/
아이디: kim 비밀번호: 1111
!-->6