주 콘텐츠로 건너뛰기

원터치 주문서의 스타일을 변경하고 싶어요.

새로운 CSS 파일을 생성하여 스타일을 변경할 수 있어요.

 

자세히 알아보기

CSS 스타일 변경 방법

  1. 사용자 스타일 수정이 필요한 경우 [관리자] 디자인 > 디자인 보관함 에서 스마트 디자인 편집창의 '전체화면 보기 > css > 모듈(module) > 주문(order)'에 form_onetouch_user.css 이름의 신규 CSS 파일을 생성하세요. 해당 파일에 수정이 필요한 정보를 입력해 주세요. 이 때, form_onetouch_user.css에서 #userStyle #mCafe24Order { }를 사용해야 스타일 적용이 가능해요.

  2. 주문서 작성(orderform.html)을 아래와 같이 세팅할 경우 form_onetouch_user.css의 입력 내용이 우선 적용되어요. 정의되지 않은 스타일의 경우 form_onetouch.css의 자동 업그레이드 스타일이 적용되어요.

    ▼ 아래와 같이 파란색 소스를 추가해 주세요.

      <!--@css(/css/module/order/form_onetouch.css)-->
      <!--@css(/css/module/order/form_onetouch_user.css)-->

     

 

Note

  • 원본 CSS 파일인 'form_onetouch.css'에 기입된 내용을 참고하여 'form_onetouch_user.css'에 원하는 값을 입력하면 더욱 쉽게 작업할 수 있어요.

  • 커스텀 파일인 form_onetouch_user.css의 경우 자동 업그레이드되지 않아요.

  • form_onetouch.css의 참조 문구를 삭제하게 되면 주문서 기능 업그레이드 시 신규 기능 관련 디자인이 정상 작동하지 않을 수 있으므로 유의해 주세요.

 

연관 콘텐츠

이 페이지가 도움이 되었나요?
현재 콘텐츠