장바구니

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

최근 본 상품

등록된 게시물이 없습니다
    망보드 강의
    글보기
    제목상품 카테고리 별로 업로드 하고 네비게이션 연결하기2017-02-22 10:46:57
    작성자user icon
    이 강의는 망보드커머스 패키지가 설치되어있어야 하므로
    아직 설치가 되지 않으신 분은 아래 강의를 보고 와주시기 바랍니다.

    망보드커머스 패키지에서 제일 기본적이면서 중요하다고 할 수 있는 
    상품 올리는 방법에 대해 알아보도록 하겠습니다.

    보통의 쇼핑몰과 비슷하게 큰 카테고리는
    아우터, 상의, 하의 로 나누고
    아우터[코트, 패딩가디건]
    상의[기본티,블라우스]
    하의[바지,스커트]로 세부 카테고리를 나누도록 하겠습니다.

    워드프레스 홈페이지 관리자 메뉴로 로그인을 한 뒤,
    "MB-Commerce > 상품 카테고리"를 클릭합니다.

     
    mb-file.php?path=2017%2F02%2F22%2FF491_1.jpg


    "상품 카테고리"텝의 "카테고리 추가"를 클릭해서 카테고리를 추가 해보도록 하겠습니다.


    mb-file.php?path=2017%2F02%2F22%2FF492_2.jpg


    카테고리를 추가한 뒤 카테고리명을 적어주고 "save"버튼을 클릭해줍니다.


    mb-file.php?path=2017%2F02%2F22%2FF493_3.jpg


    "+" 버튼을 클릭하여 세부카테고리를 추가해줍니다. 

    mb-file.php?path=2017%2F02%2F22%2FF494_4.jpg
     

    세부카테고리를 아래와 같이 설정해준 뒤 아래 "저장하기" 버튼을 클릭해줍니다. 


    mb-file.php?path=2017%2F02%2F22%2FF495_Snap5.jpg
     

    이제 상품을 올려보도록 하겠습니다.

    워드프레스 홈페이지 관리자 메뉴에서
    "MB-Commerce > 상품 관리"를 클릭합니다.


    mb-file.php?path=2017%2F02%2F22%2FF496_Snap7.jpg
     

    "상품등록" 버튼을 클릭합니다. 


    mb-file.php?path=2017%2F02%2F22%2FF497_Snap8.jpg
     

    상품 정보를 입력 한 뒤 확인버튼을 누릅니다.
    각 카테고리에 하나씩의 상품을 샘플로 올리도록 하겠습니다.


    mb-file.php?path=2017%2F02%2F22%2FF498_Snap9.jpg


    샘플 상품을 등록하였습니다.


    mb-file.php?path=2017%2F02%2F22%2FF499_Snap10.jpg


    상품 화면을 만들어 보도록 하겠습니다.

    "페이지 > 모든페이지"를 클릭하면 dummy-data로 만들어진 화면들이 나옵니다.


    mb-file.php?path=2017%2F02%2F22%2FF500_Snap11.jpg



    "상품갤러리-321, 상품갤러리-432, 상품갤러리-532" 상품갤러리 화면들 중에
    "상품 갤러리-321"을 클릭하겠습니다.


    mb-file.php?path=2017%2F02%2F22%2FF501_Snap13.jpg



    Shortcode를 모두 복사한 뒤, "새 페이지 추가"를 클릭합니다.



    mb-file.php?path=2017%2F02%2F22%2FF502_Snap14.jpg



    아우터 갤러리 페이지를 만들도록 하겠습니다.
    복사한 Shortcode에 다음과 같은 코드를 추가해주세요.


    mb-file.php?path=2017%2F02%2F22%2FF503_Snap15.jpg


    오른쪽 업데이트를 누른 뒤에 "고유주소"를 클릭해봅니다.


    mb-file.php?path=2017%2F02%2F22%2FF504_Snap16.jpg


    숏코드와 매칭하여 화면을 보도록 하겠습니다.




    mb-file.php?path=2017%2F02%2F22%2FF505_Snap17.jpg



    위 화면의 첫번째 박스 select 카테고리 위젯은 다음의 숏코드와 매칭이 됩니다.

    [mb_commerce_category name="commerce_product" template="select-basic-1" style="text-align:right;" step="2"]

    맨 뒤에 step="2" 를 붙여준 이유는 카테고리 1단은 생략하고 2단부터 시작하겠다는 의미입니다.
    클릭하면 "코트,패딩,가디건"을 선택할 수 있습니다.


    두번째 박스 Tab 카테고리 위젯의 숏코드는 다음과 같습니다.

    [mb_commerce_category name="commerce_product" template="tab-basic-2" class="" style="padding-bottom:5px;" category1="아우터"]

    맨 뒤에 category1="아우터" 를 붙여준 이유는 "아우터" 항목의 화면을 보여달라는 의미입니다.

    세번째 박스 추천상품 위젯의 숏코드는 다음과 같습니다.

    [mb_commerce_gallery name="commerce_product" title="추천 상품" list_size="4" template="gallery-basic-422" style="padding-bottom:20px" category1="아우터"]

    마찬가지로 추천상품을 "아우터" 항목 안에서 보여달라는 의미입니다.

    네번째 박스 상품 목록의 숏코드는 다음과 같습니다.

    [mb_commerce name="commerce_product" template="gallery-basic-321" category1="아우터"]

    상품 갤러리 화면을 "아우터" 항목 안에서 보여달라는 의미입니다.


    "상의","하의" 화면도 동일한 코드에 "아우터"부분만 수정하여 만들어 줍니다.




    mb-file.php?path=2017%2F02%2F22%2FF506_Snap18.jpg



    마지막으로 네비게이션을 만들어 화면과 연결을 하면 샘플 사이트가 완성이 됩니다.

    관리자 화면 "외모 > 메뉴" 를 클릭합니다.


    mb-file.php?path=2017%2F02%2F22%2FF507_Snap19.jpg


    "아우터","상의","하의" 화면을 메뉴에 추가합니다.


    mb-file.php?path=2017%2F02%2F22%2FF508_Snap20.jpg


    메뉴를 저장합니다.


    mb-file.php?path=2017%2F02%2F22%2FF509_Snap21.jpg


    해당 사이트에 네비게이션이 잘 보이는지 확인합니다.

    만약 네비게이션이 안나온다면 "위치 관리하기" 텝에서 기본 메뉴를 설정해줍니다.


    mb-file.php?path=2017%2F02%2F22%2FF510_Snap22.jpg


    네비게이션 메뉴의 "아우터"를 클릭해보니 화면이 잘 나옵니다.


    mb-file.php?path=2017%2F02%2F22%2FF511_Snap23.jpg

     


     


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

    최근 본 상품

    등록된 게시물이 없습니다

    장바구니

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