카페24처럼 장바구니에서 개별 품목 주문 및 삭제방법
늘 영카트에서 도움만 받다가, 간단한 장바구니 팁올려봅니다.
이글을 빌려
진짜 많은 분들에게, 너무나 감사하다는 말씀전하고 싶습니다 :)
위의 사진 처럼 카페24 UI에서 장바구니에 있는 선택 주문 버튼입니다.
방법은 jquery 방식으로 약간의 트릭입니다.
<div class="each_order" data-target-id="ct_chk_<?php echo $i; ?>">
상품 주문
</div>
<div class="each_delete" data-target-id="ct_chk_<?php echo $i; ?>">
상품 삭제
</div>
장바구니 상품 출력 루프에 위의 태그를 넣어주시고,
// 각각 상품 삭제
$(".each_delete").on('click',function (e){
$('input:checkbox').prop("checked",false);
$("#"+$(this).data('target-id')).prop("checked", true);
if(confirm('선택하신 상품을 삭제하시겠습니까?') == true){
form_check('seldelete');
}
});
//각각 상품 주문
$(".each_order").on('click',function (e){
$('input:checkbox').prop("checked",false);
$("#"+$(this).data('target-id')).prop("checked", true);
if(confirm('선택하신 상품을 주문하시겠습니까?') == true){
form_check('buy');
}
});
스크립트에 쪽에 넣어주세요.
방식은 간단합니다. 버튼을 클릭하면 전체 해제하고,
data-target-id로 선택한 것만해서 넘겨줍니다. 테스트는 잘되는데,
혹시 문제점이 있다면 피드백 부탁드립니다 :)
이글을 빌려
진짜 많은 분들에게, 너무나 감사하다는 말씀전하고 싶습니다 :)
위의 사진 처럼 카페24 UI에서 장바구니에 있는 선택 주문 버튼입니다.
방법은 jquery 방식으로 약간의 트릭입니다.
<div class="each_order" data-target-id="ct_chk_<?php echo $i; ?>">
상품 주문
</div>
<div class="each_delete" data-target-id="ct_chk_<?php echo $i; ?>">
상품 삭제
</div>
장바구니 상품 출력 루프에 위의 태그를 넣어주시고,
// 각각 상품 삭제
$(".each_delete").on('click',function (e){
$('input:checkbox').prop("checked",false);
$("#"+$(this).data('target-id')).prop("checked", true);
if(confirm('선택하신 상품을 삭제하시겠습니까?') == true){
form_check('seldelete');
}
});
//각각 상품 주문
$(".each_order").on('click',function (e){
$('input:checkbox').prop("checked",false);
$("#"+$(this).data('target-id')).prop("checked", true);
if(confirm('선택하신 상품을 주문하시겠습니까?') == true){
form_check('buy');
}
});
스크립트에 쪽에 넣어주세요.
방식은 간단합니다. 버튼을 클릭하면 전체 해제하고,
data-target-id로 선택한 것만해서 넘겨줍니다. 테스트는 잘되는데,
혹시 문제점이 있다면 피드백 부탁드립니다 :)
댓글 5개
8년 전
유용하네요 감사합니다.
8년 전
좋은팁이네요~
5년 전
감사
1년 전
와 감사합니다!
하늘그루터기
1년 전
최고네요~~ 감사합니다^^
게시글 목록
| 번호 | 제목 |
|---|---|
| 2503 | |
| 2501 | |
| 2497 | |
| 2495 | |
| 2491 | |
| 2490 | |
| 2489 | |
| 2486 | |
| 2484 | |
| 2483 | |
| 2481 | |
| 2476 | |
| 2475 | |
| 2474 | |
| 2472 | |
| 2469 | |
| 2467 | |
| 2466 | |
| 2465 | |
| 2464 | |
| 2463 | |
| 2460 | |
| 2459 | |
| 2456 | |
| 2449 | |
| 2446 | |
| 2441 | |
| 2420 | |
| 2419 | |
| 2417 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기