How can I edit the Woocommerce product widget html class?

I would like to add a class to the existing woocommerce product widget.

The file '/includes/widgets/class-wc-widget-products.php' has the following filter.

echo apply_filters( 'woocommerce_before_widget_product_list', '<ul class="product_list_widget">' );

Is there a method that I can edit the html <ul class="product_list_widget"> in that filter within my theme?

I would like to add a class to the existing woocommerce product widget.

The file '/includes/widgets/class-wc-widget-products.php' has the following filter.

echo apply_filters( 'woocommerce_before_widget_product_list', '<ul class="product_list_widget">' );

Is there a method that I can edit the html <ul class="product_list_widget"> in that filter within my theme?

• woocommerce-offtopic

Share Improve this question asked Sep 24, 2016 at 17:03 scopeakscopeak 21311 gold badge55 silver badges1515 bronze badges

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 1

You can use the given filter to change the html.

Use this in your themes functions.php file

function wpse240457_add_class($html) {
  $html = '<ul class="product_list_widget your-new-class">';
  return $html;
}
add_filter('woocommerce_before_widget_product_list', 'wpse240457_add_class', 1, 15);