본문 바로가기

현재 위치
  1. HOME
  2. 자주 묻는 질문
  3. 쇼핑몰 생성

쇼핑몰 주요 기능

자주 묻는 질문을 통해 궁금증을 해결하세요!

카테고리 상세
번호 문의유형 제목
1671 원터치 주문서의 라디오 버튼 / 체크박스 디자인을 변경하고 싶어요. 조회수 932
  • 작성일 18.03.31 14:11:38
  • 추천 4 추천하기
  • 조회수 932
 원하는 이미지 업로드 후, form_onetouch_user.css에 새 이미지 경로를 지정해 주세요.

원터치 주문서에서 사용되는 선택 요소


  더 편한 모바일 쇼핑 경험을 제공하기 위해 원터치 주문서는 일반 라디오 버튼 / 체크박스보다 큰 디자인을 사용하고 있습니다.

  이로 인해 작은 모바일 화면 내에서도 선택 및 취소 액션을 편리하게 할 수 있습니다.

 

   



원터치 주문서에서 사용되는 선택 요소 디자인 변경 방법 


  1. FTP를 이용하여, 변경을 원하는 라디오 버튼 / 체크박스 디자인을 업로드합니다.

  2. 쇼핑몰 관리자 '모바일 쇼핑몰'의 스마트 디자인 편집창 '전체화면보기 > css > 모듈(module) > 주문(order)'에 form_onetouch_user.css 파일을 생성하여

       파란색 소스추가하고, 각 이미지 경로 및 파일명을 입력합니다.

   

##상단 생략##

#mCafe24Order input[type="checkbox"] {margin:0; width:24px; height:24px; border:0; cursor:pointer; background:url("체크박스(미선택 상태) 이미지 경로 및 파일명 입력") no-repeat 0 0; background-size:24px 24px; -webkit-appearance:none; }
#mCafe24Order input[type="radio"] { margin:0; width:25px; height:25px; border:0; cursor:pointer; background:url("일반 라디오 버튼(미선택 상태) 이미지 경로 및 파일명 입력") no-repeat 0 0; background-size:25px 25px; -webkit-appearance:none; }
#mCafe24Order .fRadio[type="radio"] { width:33px; height:33px; background-image:url("배송지 목록/결제수단에 표시될 라디오 버튼(미선택 상태) 이미지 경로 및 파일명 입력"); background-size:33px 33px; }
#mCafe24Order input:not(:disabled):checked[type="checkbox"] { background-image:url("체크박스(선택 상태) 이미지 경로 및 파일명 입력"); -webkit-appearance:none; }
#mCafe24Order input:not(:disabled):checked[type="radio"] { background-image:url("일반 라디오 버튼(선택 상태) 이미지 경로 및 파일명 입력"); -webkit-appearance:none; }
#mCafe24Order .fRadio:not(:disabled):checked[type="radio"],
#mCafe24Order .selected > .fRadio { background-image:url("배송지 목록/결제수단에 표시될 라디오 버튼(선택 상태) 이미지 경로 및 파일명 입력"); }
#mCafe24Order input:disabled[type="checkbox"] { background-image:url("체크박스(비활성화 상태) 이미지 경로 및 파일명 입력"); -webkit-appearance:none; }

##하단 생략##


  ※ 미선택 또는 비활성화 상태의 라디오 버튼 / 체크박스 디자인을 변경하지 않을 경우 'form_onetouch_user.css'에서 관련 선언을 제거하세요.



[함께보기] 원터치 주문서 스타일 관련 FAQ


  ▶ 원터치 주문서의 스타일을 변경하고 싶어요. (클릭)






카페24 는 쇼핑몰 운영을 보다 편리하고 쉽게 할 수 있도록 기능 업데이트를 지속적으로 진행하고 있습니다.
더 좋은 서비스가 되기 위해 노력하겠습니다. 끊임없는 애정과 관심 부탁 드립니다.

궁금하신 사항은 언제든지 고객지원센터 1:1게시판으로 문의해주세요. [문의하기]