제목이 좀 이상하네요..
그누보드 게시판 이미지위에 가격표나 특별한 정보 부치기..
그누보드 게시판을 쓰다보면 가격이나 특별한 정보를 클릭해야만 알수 있는 부분이 있어서 좀더 편하게 list게시판에서도 클릭없이 이미지위에 price banner (가격표)를 부쳐여 할 경우가 있어서 만들어 봤습니다.
가격말고 본인이 필요한 데이타를 할수도 있습니다.
전 벼룩시장 게시판에 중고물품 가격을 이미지위에 보이고 싶어서 구현했습니다.
달러표시이니 알아서들 원화로 바꿔주세요...
여분필드에 가격을 넣는 란을 먼저 만드세요..(전 wr_1으로 만들었지만 본인에 맞게 만드시구요)
/theme/write.skin.php에 적당한 곳에
[code]
<div class="bo_w_select write_div">
<label for="wr_1" class="sound_only">가격</label>
<input type="text" name="wr_1" value="<?php echo isset($write['wr_1']) && $write['wr_1'] !== '' ? number_format((float)$write['wr_1'], 2, '.', '') : ''; ?>" id="wr_1" class="frm_input" placeholder="0.00" onkeyup="formatDecimal(this)">
</div>
[/code]
이렇게 하면 일단 가격정보가 입력이 됩니다.
그리고 /theme/list.skin.php의
<div class="gall_img">과 <a href="<?php echo $list[$i]['href'] ?>">사이에 아래 code를 넣으시면 됩니다.
[code]
<?php if ($list[$i]['wr_1']) { ?>
<div class="price_banner">$ <?php echo number_format((float)$list[$i]['wr_1'], 2, '.', ',');?></div>
<?php } ?>
<style>
.price_banner {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
background: rgba(0, 0, 0, 0.7);
color: white;
padding: 8px 15px;
text-align: center;
font-weight: bold;
font-size: 14px;
border-radius: 0 0 5px 5px;
z-index: 1;
min-width: 100px;
}
</style>
[/code]
이러면 사진처럼 클릭안해도 가격이 이미지위에 보여집니다. price banner기능이었습니다.
본인 환경에 맞춰서 "추천" "신상품" "이모지" 등등 할수도 있을겁니다.
댓글 6개
케빈엉클님 혹시 죄송한데 sweetalert2 적용 다 하셨습니까 ?
theme/member/basic/head.sub.php에
<script src='https://cdn.jsdelivr.net/npm/sweetalert2@11'></script>
추가하고
theme/member/basic/head.php
$(function(){
$(".gnb_menu_btn").click(function(){
$("#gnb_all, #gnb_all_bg").show();
});
$(".gnb_close_btn, #gnb_all_bg").click(function(){
$("#gnb_all, #gnb_all_bg").hide();
});
});
아래에
// alert을 swal로 대체
window.alert = function(message) {
Swal.fire({
text: message,
icon: 'info',
confirmButtonText: '확인'
});
};
이렇게 해도
비밀번호 수정페이지 들어갈때 로그인이 필요하다는 alert 창이나
비밀번호 찾기페이지에 이메일 자동숫자 입력하고 alert창에 적용이 안됩니다.. 미치겠습니다.
그누보드의 alert는 lib/common.lib.php에 있는 alert함수를 쓰잖아요 ?
근데 결국 bbs/alert.php로 값을 전달해주는데 bbs/alert.php를 보면 결국
사용하고 있는 alert창은 js의 alert창인데 왜 안되는지 모르겠네요.....
게시글 목록
| 번호 | 제목 |
|---|---|
| 23254 | |
| 23244 | |
| 23241 | |
| 23236 | |
| 23200 | |
| 23199 | |
| 23179 | |
| 23174 | |
| 23138 | |
| 23128 | |
| 23125 | |
| 23116 | |
| 23109 | |
| 23099 | |
| 23092 | |
| 23083 | |
| 23079 | |
| 23063 | |
| 23050 | |
| 23036 | |
| 23029 | |
| 23007 | |
| 23003 | |
| 22983 | |
| 22959 | |
| 22943 | |
| 22939 | |
| 22934 | |
| 22905 | |
| 22897 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기