Как убрать сортировку в Woocommerce и поле «Количество товаров»

Как убрать сортировку в Woocommerce и поле «Количество товаров»

Продолжаю работу над созданием интернет-магазина на WordPress, используя плагин woocommerce.
В этой статье я расскажу, как убрать сортировку в Woocommerce и поле «Количество товаров».

Убираем сортировку в Woocommerce

Имеем на сайте сортировку товаров в виде выпадающего списка, где можно отсортировать товары по популярности, рейтингу, новизне, цене по возрастанию или цене по убыванию.

Если вам нужно убрать сортировку товара, то это можно сделать быстро через CSS.
Откройте файл «style.css» вашей темы и вставьте вот такой код:

.woocommerce-ordering{
display: none;
}

Сортировка товаров полностью исчезнет с сайта.

Можно удалить сортировку товаров и другим способом, но способ не очень эффективный, так как после обновления плагина «woocommerce» код может вернуться. Нужно либо отключить обновления плагинов, либо просто не обновлять. Итак, заходим по пути к файлу «orderby.php»:

/wp-content/plugins/woocommerce/templates/loop/orderby.php

И в файле «orderby.php» удалите форму:

<form class="woocommerce-ordering" method="get">
<select name="orderby" class="orderby">
<?php foreach ( $catalog_orderby_options as $id => $name ) : ?>
<option value="<?php echo esc_attr( $id ); ?>" <?php selected( $orderby, $id ); ?>><?php echo esc_html( $name ); ?></option>
<?php endforeach; ?>
</select>
<?php
// Keep query string vars intact
foreach ( $_GET as $key => $val ) {
if ( 'orderby' === $key || 'submit' === $key ) {
continue;
}
if ( is_array( $val ) ) {
foreach( $val as $innerVal ) {
echo '<input ENGINE="hidden" name="' . esc_attr( $key ) . '[]" value="' . esc_attr( $innerVal ) . '" />';
}
} else {
echo '<input type="hidden" name="' . esc_attr( $key ) . '" value="' . esc_attr( $val ) . '" />';
}
}
?>
</form>

Если вам нужно из сортировки товаров удалить только выпадающие пункты, например, отсортировать товары по популярности, рейтингу, новизне, цене по возрастанию или цене по убыванию, то в файле «functions.php» вашей темы вставьте вот такой код:

function custom_woocommerce_catalog_orderby( $orderby ) {
unset($orderby["popularity"]); // по популярности
unset($orderby["rating"]); // по рейтингу
unset($orderby["date"]); по новизне или по дате
unset($orderby["price"]); //по цене возврастания
unset($orderby["price-desc"]); // по цене убывания
return $orderby;
}
add_filter( "woocommerce_catalog_orderby", "custom_woocommerce_catalog_orderby", 20 );

Если вставите этот код  в файле «functions.php», то пропадет весь выпадающий список. Если вам нужно что-то оставить из списка, например, сортировку по рейтингу, то в коде можете закомментировать строку, так как у меня в примере (строка №3):

function custom_woocommerce_catalog_orderby( $orderby ) {
unset($orderby["popularity"]); // по популярности
//unset($orderby["rating"]); // по рейтингу
unset($orderby["date"]); по новизне или по дате
unset($orderby["price"]); //по цене возврастания
unset($orderby["price-desc"]); // по цене убывания
return $orderby;
}
add_filter( "woocommerce_catalog_orderby", "custom_woocommerce_catalog_orderby", 20 );

В коде есть подсказки, так что проблем со списком быть не должно.

Убираем «Количество товаров»

Выглядит пункт «Количество товаров» на сайте вот таким вот образом:

Если вам нужно убрать пункт «Количество товаров», то это можно сделать через CSS.
Откройте файл «style.css» вашей темы и вставьте вот такой код:

.woocommerce-result-count {
display: none;
}

Пункт «Количество товаров» исчезнет. Фух, вроде все сказал.

Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓

13 Ответов на комментарий - Как убрать сортировку в Woocommerce и поле «Количество товаров»

1. Ирина

   27.09.2016 в 23:02

   А как с помощью CSS оставить сортировку только вверху страницы или только внизу? Сразу в 2-х местах она ни к чему.
2. Степан => автор блога

   28.09.2016 в 14:46

   Ирина, дайте адрес, гляну, а то не сильно понял Вас.
3. Мария

   30.09.2016 в 16:33

   Добрый день. К сожалению Ваш метод как убрать поле кол-во товаров не подошел. Есть еще варианты?
4. Степан => автор блога

   06.10.2016 в 14:04

   Здравствуйте, Мария!
   Что-то значит Вы не так делаете. У меня ведь работает.
   Расскажите, что Вы сделали и как сделали поэтапно.
5. Илья

   20.10.2016 в 23:08

   Важное уточнение стоит сделать. Чтобы увидеть результат ваших действий, после всех операций удалите кеш браузера. А так, спасибо, хороший способ избавиться от проблем- display: none;
6. Степан => автор блога

   21.10.2016 в 21:39

   Упссс! Точно, не уточнил. Можно обновить страницу сайта с очисткой кэша c помощью клавиш CTRL+R
7. Светлана

   07.07.2017 в 12:44

   Подскажите пожалуйста, как в сортировке поставить первое меню – ПО НОВИЗНЕ продукта. И в каком файле найти этот код. Спасибо.
8. Степан => автор блога

   11.07.2017 в 09:54

   Здравствуйте, Светлана!
   Попробуйте открыть файл “wc-template-functions.php” (\wp-content\plugins\woocommerce\includes\wc-template-functions.php) и найдите вот такой код (строка 830):

   $catalog_orderby_options = apply_filters( 'woocommerce_catalog_orderby', array(
   			'menu_order' => __( 'Default sorting', 'woocommerce' ),
   			'popularity' => __( 'Sort by popularity', 'woocommerce' ),
   			'rating'     => __( 'Sort by average rating', 'woocommerce' ),
   			'date'       => __( 'Sort by newness', 'woocommerce' ),
   			'price'      => __( 'Sort by price: low to high', 'woocommerce' ),
   			'price-desc' => __( 'Sort by price: high to low', 'woocommerce' ),
   		) );
   

   замените его на вот это:

   $catalog_orderby_options = apply_filters( 'woocommerce_catalog_orderby', array(
                           'date'       => __( 'Sort by newness', 'woocommerce' ),
   			'menu_order' => __( 'Default sorting', 'woocommerce' ),
   			'popularity' => __( 'Sort by popularity', 'woocommerce' ),
   			'rating'     => __( 'Sort by average rating', 'woocommerce' ),
   			'price'      => __( 'Sort by price: low to high', 'woocommerce' ),
   			'price-desc' => __( 'Sort by price: high to low', 'woocommerce' ),
   		) );
   

   Сохраните и смотрите на результат.
   Вот только после обновления плагина нужно будет сделать повторную процедуру или же, сделайте все это по вот такому принципу, как я написал в этой статье:
   https://bloggood.ru/wordpress/spisok-fajlov-shablonov-dlya-woocommerce.html/
9. Наталья

   29.09.2017 в 21:50

   Здравствуйте! Подскажите, пожалуйста, а можно на странице товаров убрать слово “магазин”?
10. Степан => автор блога

    02.10.2017 в 15:37

    Здравствуйте, Наталья! Все можно! Было бы замечательно, если дадите адрес на сайт.
11. Тимка

    13.11.2017 в 19:53

    Доброго времени суток
    Подскажите плиз,после того как убрала сортировку и количество – товары соответсвенно поднялись наверх и встали почти вплотную к меню.
    Где бы прописать чтобы опустить чуть-чуть?
12. Степан => автор блога

    14.11.2017 в 15:14

    Здравствуйте!
    Прописать нужно маленький код в style.css вашей темы.
    Мне бы глянуть на сайт, так бы сказал, что именно нужно прописать.
13. Александра

    29.11.2019 в 13:08

    Здравствуйте. У меня такой вопрос: как убрать дату и автора со страниц товаров?
    Буду очень благодарна, если вы мне поможете.

Добавить комментарий

Нажмите, чтобы отменить ответ.

Имя (required)

Mail (will not be published) (required)

Сайт

Чтобы добавить в комментарий код HTML, PHP, CSS, JavaScript, нужно сделать так: [code] ваш код [/code]

Метки: wordpress, без плагинов