워드프레스 우커머스 쇼핑몰에서 모든 상품 리스트 표시하기

네이버 카페아바다(Avada)에서 카테고리별로 말고 모든 상품을 표시하는 방법이 없는지 문의하신 분이 계셔서 여기에 대해 정리해보았습니다.

워드프레스 우커머스 쇼핑몰에서 모든 상품 리스트 표시하기

우커머스에서는 상품(제품)을 다양하게 나열할 수 있는 쇼트코드를 자체적으로 정리합니다. WooCommerce에 포함된 숏코드는 여기에서 참고해볼 수 있습니다.

카테고리별로 아닌 모든 상품을 나열하려면 링크된 문서에서 Scenario 4 – Newest Products에 사용된 숏코드를 응용할 수 있습니다.

[products limit="4" columns="4" orderby="id" order="DESC" visibility="visible"]

위와 같은데요, 위에서는 최신 상품 4개를 4열로 표시합니다. 상품 개수와 열을 원하는 대로 수정하여 페이지의 원하는 곳에 추가할 수 있습니다. 가령 3열로 표시하도록 설정해보면 아바다에서 다음과 같이 표시됩니다.

또, 다른 방법으로 (사실상 동일한 방법이지만) 아바다의 Fusion Builder(아바다 테마가 업데이트되면서 Avada Builder로 명칭이 변경됨)에서 제공하는 Woo Shortcodes 요소를 사용할 수 있습니다.

위의 그림과 같이 Woo Shortcodes 엘리먼트를 추가하면 우커머스 숏코드를 선택할 수 있는 옵션이 선택됩니다. 여러 가지 숏코드를 선택할 수 있습니다.

  • Order tracking (주문 추적)
  • Product price/cart button (상품 가격/장바구니 버튼)
  • Product by SKU/ID (SKU/ID별 상품)
  • Products by SKU/ID (SKU/ID별 상품 리스트)
  • Product categories (상품 카테고리)
  • Products by category slug (카테고리 슬러그별 상품)
  • Recent products (최신 상품 리스트)
  • Featured products (추천 상품)
  • Shop message (상점 메시지)

원하는 숏코드를 선택합니다. 가령 Recent products를 선택하면 다음과 같이 Shortcode content에 숏코드가 표시됩니다.

제품 개수와 컬럼 등을 적절히 수정하도록 합니다. 적용해보면 위에서 그냥 숏코드를 추가할 때와 동일한 결과물을 얻을 수 있습니다. 즉, Woo Shortcodes 요소는 우커머스 숏코드를 쉽게 추가할 수 있도록 제공됩니다.

위의 내용은 다른 워드프레스 테마를 사용하는 경우에도 비슷하게 적용할 수 있습니다.

엘리멘터에서 최신 상품 목록 표시하기

엘리멘터 페이지 빌더를 사용하는 경우에도 비슷한 방법으로 가능합니다. 우커머스 숏코드를 이용하거나 엘리멘터의 우커머스 상품 위젯을 사용할 수 있습니다.

참고:

Leave a Comment