woocommerce фильтр по цене не работает

фильтр по цене woocommerce

если при установке магазина woocommerce  не отображается бегунок фильтра по цене, это может означать, что ваша тема не поддерживает его стили.

Примените код стилей

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    color: #fff;
    background-color: #b36f5c;
}

 .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1em;
    height: 1em;
    background-color: #b36f5c;
    border-radius: 1em;
    cursor: ew-resize;
    outline: 0;
    top: -.3em;
    margin-left: -.5em;
}
.ui-slider-horizontal {
    height: .5em;
}

.ui-slider {
    position: relative;
    text-align: left;
    margin-left: .5em;
    margin-right: .5em;
}

.price_slider {
    margin-bottom: 1em;
}
  .ui-slider-range {
    top: 0;
    height: 100%;
}
.price_slider_amount {
    text-align: right;
    line-height: 2.4;
    font-size: .8751em;
}
 .ui-widget-content {
    border-radius: 1em;
    background-color: #602053;
    border: 0;
} 

  .ui-slider-range {
   position: absolute;
    text-align: left;
    border-radius: 1em;
    background-color: #b36f5c; 
}

Причины исчезновения фильтра

Если после этого, по прежнему нет отображения фильтра, попробуйте разобраться, в чем может быть проблема:

  1. посмотрите в виджетах — находится ли он в колонках (sidebar) и активна ли эта колонка, после проверьте на сайте
  2. если первое решение не помогло  — отключите все плагины — может быть конфликт
  3. если второе решение не помогло отключите текущую тему, и активируйте стандартную
Поделись с друзьями:
woocommerce фильтр по цене не работает: 2 комментария
  1. Nikolay:

    Спасибо, друг!

  2. Антон Рихновец:

    Добавлю, что фильтр по цене может не отображаться, если все товары на странице имеют одинаковую цену.

    У меня была именно эта причина 🙂

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

* Все комментарии проходят модерацию