WooCommerce 제품을 정렬하는 방법

게시 됨: 2022-01-11

제품을 재정렬하면 사용자가 원하는 대로 결과를 필터링할 수 있으며 제품 가시성과 전환율을 향상시키는 훌륭한 방법입니다. 이 기사에서는 WooCommerce 제품을 분류하는 다양한 방법을 보여줍니다.

WooCommerce에서 제품을 정렬하는 이유는 무엇입니까?

상점에 따라 수백 또는 수천 개의 제품이 있을 수 있습니다. 이 경우 검색 시스템이 좋지 않으면 고객이 원하는 항목을 찾기가 어려울 수 있습니다. 이로 인해 고객이 원하는 것을 찾기가 더 어려워지고 귀하의 수익에 영향을 미칠 수 있습니다.

이 문제를 해결하기 위해 다양한 정렬 기능을 제공할 수 있습니다. 정렬 옵션을 추가하거나 기본 옵션을 조정하여 상점의 전반적인 쇼핑 경험을 개선할 수 있습니다. 예를 들어, 고객이 평균 판매, 제품 인기도 또는 제품 가격을 기반으로 신속하게 결과를 얻도록 할 수 있습니다.

여러 분류 옵션을 사용하면 쇼핑객 이 원하는 제품을 더 빠르고 효율적으로 찾을 수 있습니다. 결과적으로 제품을 분류하면 전자 상거래 상점에 매우 유용할 수 있습니다.

이제 제품을 재주문할 수 있는 옵션이 매장에 도움이 되는 이유를 더 잘 이해했으므로 올바르게 수행하는 방법을 살펴보겠습니다.

WooCommerce 제품을 정렬하는 방법

WooCommerce 제품을 정렬하는 세 가지 주요 방법이 있습니다.

  1. 워드프레스 커스터마이저 사용하기
  2. 워드프레스 플러그인으로
  3. 맞춤 스니펫을 통해(프로그래밍 방식으로)

작업을 완료하는 데 선호하는 방법을 찾을 수 있도록 아래 세 가지 방법을 모두 살펴보겠습니다.

시작하기 전에 어떤 단계도 빠뜨리지 않고 웹사이트에서 WooCommerce를 올바르게 설정했는지 확인하십시오. 이렇게 하면 이러한 모든 방법이 원활하게 작동합니다.

1) WordPress 커스터마이저를 사용하여 WooCommerce 제품 정렬

기본 정렬 옵션을 변경하는 것은 WooCommerce에서 제품을 정렬하기 위해 할 수 있는 가장 쉬운 일 중 하나입니다. 이 옵션은 제품 카탈로그가 있는 상점 페이지 또는 상점 페이지에서 찾을 수 있습니다.

기본 정렬 레이블 정렬 우커머스 제품

WooCommerce에 포함된 WordPress 커스터마이저를 사용하여 기본 옵션을 편집할 수 있습니다.

모양 > 사용자 지정 으로 이동하여 테마 사용자 지정 프로그램을 열고 WooComemrce 옵션을 선택합니다.

우커머스 커스터마이저

그런 다음 제품 카탈로그 를 선택하면 쇼핑 페이지에 대한 기본 WooCommerce 제품 정렬 옵션이 표시됩니다.

우커머스 기본 정렬

그것을 클릭하면 6가지 기본 제품 정렬 옵션을 보여주는 드롭다운 메뉴가 나타납니다.

  • 기본
  • 인기도(판매량)
  • 평균 평점
  • 최근의
  • 가격(오름차순)
  • 가격(내림차순)

정렬 옵션 우커머스 제품 정렬

상점에 맞는 기본 정렬 옵션을 선택하고 원하는 옵션을 선택한 후 마지막으로 저장된 변경 사항을 게시 하십시오.

이것이 WordPress 대시보드를 통해 WooCommerce 제품 정렬을 수정하는 방법입니다. 이 방법의 주요 장점은 플러그인, 기술 지식 또는 사용자 정의 스니펫이 필요하지 않다는 것입니다.

그러나 몇 가지 단점도 있습니다. 기본 정렬 옵션은 최소이며 경우에 따라 매우 제한될 수 있습니다. 따라서 더 많은 옵션을 원하시면 다음 방법을 살펴보십시오.

2) 플러그인으로 WooCommerce 제품 정렬

일부 WordPress 플러그인을 사용하여 WooCommerce 제품을 정렬할 준비가 되었다면 WooCommerce 제품 재정렬 또는 WooCommerce 추가 제품 정렬 옵션을 확인할 수 있습니다. 그들은 당신과 당신의 고객이 온라인 상점에서 제품을 분류할 수 있는 훌륭한 플러그인입니다.

이 튜토리얼에서는 WooCommerce 추가 제품 정렬 옵션 을 사용할 것입니다. 따라서 가장 먼저 해야 할 일은 WooCommerce 사이트에 플러그인을 설치하고 활성화하는 것입니다.

WooCommerce 추가 제품 정렬 옵션 설치

플러그인을 활성화하면 WordPress 사용자 정의 도구를 사용하여 조정할 수 있습니다. 다시 한 번 WordPress 대시보드에서 모양 > 사용자 정의 로 이동하고 이전 접근 방식과 마찬가지로 WooCommerce 옵션을 선택합니다. 이제 제품 카탈로그 섹션을 선택하면 몇 가지 추가 정렬 옵션이 표시됩니다.

우커머스 제품 분류 - 추가 분류

스크린샷에서 볼 수 있듯이 추가 옵션은 다음과 같습니다.

  • 기본 정렬 레이블 편집
  • 새 제품 정렬 추가
  • 기존 상품 분류 제거

기본적으로 WooCommerce는 누군가가 상점 아카이브를 방문할 때 " 기본 정렬" 레이블을 표시합니다. 그러나 이 플러그인을 사용하면 필요한 경우 커스터마이저 자체에서 이름을 바꿀 수 있습니다.

텍스트 상자에 제품 카탈로그에 대해 원하는 새 기본 정렬 레이블 을 입력하기만 하면 됩니다.

새로운 분류 라벨 분류 우커머스 제품

화면 오른쪽에서 미리보기를 즉시 볼 수 있습니다. 저장된 변경 사항을 게시 한 후 변경 사항이 프런트 엔드에 적용됩니다.

기본 정렬 브랜드 변경

라벨을 변경하는 것 외에도 제품 정렬 옵션을 추가하거나 제거할 수도 있습니다.

제품 정렬 옵션을 추가하려면 고객에게 제공하려는 정렬 옵션을 선택하십시오.

새로운 정렬 옵션 추가 우커머스 제품 정렬

옵션을 선택하면 미리보기에 자동으로 표시됩니다.

새로운 정렬 옵션 추가

상품 정렬 옵션을 추가하는 것처럼 기존 옵션을 제거할 수도 있습니다. 불필요한 추가 정렬 옵션이 많은 경우 온라인 상점에 유용한 기능이 될 수 있습니다. 웹사이트와 제품에 따라 일부 고객은 수많은 정렬 옵션에 압도될 수도 있습니다.

플러그인을 사용하여 이러한 정렬 옵션을 쉽게 제거할 수 있습니다. 제거하려면 웹사이트에서 제거하려는 옵션을 선택하기만 하면 됩니다.

제품 정렬 제거 우커머스 제품

미리보기를 보면 정렬을 위한 드롭다운 메뉴에 추가 정렬 옵션이 표시되는 것을 확인할 수 있습니다.

기본 옵션이 제거됨

다시 말하지만, 필요한 모든 변경을 수행한 후 게시 하는 것을 잊지 마십시오.

그게 다야! 이제 WooCommerce 제품을 정렬하기 위해 전용 WordPress 플러그인을 사용할 수 있습니다.

3) 프로그래밍 방식으로 WooCommerce 제품 정렬

가장 진보된 방법이 필요한 경우 프로그래밍 방식이 가장 적합할 수 있습니다. 사이트별 플러그인이나 테마의 functions.php 파일에 간단한 PHP 스니펫을 삽입하기만 하면 정렬 옵션을 수정할 수 있습니다.

이를 위해 Code Snippets와 같은 전용 플러그인을 사용하여 WooCommerce 사이트에 사용자 정의 코드를 추가하거나 하위 테마를 만들 수 있습니다. 도움이 필요하면 WordPress용 하위 테마 플러그인 중 하나를 사용하여 만들 수도 있습니다. 그러나 웹사이트의 일부 핵심 파일을 수정할 예정이므로 시작하기 전에 WordPress 웹사이트를 백업해야 합니다.

그러나 이 데모에서는 코드 조각을 사용합니다. 따라서 먼저 사이트에 이 플러그인을 설치하고 활성화하십시오.

코드 조각 설치

활성화 후 화면 왼쪽에서 플러그인 설정을 볼 수 있습니다. WordPress 대시보드에서 Snippets > All Snippets 로 이동합니다.

모든 스니펫

그런 다음 새로 추가 를 클릭하여 WooCommerce 설치에 새 스니펫을 추가합니다.

새 스니펫 추가

이제 다음 코드를 복사하여 스니펫 필드에 붙여넣습니다. 또한 향후 업데이트를 위해 식별할 수 있도록 스니펫의 이름을 지정하는 것을 잊지 마십시오.

 add_filter('woocommerce_default_catalog_orderby', 'quadlayers_default_catalog_orderby');

기능 quadlayers_default_catalog_orderby( $sort_by ) {
반환 기일';
}

우커머스 정렬 스크립트 정렬 우커머스 제품

코드를 보면 기본 정렬 옵션으로 날짜 를 추가했습니다. 그러나 언제든지 원하는 대로 수정할 수 있습니다. 사용 가능한 옵션은 다음과 같습니다.

  • menu_order - 기본
  • 인기도 – 판매량에 따라
  • 등급 – 고객 등급별
  • 날짜 – 발행일 기준
  • 가격 – 낮은 가격에서 높은 가격으로 정렬
  • price-desc – 높은 가격에서 낮은 가격으로
  • rand - 매번 무작위 제품

예를 들어, 고객 등급에 따라 제품을 정렬해야 하는 경우 다음과 같이 코드를 수정해야 합니다.

 add_filter('woocommerce_default_catalog_orderby', 'quadlayers_default_catalog_orderby');

기능 quadlayers_default_catalog_orderby( $sort_by ) {
반환 '등급';
}

코드를 수정했으면 스니펫을 게시 하십시오. 이제 쇼핑 페이지를 확인하면 기본적으로 새로운 정렬 옵션이 표시됩니다. 이 경우 아래 스크린샷과 같이 평균 정렬로 정렬됩니다.

등급별로 정렬

그러나 항상 요구 사항에 따라 코드를 조정할 수 있습니다.

제품 목록에서 제품 재주문

WordPress 커스터마이저에서 기본적으로 WooCommerce 제품을 정렬할 수 있음을 이미 설정했습니다. 그러나 WooCommerce 플러그인 자체를 사용하여 개별 제품을 수동으로 재정렬할 수도 있습니다. 제품은 고객을 위한 기본 정렬로 임의의 순서 로 정렬될 수도 있습니다.

그리고 가장 좋은 점은 작업을 위해 추가 플러그인이나 사용자 정의 코드를 사용할 필요조차 없다는 것입니다. 대시보드에서 모든 것을 재정렬할 수 있습니다.

따라서 가장 먼저 해야 할 일은 WordPress 대시보드에서 제품 > 모든 제품 으로 이동하는 것입니다. 화면 왼쪽에서 볼 수 있습니다.

우커머스 제품 정렬 - 우커머스 제품

다음 페이지에서 게시된 모든 제품을 볼 수 있습니다. 페이지를 자세히 살펴보면 Sorting 이라는 옵션도 표시됩니다.

우커머스 제품 정렬 - 우커머스 정렬

해당 옵션을 선택하면 제품 정렬 마법사로 리디렉션됩니다.

기본적으로 WooCommerce는 게시 날짜에 따라 제품을 정렬합니다. 하지만 이 페이지를 통해 드래그 앤 드롭을 사용하여 쉽게 재정렬할 수 있습니다.

우커머스 제품 정렬 - 우커머스 기본 정렬

위와 같이 제품을 원하는 위치에 쉽게 드래그 앤 드롭할 수 있습니다. 완료되면 프런트 엔드에서 제품 아카이브 페이지를 확인하십시오.

제품 분류

이렇게 하면 추가 플러그인이나 코드 없이 WooCommerce 제품을 원하는 순서로 수동으로 정렬할 수 있습니다.

특정 제품 재주문

WooCommerce 설치에 전역적으로 정렬 옵션을 적용하면 사이트 전체에 반영됩니다. 그러나 특정 제품을 다시 주문해야 하는 경우에는 좋은 옵션이 아닙니다.

아카이브 또는 쇼핑 페이지 상단에 맞춤형 제품을 표시해야 할 수도 있습니다. 그런 다음 WooCommerce 제품을 정렬하는 다른 접근 방식을 찾아야 합니다. 고맙게도 WooCommerce의 제품 편집기를 사용하기만 하면 됩니다.

가장 먼저 해야 할 일은 제품 편집 마법사를 여는 것입니다. 다시 한 번 WordPress 대시보드에서 제품 > 모든 제품 으로 이동하고 재주문하려는 제품에 대해 편집 을 클릭합니다.

제품 정렬 우커머스 제품 편집

그런 다음 제품 편집기 페이지로 리디렉션됩니다. 여기에서 제품 데이터 아래로 스크롤하여 고급 탭을 클릭합니다.

고급 탭

WooCommerce는 기본적으로 제품 게시 대기열에 따라 메뉴 순서를 선택합니다. 따라서 상점 내부에 10번째 제품을 게시하면 메뉴 순서는 10이 됩니다. 마찬가지로 25번째 제품을 게시한 후 WooCommerce는 메뉴 순서를 25로 설정합니다.

그러나 고급 탭에서 언제든지 수정할 수 있습니다. 그리고 그것이 우리가 제품을 재주문하기 위해 할 일입니다.

특정 제품을 아카이브 페이지 상단으로 가져오려면 0 또는 빼기(-) 값을 사용합니다 . 예를 들어, 0 또는 -1을 사용하여 제품을 맨 위 페이지로 가져올 수 있습니다. 이 데모에서는 메뉴 순서를 -1로 만듭니다. 마지막으로 값을 수정한 후 제품을 업데이트 합니다.

신메뉴 주문

그런 다음 프런트 엔드에서 아카이브 페이지를 확인하십시오.

메뉴 순서가 변경됨

위 스크린샷에서 볼 수 있듯이 특정 제품을 페이지 상단으로 빠르게 가져왔습니다. 다른 상품에 -2를 써도 1순위가 됩니다.

제품 목록에서 이전 방법을 사용할 수도 있습니다. 그러나 이것은 메뉴 주문을 통해 보다 구체적인 위치에 제품을 배치할 수 있기 때문에 보다 직접적인 접근 방식입니다.

특정 카테고리의 제품 정렬

제품을 편리하고 모든 사람이 액세스할 수 있도록 유지하기 위해 카테고리를 사용하여 WooCommerce 제품을 정렬할 수도 있습니다. 그리고 간단한 스니펫으로 카테고리 아카이브에 사용자 정의 정렬 기능을 추가할 수 있습니다. 이 섹션에서는 이에 대해 자세히 설명합니다.

WooCommerce 스토어에 제품 카테고리가 충분한지 확인하세요. 그러나 데모 웹사이트에는 분류되지 않은 카테고리와 여기에 할당된 6개의 제품만 있습니다.

제품 카테고리

보시다시피, 슬러그는 분류되지 않습니다. 이 슬러그는 나중에 스니펫에서 사용할 것입니다. 그런 다음 코드 조각 플러그인으로 이동하여 새 조각을 만듭니다. 완료되면 아래에서 이 코드를 복사하여 웹사이트에 붙여넣습니다.

 add_filter('woocommerce_default_catalog_orderby', 'quadlayers_catalog_orderby_for_category');

기능 quadlayers_catalog_orderby_for_category( $sort_by ) {
if( !is_product_category('분류되지 않음') ) {
$sort_by를 반환합니다. // 분류되지 않은 카테고리 아카이브 정렬 수정
}
반환 기일';
}

카테고리 정렬

코드를 보면 코드 내에서 "분류되지 않은" 슬러그를 선택하고 정렬을 위해 날짜 필터를 사용했음을 알 수 있습니다. 코드를 웹사이트에 게시하기 전에 카테고리 슬러그 및 정렬 옵션으로 교체하세요.

완료했으면 스니펫을 게시 하십시오.

특정 카테고리 아카이브를 방문하면 기본적으로 새로운 정렬 옵션이 표시됩니다. 우리의 경우 제품은 최신 날짜순으로 자동 정렬됩니다.

최신 필터링으로 정렬

그게 다야! 특정 카테고리의 상품을 분류하는 방법입니다.

보너스: 알파벳순으로 WooCommerce 제품 정렬

제품이 많은 경우 알파벳순으로 정렬하는 것이 좋습니다. 사실, 알파벳 순서는 모든 유형의 목록에서 가장 이상적인 정렬 방법 중 하나입니다. 컴퓨터에 있는 파일을 보면 기본적으로 알파벳순으로 정렬되어 있습니다.

마찬가지로 신규 고객에게도 매우 편리할 수 있습니다. 제품의 알파벳을 알파벳순으로 필터링하여 매장에서 원하는 제품을 쉽게 찾을 수 있습니다.

따라서 이 섹션에서는 간단한 스니펫을 사용하여 WooCommerce 제품을 알파벳순으로 정렬하는 방법을 보여줍니다. 사용해야 하는 코드는 다음과 같습니다.

 기능 quadlayers_alphabetical_shop_ordering( $sort_args ) {
$orderby_value = isset( $_GET['orderby'] ) ? woocommerce_clean( $_GET['orderby'] ) : apply_filters( 'woocommerce_default_catalog_orderby', get_option( 'woocommerce_default_catalog_orderby' ) );
if ( '알파벳 순' == $orderby_value ) {
$sort_args['orderby'] = '제목';
$sort_args['주문'] = '오름차순';
$sort_args['메타_키'] = '';
}
$sort_args를 반환합니다.
}
add_filter( 'woocommerce_get_catalog_ordering_args', 'quadlayers_alphabetical_shop_ordering' );

이것을 Code Snippet 플러그인이나 웹사이트의 functions.php 파일에 추가하기만 하면 됩니다.

알파벳순 정렬

붙여 넣은 후 게시 하십시오. 이제 우리는 무거운 작업을 완료했습니다. 다음으로 해야 할 일은 방문자가 정렬 옵션을 사용할 수 있도록 레이블을 만드는 것입니다. 그렇게 하려면 다음 코드가 필요합니다.

 기능 quadlayers_custom_wc_catalog_orderby( $sortby ) {
$sortby['alphabetical'] = '이름순 정렬: 알파벳순';
$sortby를 반환합니다.
}
add_filter( 'woocommerce_default_catalog_orderby_options', 'quadlayers_custom_wc_catalog_orderby' );
add_filter( 'woocommerce_catalog_orderby', 'quadlayers_custom_wc_catalog_orderby' );

플러그인에서 새 스니펫을 한 번 더 만들고 이 코드를 거기에 붙여넣습니다.

알파벳순 정렬

새 스니펫을 추가한 후 게시 하십시오. 이제 상점 아카이브로 이동하여 정렬을 위한 드롭다운 메뉴를 확인합니다.

알파벳순으로 정렬

거기에 제품이 알파벳 순서로 정렬되어 있는 것을 볼 수 있습니다.

코드 없는 솔루션이 필요한 경우 이 플러그인을 사용할 수도 있습니다.

결론

WooCommerce 설치를 처리하는 동안 전환율을 높이기 위해 여러 가지 방법을 시도해야 합니다. 더 나은 고객 경험을 제공하기 위해 제품을 분류하는 것이 편리할 수 있습니다. 위에서 볼 수 있듯이 세 가지 방법(수동, 플러그인 및 코딩) 모두 간단하고 기술 지식이 필요하지 않습니다.

또한 제품 목록에서 제품을 재정렬하거나 특정 제품을 재정렬하는 몇 가지 방법을 더 추가했습니다. 마찬가지로, 특정 카테고리 및 알파벳 순서로 제품 정렬 옵션을 추가했습니다.

이제 문제 없이 매장에서 제품을 분류할 수 있기를 바랍니다. 이 튜토리얼이 도움이 되었다면 다음과 같은 흥미로운 기사가 ​​있습니다.

  • WooCommerce 제품 페이지를 사용자 정의하는 방법
  • 최고의 WooCommerce 제품 번들 플러그인
  • WooCommerce 제품을 내보내는 방법

상품 분류 옵션을 어떻게 수정하시겠습니까? 의견에 알려주십시오.