[ 2019년 3월 20일에 업데이트된 커머스 패키지 사용시에만 사용 가능 ]
추천상품 위젯 Shortcode 세부 설정 추천상품 위젯 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) product_type : 상품 타입 설정 (shipping: 배송상품만 표시, virtual: 배송없는상품만 표시, file: 파일상품만 표시, lecture: 강의상품만 표시)
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 세부 설정 카테고리 위젯 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" style="" template="tab-basic-2" category1="여행"] ex) "Select" 카테고리 1단 표시 안하고 2단부터 시작하기 (step="2" 속성추가) [mb_commerce_category name="commerce_product" style="" template="select-basic-1" step="2"] 상품 게시판 Shortcode 세부 설정 상품 게시판 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) product_type : 상품 타입 설정 (shipping: 배송상품만 표시, virtual: 배송없는상품만 표시, file: 파일상품만 표시, lecture: 강의상품만 표시)
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" style="" template="select-basic-1"] Tab 카테고리 위젯 Shortcode [mb_commerce_category name="commerce_product" 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" style="" product_type="lecture" template="select-basic-1"] Tab 카테고리(강의) 위젯 Shortcode [mb_commerce_category name="commerce_product" 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"]
추천상품(배송상품) 위젯 Shortcode: 추천상품 목록에서 상품 타입이 "배송상품"으로 설정된 상품만 표시 [mb_commerce_gallery name="commerce_product" title="추천 상품" list_size="4" template="gallery-basic-421" height="200px" tablet_height="200px" mobile_height="220px" style="padding-bottom:20px" use_title="true" use_desc="false" price_type="2" product_type="shipping"] 상품 목록(배송상품) Shortcode: 상품 목록에서 상품 타입이 "배송상품"으로 설정된 상품만 표시 [mb_commerce name="commerce_product" responsive_class="col-421" vimg-max-width="500px" vimg-max-height="460px" template="gallery-basic-m1" product_type="shipping"] 추천상품(배송없는상품) 위젯 Shortcode: 추천상품 목록에서 상품 타입이 "배송없는상품"으로 설정된 상품만 표시 [mb_commerce_gallery name="commerce_product" title="추천 상품" list_size="4" template="gallery-basic-421" height="200px" tablet_height="200px" mobile_height="220px" style="padding-bottom:20px" use_title="true" use_desc="false" price_type="2" product_type="virtual"] 상품 목록(배송없는상품) Shortcode: 상품 목록에서 상품 타입이 "배송없는상품"으로 설정된 상품만 표시 [mb_commerce name="commerce_product" responsive_class="col-421" vimg-max-width="500px" vimg-max-height="460px" template="gallery-basic-m1" product_type="virtual"]
관심 상품: m_wishlist
[mb_board name="commerce_wishlist" style=""] 장바구니: m_cart [mb_commerce name="commerce_cart" style=""] 주문/결제: m_billing [mb_commerce name="commerce_billing" style=""] 주문완료: m_order_result [mb_commerce name="commerce_order_result" style=""] 주문/배송조회: m_my_order [mb_board name="commerce_my_order" style=""] 판매/주문조회(판매자용): m_order [mb_board name="commerce_order" style=""] 상품 Q&A: m_product_qa [mb_board name="commerce_product_qa" style=""] 상품 리뷰(전체): m_review_list [mb_board name="commerce_product_review" style=""] 나의 상품 리뷰: m_product_review [mb_board name="commerce_product_review" style="" where="user_post1"] 나의 포인트: m_product_review [mb_commerce name="commerce_point"] 나의 쿠폰함: m_coupon [mb_commerce name="commerce_coupon"] 비회원 주문조회: m_order_search [mb_commerce name="commerce_order_search" style=""] 이용약관: m_pay_ts [mb_commerce name="commerce_terms_service"] 개인정보 수집 동의: m_pay_pp [mb_commerce name="commerce_privacy_policy"] | 
Hometory
