장바구니

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

최근 본 상품

등록된 상품이 없습니다
워드프레스 전문가들이 선택한 필수 플러그인
    망보드 강의
    Home / 망보드 강의
    글보기
    상품 주문하기 버튼 디자인 수정하기
    조회수2124
    2017-06-15 10:30




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



    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


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


     

    카테고리쇼핑몰
    #워드프레스망보드커머스#워드프레스쇼핑몰수정#워드프레스망보드수정#망보드수정#쇼핑몰수정