自己的WooCommerce主题，显示文本框而不是价格过滤器小部件的滑块

我目前正在写我自己的WordPress主题，它应该支持WooCommerce。到目前为止，Everything工作正常，但由于某种原因，价格过滤器小部件的滑块不工作，它只显示了2个文本框。

我查看了WooCommerce代码，似乎他们在div容器中硬编码了“display：none”，以及价格标签：

<div class="price_slider_wrapper">
    <div class="price_slider" style="display:none;"></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" style="display:none;">
            \' . __( \'Price:\', \'woocommerce\' ) . \' <span class="from"></span> &mdash; <span class="to"></span>
        </div>
        \'. $fields . \'
        <div class="clear"></div>
    </div>
</div>

我还查看了店面代码，但找不到该主题如何显示滑块。

是否有一些钩子或其他东西可以用来删除内联css？

相关推荐