[워드프레스] 우커머스 기본 상품 분류(Sort by) 옵션 변경하기

참고: 인기 테마인 BE 테마(33%)The 7(35%) 할인 행사를 진행하고 있습니다.
참고

워드프레스의 쇼핑몰 플러그인인 우커머스의 상품 페이지에서 상품을 여러 가지 순서로 정렬할 수 있습니다.  상품 배열 기본 옵션을 설정하려면 알림판(관리자 페이지)에서 우커머스 > 설정 > 상품 > 표시하기 탭의 “기본 상품 분류” 옵션에서 지정할 수 있습니다.

워드프레스 우커머스 기본 상품 배열 옵션 설정

상점 페이지에서 인기순, 평점순, 최신순, 가격순 등 여러 가지 기준으로 상품을 정렬할 수 있습니다.

워드프레스 우커머스 상품 정렬

간혹 이러한 상품 정렬 중 일부가 필요하지 않아서 제거하고 싶은 경우가 있을 수 있습니다. 이런 경우 필터를 사용한다면 간단히 원하는 정렬 기준을 변경할 수 있습니다.

function my_woocommerce_catalog_orderby( $orderby ) {
unset($orderby["price"]);
unset($orderby["price-desc"]);
return $orderby;
}
add_filter( "woocommerce_catalog_orderby", "my_woocommerce_catalog_orderby", 20 );
// Source: github

인터넷을 검색해보면 위와 같은 코드가 많이 검색됩니다. 하지만 실제로 적용해보면 잘 안 되네요. WooCommerce가 업데이트 때문인지, 아니면 테스트한 테마(더포레스트에서 판매 1위를 기록하고 있는 아바다 테마에서 테스트함) 문제인지는 정확히는 모르겠습니다. 만약 위의 필터로 잘 되지 않으면 다음과 같은 CSS 코드를 시도해볼 수 있습니다.

/* 우커머스 상품 정렬 옵션 제거하기 */
/* Hides "Order by" options using CSS */
ul.orderby.order-dropdown a[href$="price"],
ul.orderby.order-dropdown a[href$="date"] {
display: none;
}

href$= 뒤에 적절한 정렬 기준 옵션 이름으로 대체하도록 합니다(요소 검사를 통해 확인).

기본 상품 분류(기본 정렬) 드롭다운을 쇼핑 페이지와 카테고리 페이지에서 제거하려면 다음 코드를 함수 파일에 추가하도록 합니다.

remove_action( 'woocommerce_before_shop_loop', 'woocommerce_catalog_ordering', 30 );

이 방법이 잘 안 되면 CSS를 사용할 수도 있을 것입니다.

참고:



기부를 통해 이 블로그를 후원하실 수 있습니다.
워드프레스 설치/제작/문제해결이 필요한 경우 서비스(유료)를 요청해주세요.