카페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개
9년 전
유용하네요 감사합니다.
8년 전
좋은팁이네요~
6년 전
감사
1년 전
와 감사합니다!
하늘그루터기
1년 전
최고네요~~ 감사합니다^^
게시판 목록
영카트5 팁자료실
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 191 | 8년 전 | 4351 | ||
| 190 | 8년 전 | 4855 | ||
| 189 | 8년 전 | 5278 | ||
| 188 | 8년 전 | 3767 | ||
| 187 | 8년 전 | 8532 | ||
| 186 | 8년 전 | 8935 | ||
| 185 | 8년 전 | 4088 | ||
| 184 | 8년 전 | 4540 | ||
| 183 | 8년 전 | 5074 | ||
| 182 | 8년 전 | 4885 | ||
| 181 | 8년 전 | 8266 | ||
| 180 | 8년 전 | 3832 | ||
| 179 | 8년 전 | 4381 | ||
| 178 | 8년 전 | 11667 | ||
| 177 | 8년 전 | 4044 | ||
| 176 | 8년 전 | 3632 | ||
| 175 | 8년 전 | 3850 | ||
| 174 | 8년 전 | 7442 | ||
| 173 | 8년 전 | 4301 | ||
| 172 | 8년 전 | 4453 | ||
| 171 | 8년 전 | 3950 | ||
| 170 | 8년 전 | 6014 | ||
| 169 | 9년 전 | 3701 | ||
| 168 |
절약사나이
|
9년 전 | 6070 | |
| 167 | 9년 전 | 5213 | ||
| 166 | 9년 전 | 9284 | ||
| 165 | 9년 전 | 4433 | ||
| 164 | 9년 전 | 3738 | ||
| 163 | 9년 전 | 3716 | ||
| 162 | 9년 전 | 4160 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기