• Вопрос без рабочей ссылки на проблему считается риторическим. Без ссылки и скриншота - провокацией!
  • Темы озаглавленные с маленькой буквы или капсом удаляются без предупреждения!

Решено WC скрывает 2 input'a в фильтре цен.

7erj

Новичок
Добрый день! Проблема такая:
Долго искал фильтр цен, что бы по совместительству было (как на розетке) input ввода максимальной и минимальной цен. Не нашел. Увы.

Однако у WC есть стандартный виджет по фильтрации цен, и как я увидел в коде есть 2 input поля для ввода этих цен (кроме стандартного ползунка). Но они в атрибуте скрыты (style="display:none;"). Нашел соотв. файл в системе: wp-content/plugins/woocommerce/includes/widgets/class-wc-widget-price-filter.php
в этом файлике я нашел соответствующий код:

echo '<form method="get" action="' . esc_url( $form_action ) . '">
<div class="price_slider_wrapper">
<div class="price_slider"></div>
<div class="price_slider_amount">
<input type="text" id="min_price" name="min_price" value="' . esc_attr( $min_price ) . '" data-min="' . esc_attr( apply_filters( 'woocommerce_price_filter_widget_min_amount', $min ) ) . '" placeholder="' . esc_attr__( 'Min price', 'woocommerce' ) . '" />
<input type="text" id="max_price" name="max_price" value="' . esc_attr( $max_price ) . '" data-max="' . esc_attr( apply_filters( 'woocommerce_price_filter_widget_max_amount', $max ) ) . '" placeholder="' . esc_attr__( 'Max price', 'woocommerce' ) . '"/>
<button type="submit" class="button">' . __( 'Filter', 'woocommerce' ) . '</button>
<div class="price_label">
' . __( 'Price:', 'woocommerce' ) . ' <span class="from"></span> &mdash; <span class="to"></span>
</div>
' . $fields . '
<div class="clear"></div>
</div>
</div>
</form>';

__________________________________________________________________________
Однако атрибут: style я не нашел. WC сам каким-то образом добавляет его на фронт-энд, только каким образом?
В этом и вопрос. Каким образом мне отобразить эти input поля? (прикрепил скрин исходника)
Спасибо.
7e872f32a669t.jpg
 

artemkomarov

Специалист
Местный
WC сам каким-то образом добавляет его на фронт-энд, только каким образом?
https://ru.wikipedia.org/wiki/JQuery

Каким образом мне отобразить эти input поля?
http://htmlbook.ru/css/!important

через свой css добавляете через атрибут important
 
  • Like
Реакции: D&B
Сверху Снизу