본문 바로가기

현재 위치
  1. HOME
  2. 쇼핑몰 TIP

쇼핑몰 TIP

온라인 쇼핑몰 제작부터 운영, 마케팅까지! 유용한 정보를 제공합니다.

카테고리 상세
번호 문의유형 제목
1182 장바구니에 담긴 상품 '전체 선택'을 기본값으로 하는 방법 조회수 6122
  • 작성일 2017-06-30 16:05:43
  • 추천 추천하기
  • 조회수 6122


장바구니 페이지에 담긴 상품의 기본값이 전체 선택 되어 있도록 변경하기




01

장바구니 기본값을 전체 선택으로 변경하기




장바구니에 담긴 상품의 기본값은 체크가 안 되어 있는 상태입니다.



구매를 하려면,

구매할 상품을 각각 선택하여 구매하거나

'전체 주문' 버튼을 선택하여 전체 구매가 가능합니다.



 



만약, 장바구니의 기본값이 전체 선택 상태가 되면

구매할 필요가 없는 상품만 체크 해제 후 상품을 구매할 수 있겠죠?



그래서 다수의 상품을 장바구니에 담아 놓고 이용하는 오픈마켓에서는

기본값이 전체 선택되어 있는 경우가 많은데요,

오픈마켓처럼 전체 상품이 체크되어 있도록 변경해볼게요!




1. 스마트디자인 편집창 열기



1) 신규 js파일을 생성합니다.


2) 생성한 파일에 아래와 같이 코드를 넣고 저장해주세요.


 


$(document).ready(function(){
        var link =  document.location.href;          //현재 페이지 url 를 가지고 옵니다.    
        if (link.match('basket')) {                          //가지고온 url 중에 basket(장바구니)이 있는지 확인합니다.
                $( "input[type=checkbox]" ).each(function(){       //확인됐으면 모든 체크박스에 체크를 해줍니다.
                        $(this).attr('checked', true);
                });
        }
});

 




2. 장바구니에 추가한 js파일 연결하기




1) 장바구니 페이지를 열어주세요.


2) 상단에 추가한 js파일을 아래와 같이 연동해주세요.


<!--@js(/js/cart_all_check.js)--> <!-- 추가한 파일을 넣어줍니다. -->

 




02

적용 화면




 


장바구니 페이지에 담긴 상품이 전체 선택 되어 있습니다!