장바구니

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

최근 본 상품

등록된 상품이 없습니다
    망보드 강의
    Home / 망보드 강의
    글보기
    제목커머스 패키지 Shortcode 세부 설정2019-03-20 13:25:26
    작성자user icon

    [ 2019년 3월 20일에 업데이트된 커머스 패키지 사용시에만 사용 가능 ]


    추천상품 위젯 Shortcode
    [mb_commerce_gallery name="commerce_product" title="추천 상품" list_size="5" template="gallery-basic-532" style=""]

    name : 상품 게시판 이름 (commerce_product 고정)
    title : 추천상품 갤러리 상단에 표시할 제목 (생략가능)
    list_size : 추천상품 목록 개수
    template : gallery-basic-543,gallery-basic-532,gallery-basic-432,gallery-basic-421,gallery-basic-422,gallery-basic-321,gallery-basic-222
        => gallery-basic-543 템플릿은 브라우져 크기에 따라 한줄에 5개-4개-3개 순으로 이미지 표시
    search_field : SALE=is_sale, EVENT=is_event, NEW=is_new, RECOMMEND=is_recommend BEST=is_best
    order_by : product_rank1(랭킹순), sale_price(판매가격순), sale_count(판매순), reg_date(등록순)
    order_type : desc(내림차순),asc(오름차순)
    category1 : 상품 카테고리1 (category1에 해당하는 상품만 표시)
    category2 : 상품 카테고리2 (category2에 해당하는 상품만 표시)
    category3 : 상품 카테고리3 (category3에 해당하는 상품만 표시)
    height : 상품 이미지 높이 설정 (160px)
    tablet_height : 태블릿 - 상품 이미지 높이 설정 (200px)
    mobile_height : 모바일 - 상품 이미지 높이 설정 (260px)
    use_title : 상품 이름 표시 여부 (true:표시, false:표시안함, 기본:true)
    use_desc : 상품 요약설명 표시 여부 (true:표시, false:표시안함, 기본:false)
    price_type : 상품 가격 표시 (0:표시안함, 1:판매가격만 표시, 2: 정상가격+판매가격, 기본:2)
    style : Style 속성 입력

    ex) 상품 등록시 상품유형에서 SALE 항목을 선택한 항목만 추천하기 (search_field="is_sale" search_text="1" 속성추가)
    [mb_commerce_gallery name="commerce_product" title="commerce_gallery" list_size="5" style="" search_field="is_sale" search_text="1" template="gallery-basic-532"]

    ex) 판매순으로 추천상품 순서 변경하기 (order_by="sale_count" order_type="desc")
    [mb_commerce_gallery name="commerce_product" title="commerce_gallery" list_size="5" style="" order_by="sale_count" order_type="desc" template="gallery-basic-532"]

    ex) 모바일,태블릿,데스크탑에서 상품 이미지 높이 다르게 설정하기 (height="150px" tablet_height="220px" mobile_height="280px")
    [mb_commerce_gallery name="commerce_product" title="commerce_gallery" list_size="5" style="" height="150px" tablet_height="220px" mobile_height="280px" template="gallery-basic-532"]

    ex) 특정 카테고리 항목만 보여주도록 설정하기 (category1="여행" category2="제주도")
    [mb_commerce_gallery name="commerce_product" title="commerce_gallery" list_size="5" style="" category1="여행" category2="제주도" template="gallery-basic-532"]

    ex) 추천상품에 상품 이름,요약설명 표시하고 가격 표시 안하도록 설정하기 (use_title="true" use_desc="true" price_type="0")
    [mb_commerce_gallery name="commerce_product" title="commerce_gallery" list_size="5" style="" use_title="true" use_desc="true" price_type="0" template="gallery-basic-532"]
    카테고리 위젯 Shortcode
    [mb_commerce_category name="commerce_product" template="tab-basic-2" text_color="#888" focus_text_color="#E03030" focus_bg_color="#fff" style="padding-bottom:5px;"]

    name : 상품 게시판 이름 (commerce_product 고정)
    template : select-basic-1,tab-basic-1,tab-basic-2,tab-basic-2,tab-basic-3,tab-basic-4,tab-basic-5,tab-basic-6,tab-basic-7,tab-basic-8,text-basic-1
    text_color : 기본 텍스트 칼라
    focus_text_color : 선택된 카테고리 텍스트 칼라
    focus_bg_color : 선택된 카테고리 배경 칼라
    style : Style 속성 입력

    ex) 특정 카테고리 항목으로 시작하기 (category1="",category2="",category3="")
    [mb_commerce_category name="commerce_product" title="commerce_category" style="" template="tab-basic-2" category1="여행"]

    ex) "Select" 카테고리 1단 표시 안하고 2단부터 시작하기 (step="2" 속성추가)
    [mb_commerce_category name="commerce_product" title="commerce_category" style="" template="select-basic-1" step="2"]
    상품 게시판 Shortcode
    [mb_commerce name="commerce_product" responsive_class="col-421" vimg-max-width="500px" vimg-max-height="460px" template="gallery-basic-m1"]


    * 아래의 숏코드 속성은 갤러리 템플릿 [gallery-basic-m1 ~ gallery-basic-m8] 에서만 사용이 가능합니다.


    name : 상품 게시판 이름 (commerce_product 고정)
    responsive_class : 상품 갤러리 반응형 클래스 (col-543,col-532,col-432,col-421,col-321,col-221,col-111)
        => col-543 반응형 클래스는 브라우져 크기에 따라 한줄에 5개-4개-3개 순으로 이미지 표시
    template : gallery-basic-m1,gallery-basic-m2,gallery-basic-m3,gallery-basic-m4,gallery-basic-m5,gallery-basic-m6,gallery-basic-m7,gallery-basic-m8,list-basic-m1
    category1 : 상품 카테고리1 (category1에 해당하는 상품만 표시)
    category2 : 상품 카테고리2 (category2에 해당하는 상품만 표시)
    category3 : 상품 카테고리3 (category3에 해당하는 상품만 표시)
    post_id : 상품 이미지 클릭시 다른 상품 페이지로 이동하는 post_id 설정
    height : 상품 이미지 높이 설정 (160px)
    tablet_height : 태블릿 - 상품 이미지 높이 설정 (200px)
    mobile_height : 모바일 - 상품 이미지 높이 설정 (260px)
    use_img : 상품 이미지 표시 여부 (true:표시, false:표시안함, 기본:true)
    use_swap_img : 상품 교체 이미지 표시 여부 (true:표시, false:표시안함, 기본:true)
    use_hover_img : 상품 마우스 오버 이미지 표시 여부 (true:표시, false:표시안함, 기본:true)
    use_title : 상품 이름 표시 여부 (true:표시, false:표시안함, 기본:true)
    use_desc : 상품 요약설명 표시 여부, 일부 템플릿에서만 사용가능 (true:표시, false:표시안함, 기본:true)
    use_price : 상품 가격 표시 여부 (true:표시, false:표시안함, 기본:true)
    use_icon1 : 상품 아이콘1 표시 여부 (true:표시, false:표시안함, 기본:true)
    use_icon2 : 상품 아이콘2 여부 (true:표시, false:표시안함, 기본:true)
    use_btn1 : 상품 주문 버튼 표시 여부, 일부 템플릿에서만 사용가능 (true:표시, false:표시안함, 기본:true)
    vimg-max-width : 상품 보기 페이지 - 상품 이미지 최대 넓이 설정
    vimg-max-height : 상품 보기 페이지 - 상품 이미지 최대 높이 설정
    related_product_list_size : 상품 보기 페이지 - 관련 상품 - 목록 개수 설정
    related_responsive_class : 상품 보기 페이지 - 관련 상품 - 반응형 클래스 (col-543,col-532,col-432,col-421,col-321,col-221)
    related_img_height : 상품 보기 페이지 - 관련 상품 - 상품 이미지 높이 설정 (160px)
    related_img_tablet_height : 상품 보기 페이지 - 관련 상품 - 태블릿 - 상품 이미지 높이 설정 (200px)
    related_img_mobile_height : 상품 보기 페이지 - 관련 상품 - 모바일 - 상품 이미지 높이 설정 (260px)

    ex) 모바일,태블릿,데스크탑에서 상품 이미지 높이 다르게 설정하기 (height="150px" tablet_height="220px" mobile_height="280px")
    [mb_commerce name="commerce_product" responsive_class="col-421" height="150px" tablet_height="220px" mobile_height="280px" template="gallery-basic-m1"]

    ex) 특정 카테고리 항목만 보여주도록 설정하기 (category1="여행" category2="제주도")
    [mb_commerce name="commerce_product" responsive_class="col-421" category1="여행" category2="제주도" template="gallery-basic-m1"]

    ex) 추천상품에 상품 이름,내용 표시하고 가격 표시 안하도록 설정하기 (use_title="true" use_desc="true" use_price="false")
    [mb_commerce name="commerce_product" responsive_class="col-421" use_title="true" use_desc="true" use_price="false" template="gallery-basic-m1"]


    1. 커머스 패키지 설치시에 dummy-data를 통해 기본적으로 9개(상품갤러리 8개,상품리스트 1개)의 상품 목록 페이지가 추가됩니다.

    2. 상품 목록 페이지 구성 Shortcode

      - Select 카테고리 위젯 Shortcode
        [mb_commerce_category name="commerce_product" template="select-basic-1" style="text-align:right;"]

      - Tab 카테고리 위젯 Shortcode
        [mb_commerce_category name="commerce_product" template="tab-basic-2" text_color="#888" focus_text_color="#E03030" focus_bg_color="#fff" class="" style="padding-bottom:5px;"]

      - 추천상품 위젯 Shortcode
        [mb_commerce_gallery name="commerce_product" title="추천 상품" list_size="4" template="gallery-basic-421" height="160px" tablet_height="200px" mobile_height="260px" style="padding-bottom:20px" use_title="true" use_desc="false" price_type="2"]

      - 상품 목록 게시판 Shortcode
        [mb_commerce name="commerce_product" responsive_class="col-421" vimg-max-width="500px" vimg-max-height="460px" template="gallery-basic-m1"]

    3. 상품 목록 페이지는 Shortcode를 이용하여 카테고리 및 템플릿을 수정해서 사용할 수 있습니다.
    장바구니 Shortcode
    [mb_commerce_cart name="commerce_cart" title="commerce_cart" style="" template="cart-basic-1" img_width="50px" img_height="50px"]

    가격검색 Shortcode
    [mb_commerce_search name="commerce_product" title="commerce_search" style="" template="price-basic-1"]

    Select 카테고리 Shortcode
    [mb_commerce_category name="commerce_product" title="commerce_category" style="" template="select-basic-1"]

    Tab 카테고리 Shortcode
    [mb_commerce_category name="commerce_product" title="commerce_category" style="" template="tab-basic-2"]

    추천상품 Shortcode
    [mb_commerce_gallery name="commerce_product" title="추천 상품" list_size="5" style="" template="gallery-basic-532"]

    최근본상품 Shortcode
    [mb_commerce_latest name="commerce_product" title="최근 본 상품" list_size="5" style="" template="latest-view-1" img_width="50px" img_height="50px"]

    최근등록된상품 Shortcode
    [mb_commerce_latest name="commerce_product" title="최근 등록 상품" list_size="5" style="" template="latest-write-1" img_width="50px" img_height="50px"]

    상품 목록 Shortcode
    [mb_commerce name="commerce_product" responsive_class="col-421" vimg-max-width="500px" vimg-max-height="460px" template="gallery-basic-m1"]

    Select 카테고리(강의) Shortcode
    [mb_commerce_category name="commerce_product" title="commerce_category" style="" product_type="lecture" template="select-basic-1"]

    Tab 카테고리(강의) Shortcode
    [mb_commerce_category name="commerce_product" title="commerce_category" style="" product_type="lecture" template="tab-basic-2"]

    추천상품(강의) Shortcode
    [mb_commerce_gallery name="commerce_product" title="추천 강의" list_size="5" style="" product_type="lecture" template="gallery-basic-532"]

    강의 목록 Shortcode
    [mb_commerce name="commerce_lecture" responsive_class="col-421" vimg-max-width="500px" vimg-max-height="460px" template="gallery-basic-m1"] 

    최근 본 상품

    등록된 상품이 없습니다

    장바구니

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