장바구니

등록된 상품이 없습니다
합계: 0

최근 본 상품

등록된 게시물이 없습니다
    망보드 강의
    글보기
    제목상품 주문하기 버튼 디자인 수정하기2017-06-15 10:30:11
    작성자user icon




    망보드 커머스 상품 화면 스타일을 수정해보도록 하겠습니다.  



    mb-file.php?path=2017%2F06%2F15%2FF1112_%EB%A7%9D%EB%B3%B4%EB%93%9C%EC%BB%A4%EB%A8%B8%EC%8A%A41.png
     



    상품 화면 상단에 버튼 색을 바꿔보도록 하겠습니다.

    먼저 스타일을 바꾸기 전에 css파일을 하나 만들어서
    연결해주도록 하겠습니다.


    mb-file.php?path=2017%2F06%2F15%2FF1113_%EB%A7%9D%EB%B3%B4%EB%93%9C%EC%BB%A4%EB%A8%B8%EC%8A%A42.png


    "mangboard/templates/commerce/css"의 경로에
    style.css 파일을 만들어줍니다.


    mb-file.php?path=2017%2F06%2F15%2FF1115_%EB%A7%9D%EB%B3%B4%EB%93%9C%EC%BB%A4%EB%A8%B8%EC%8A%A47.png


    위의 소스를 추가해줍니다.


    mb-file.php?path=2017%2F06%2F15%2FF1116_%EB%A7%9D%EB%B3%B4%EB%93%9C%EC%BB%A4%EB%A8%B8%EC%8A%A43.png


    style.css 파일을 연결 해주기 위해서
    "mangboard/plugins/commerce"의 commerce.php를 열어줍니다.


    mb-file.php?path=2017%2F06%2F15%2FF1117_%EB%A7%9D%EB%B3%B4%EB%93%9C%EC%BB%A4%EB%A8%B8%EC%8A%A44.png



    loadStyle(mbw_get_template_url("commerce/css/style","theme","css"));

    위의 소스를 추가해줍니다.


    mb-file.php?path=2017%2F06%2F15%2FF1118_%EB%A7%9D%EB%B3%B4%EB%93%9C%EC%BB%A4%EB%A8%B8%EC%8A%A45.png



    다음으로 현재 상품과 연결된 템플릿 파일을 열어줍니다.
    (템플릿 설정은 상품등록할때 선택합니다)

    저는 view-basic2.php 파일과 연결 해 주었습니다.



    mb-file.php?path=2017%2F06%2F15%2FF1119_%EB%A7%9D%EB%B3%B4%EB%93%9C%EC%BB%A4%EB%A8%B8%EC%8A%A46.png


    구매하기, 장바구니, 위시리스트 모델의 class를 수정해줍니다.



    mb-file.php?path=2017%2F06%2F15%2FF1120_%EB%A7%9D%EB%B3%B4%EB%93%9C%EC%BB%A4%EB%A8%B8%EC%8A%A48.png


    버튼의 색이 잘 수정이 되었나 확인합니다.


     
    댓글
    자동등록방지
    (자동등록방지 숫자를 입력해 주세요)
    게티이미지뱅크

    최근 본 상품

    등록된 게시물이 없습니다

    장바구니

    등록된 상품이 없습니다
    합계: 0