안녕하세요. 린치핀소프트 한광희입니다.

 

이번 포스트는 워드프레스 쇼핑몰 플러그인 우커머스(Woocommerce) 상품(Product) 관련 쇼트코드(Shortcode) 에 대해서 소개합니다. Shortcode를 이용함으로써 워드프레스의 포스트(글), 페이지에  특정 상품 또는 최근 등록된 상품의 리스트를 추가하거나 특정 상품을 카트에 추가하는 URL 또는 상품 페이지로 이동하는 URL 버튼을 생성하는 등 우커머스를 이용하여 쇼핑몰을 운영하는 사이트에서는 쇼트코드를 이용함으로써 훨씬 더 자유롭고 다채로운 페이지의 구성을 만들어 볼 수 있습니다.

일예로서, 제품에 대한 리뷰나 관련 포스트를 작성한다면 해당 포스트나 페이지에 관련 상품을 노출하거나 상품페이지로 이동할 수 있도록 쇼트코드를 이용하여 추가할 수 있습니다.

 

Product 관련 Shortcode 목록

Recent Products

[recent_products per_page=”6″ columns=”2″]

우커머스 프로덕트에 등록된 최근 상품 리스트를 보여줍니다. 6개의 상품을 2열로 보여줍니다.


Featured Products

[featured_products per_page=”6″ columns=”2″]

Featured Product만을 리스트로 보여줍니다.


Product

[product id=”168″]

ID로 지정된 Product를 노출합니다. 아래에 소개하는 Products 숏코드와 다른점은 단 하나의 상품을 보여줄때 사용합니다.


Products

[products ids=”168,173,174,175″]

복수의 상품을 리스트로 보여줄때 사용합니다 “ids” 항목에 각 상품의 id 를 “,”로 구분하여 등록합니다.


Add to cart URL

[add_to_cart id=”173″]

id로 지정된 상품을 카트에 담는 URL을 생성합니다.


Product Page

[product_page id=”173″]

id로 지정된 상품의 상품 소개 페이지를 노출합니다. 즉 상품의 이미지,가격,소개 등등 우커머스에 등록된 상품의 상품 소개 페이지가 노출됩니다(상품 페이지 URL 링크 버튼이 아닌 상품 상세 페이지 콘텐츠 자체가 게시됩니다)


Product Category

[product_category category=”hoodies”]

category로 지정된 카테고리의 상품을 게시합니다.


Product Attribute

[product_attribute attribute=’color’ filter=’black’]

상품의 Atribute 를 지정하고 해당 attribute 중 filter 를 통해 해당 옵션을 가진 상품의 리스트를 게시합니다.

 

위의 숏트코드를 적용한 이미지입니다. 각 이용하는 테마의 우커머스 호환성과 테마의 스타일 속성등에 의해 각기 보여지는 화면은 상이할 수 있습니다.

screenshot-52.68.215.28 2016-02-08 13-28-38

 

관련 포스트

워드프레스 쇼트코드(Shortcode) 삽입하기!