그누보드 게시판 이미지위에 가격표나 특별한 정보 부치기.. 정보
그누보드 게시판 이미지위에 가격표나 특별한 정보 부치기..
관련링크
첨부파일
본문
제목이 좀 이상하네요..
그누보드 게시판 이미지위에 가격표나 특별한 정보 부치기..
그누보드 게시판을 쓰다보면 가격이나 특별한 정보를 클릭해야만 알수 있는 부분이 있어서 좀더 편하게 list게시판에서도 클릭없이 이미지위에 price banner (가격표)를 부쳐여 할 경우가 있어서 만들어 봤습니다.
가격말고 본인이 필요한 데이타를 할수도 있습니다.
전 벼룩시장 게시판에 중고물품 가격을 이미지위에 보이고 싶어서 구현했습니다.
달러표시이니 알아서들 원화로 바꿔주세요...
여분필드에 가격을 넣는 란을 먼저 만드세요..(전 wr_1으로 만들었지만 본인에 맞게 만드시구요)
/theme/write.skin.php에 적당한 곳에
<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>
이렇게 하면 일단 가격정보가 입력이 됩니다.
그리고 /theme/list.skin.php의
<div class="gall_img">과 <a href="<?php echo $list[$i]['href'] ?>">사이에 아래 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>
이러면 사진처럼 클릭안해도 가격이 이미지위에 보여집니다. price banner기능이었습니다.
본인 환경에 맞춰서 "추천" "신상품" "이모지" 등등 할수도 있을겁니다.
3
댓글 6개
가격표 찾던 기능입니다
감사합니다
@미키손 맞아요...요즘은 다 이 기능들이 있는데 그누보드는 없는거 같아서 아쉬웠죠...
@미키손 /theme/write.skin.php에 입력 코드가 가격정보가 없을시 error뜨는 걸 깜빡했네요...
write.skin.php code 수정했습니다. (isset() 삽입했습니다.)
케빈엉클님 혹시 죄송한데 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창인데 왜 안되는지 모르겠네요.....
@쵸리이 죄송한데 여기에말고 SWAL ALERT 질문했던 곳에 올려주세요..제가 더 헷갈려서요....
굿!!!!!!!!!!!!!!!!
