장바구니

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

최근 본 상품

등록된 상품이 없습니다
    망보드 강의
    글보기
    제목커머스 패키지 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"]

    최근 본 상품

    등록된 상품이 없습니다

    장바구니

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