오픈마켓이나 소셜쇼핑 사이트에서 볼수있는 탑배너

theMAD

· 2014-06-18 (수) 10:57:11 · 조회 20339 20339 · 댓글 20 20

오픈마켓이나 소셜 쇼핑에서 쉽게 볼수 있는 탑 배너에요

쇼핑몰에선 무엇보다 가시적인게 중요하다고 생각되어 부족하지만 한번 만들어봤어요

스킨 설치후 관리자에서 이벤트 등록하시면 자동으로 삽입되구요

개수가 늘어나면 자동 롤링 되는 형식이고, 컨트롤버튼 생깁니다.

시간이 없어서 버튼을 영 허접하게 만들었는데 새로 만드셔서 쓰시는게 더 보기 좋을거같아요

또, 사이트 마다 가로사이즈가 다르니 컨트롤 버튼 위치도 조정하셔서 쓰셔야 할거에요

그리고 닫기버튼에는 쿠키 집어 넣어서 닫기 클릭시 하루동안 안보이게 해놨습니다.

배너 사이즈는 입맛에 따라 css 조정 하시면 될거 같구요

이미지를 가운데 띄우고 가장자리는 배경으로 채우는 식을 많이 사용해서

저도 그렇게 적용해 봤습니다. 하나의 이미지를 통으로 집어 넣으셔도 무방합니다.

수정한 파일은 boxevent.skin.php, style.css 입니다.

#PC용

첨부파일

2014-06-18 오전 10-44-41.jpg (54.6 KB) 0회 2014-06-18 10:57

2014-06-18 오전 10-44-24.jpg (73.5 KB) 0회 2014-06-18 10:57

(0 bytes) 0회 2014-06-18 10:57

newskin.zip (88.1 KB) 1035회 2014-06-18 10:57

댓글 20개

하루다이어리

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2014-06-18 (수) 11:07:51

좋은 자료 감사합니다.^^

비톤

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2014-06-18 (수) 11:33:45

많이 사용하는 기능이에요~ 감사합니다.^^

Rainsu

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2014-06-18 (수) 11:54:34

옴마나 이건 추천해줘야됭!

탈퇴회원

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2014-06-18 (수) 17:49:42

추천^^

형진

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2014-06-26 (목) 14:09:36

어디다 넣어야 하나요

힘센푸우

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2014-07-08 (화) 21:11:00

멋진 스킨 감사합니다~~^^
궁금한 것이 있는데요..적용해서 상단에 배너가 출력은 되는데..
이벤트 수를 늘려도 자동 롤링 되지않고 마지막 이벤트 이미지만 출력되고요..,,컨트롤 버튼도 안생기네요..
그리고, 스킨설정에서 newskin으로 대체하니 닫기 버튼은 보이는데 실행은 안되구요..ㅜㅜ
수정하신 파일이 boxevent.skin.php, style.css 말고 다른 파일이 있는지요?
작업은 익스9에서 테스트중입니다.
바쁘시겠지만 답변 부탁드립니다~(^^)(__)

리페로

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2014-08-20 (수) 01:18:55

X button Error
------------------
boxevent.skin.php
line 51
<script>
delete
------------------
controlBtn error is not error
Two or more events!!
------------------
good luck for you

오룐

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2014-09-01 (월) 21:47:37

감사합니다.. 되네요..

이미나라

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2014-08-29 (금) 14:35:43

방금 발견한건데요 <script>가 두번 중복으로 들어가있더라구요. 한줄 지워주니까 정상 작동하네요^^

직업재활

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2014-08-26 (화) 04:24:47

굿입니다.

동네오빠

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2014-10-16 (목) 15:43:21

탑베너 감사합니다.

이노미디어

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2014-10-25 (토) 00:09:41

죄송하지만, boxevent.skin.php, style.css 2개 파일만 덮어쓰기 해주면 되는 건가요? 다른 절차가 또 있는지요?
꾸벅~~ 영카트를 접한지 얼마되지 않아서...^^

사혁님

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2015-09-07 (월) 17:53:07

모르고 닫기버튼 눌러서 안보이는데; 이거 쿠키해제 하는 방법 좀 알려주세요; 그냥 php에 SetCookie 다시 불러들이면 되나요?

사혁님

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2015-09-07 (월) 18:02:28

해결했네요; 저는 5.1.0 테마지원 버전을 사용중인데,

/theme/basic/shop/shop.head.php 파일을 열어서,

line 33 :

<a href="<?php echo G5_SHOP_URL; ?>/orderinquiry.php"><img src="<?php echo G5_SHOP_URL; ?>/img/hd_nb_deli.gif" alt="주문/배송조회"></a>

위 내용 다음 줄에다가 아래 내용 삽입하고,

<img src="<?php echo G5_SHOP_URL; ?>/img/hd_nb_deli.gif" alt="배너테스트" onclick="bannercookie();">
<script>
function bannercookie() {
setCookie("viewPop", "", 0);
}
</script>

메인화면에서 상단 아이콘 추가된거 클릭하면 쿠키해제됩니다.

F5 (새로고침) 하시면 배너가 다시 나타납니다.

사혁님

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2015-09-07 (월) 18:15:27

한가지 더 질문요; 배경 노랑색 css 위치가 어디인가요;;

사혁님

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2015-09-07 (월) 18:19:22

찾았네요; 스킨폴더에 style.css 맨 아래 쪽에

#sev ul li#topBanner1{background:#fff;}
#sev ul li#topBanner2{background:#f00;}
#sev ul li#topBanner3{background:#2D2B2C;}
#sev ul li#topBanner4{background:#2D2B2C;}
#sev ul li#topBanner5{background:#ff0;}
#sev ul li#topBanner6{background:#f00;}

이 부분입니다..

사혁님

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2015-09-08 (화) 10:49:33

이거 이벤트관리에서 이벤트가 없을때는 안보이게 못할까요??

똥물

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2016-02-17 (수) 21:51:55

고맙습니다.

4545

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2022-09-09 (금) 12:59:59

이부분도 필요했었는데 잘 사용하겠습니다