Сортировка товара в WooCommerce StoreFront

Задача: Создать свою сортировку товаров woocommerce и перенести товары со статусом нет в наличии в самый низ. Woocommerce скрыть товары которых нет в наличии.

Для тех кто не хочет вносить изменения в файл functions.php темы существует плагин сортировки WooCommerce Extra Product Sorting Options.

Настройка сортировки по умолчанию WooCommerce StoreFront версии 3 находится в настройках темы StoreFront.

➦Переходите по ссылке и регистрируйтесь ❗

• Варианты сортировки woocommerce

Код с WooCommerce сортировка по наличию товаров («нет в наличии» в конце списка) тестировался для WooCommerce 2.6.x и WooCommerce 3.5.1 - всё отлично работает!

<?php
 
add_filter( 'woocommerce_get_catalog_ordering_args', 'custom_woocommerce_get_catalog_ordering_args' );
 
function custom_woocommerce_get_catalog_ordering_args( $args ) {
  $orderby_value = isset( $_GET['orderby'] ) ? woocommerce_clean( $_GET['orderby'] ) : apply_filters( 'woocommerce_default_catalog_orderby', get_option( 'woocommerce_default_catalog_orderby' ) );
 
	if ( 'random_list' == $orderby_value ) {
		$args['orderby'] = 'rand';
		$args['order'] = '';
		$args['meta_key'] = '';
	}
 
	return $args;
}
 
add_filter( 'woocommerce_default_catalog_orderby_options', 'custom_woocommerce_catalog_orderby' );
add_filter( 'woocommerce_catalog_orderby', 'custom_woocommerce_catalog_orderby' );
 
function custom_woocommerce_catalog_orderby( $sortby ) {
	$sortby['random_list'] = 'Random';
	return $sortby;
}

Если функция сортировки продуктов WooCommerce (раскрывающийся список «Сортировка по умолчанию») просто занимает, вы можете удалить его.

Это PHP решение удобнее, чем CSS - и независимо от того, кодируете вы или нет, Вам просто нужно скопировать и вставить фрагмент кода в functions.php вашей дочерней темы.

Для полного скрытия списка «Сортировка по умолчанию» в теме StoreFront, используйте код для function.php.

add_action( 'wp', 'bbloomer_remove_default_sorting_storefront' );
 
function bbloomer_remove_default_sorting_storefront() {
   remove_action( 'woocommerce_after_shop_loop', 'woocommerce_catalog_ordering', 10 );
   remove_action( 'woocommerce_before_shop_loop', 'woocommerce_catalog_ordering', 10 );
}

Вариант скрытия сортировки при помощи CSS.

form.woocommerce-ordering {
display: none !important;
}
p.woocommerce-result-count {
display: none !important;
}