Filter uncanny-automator

automator_woocommerce_order_summary_container_class

Filters the CSS class applied to the WooCommerce order summary container for customization.

add_filter( 'automator_woocommerce_order_summary_container_class', $callback, 10, 1 );

Description

Filters the CSS class applied to the WooCommerce order summary container. This hook allows developers to dynamically modify or add classes to customize the appearance of the order summary displayed in automations, providing fine-grained control over the styling based on the order object.

Usage

add_filter( 'automator_woocommerce_order_summary_container_class', 'your_function_name', 10, 1 );

Parameters

$order (mixed)
This parameter is the default CSS class 'automator-order-summary-container' that will be applied to the order summary element.

Return Value

The filtered value.

Examples

/**
 * Add a custom class to the WooCommerce order summary container if the order status is 'completed'.
 *
 * @param string $class The current CSS class for the container.
 * @param WC_Order $order The WooCommerce order object.
 * @return string The modified CSS class.
 */
add_filter( 'automator_woocommerce_order_summary_container_class', function( $class, $order ) {
    if ( $order instanceof WC_Order && $order->has_status( 'completed' ) ) {
        $class .= ' completed-order-summary';
    }
    return $class;
}, 10, 2 );

Placement

This code should be placed in the functions.php file of your active theme, a custom plugin, or using a code snippets plugin.

Source Code

src/integrations/woocommerce/tokens/wc-tokens.php:1008

$tr_border_colour = apply_filters( 'automator_woocommerce_order_summary_tr_border_color', '#e5e5e5', $order );
		$tr_text_colour   = apply_filters( 'automator_woocommerce_order_summary_tr_text_color', '#636363', $order );
		$td_border_colour = apply_filters( 'automator_woocommerce_order_summary_td_border_color', '#e5e5e5', $order );
		$td_text_colour   = apply_filters( 'automator_woocommerce_order_summary_td_text_color', '#636363', $order );
		
		// Add filters for container styling
		$max_width        = apply_filters( 'automator_woocommerce_order_summary_max_width', '640px', $order );
		$container_class  = apply_filters( 'automator_woocommerce_order_summary_container_class', 'automator-order-summary-container', $order );
		$container_id     = apply_filters( 'automator_woocommerce_order_summary_container_id', 'automator-order-summary-' . $order->get_id(), $order );
		$table_class      = apply_filters( 'automator_woocommerce_order_summary_table_class', 'automator-order-summary-table', $order );

		$html   = array();
		$html[] = sprintf(
			'<div id="%s" class="%s" style="max-width: %s; width: 100%%;">',
			esc_attr( $container_id ),

Internal Usage

Found in src/integrations/woocommerce/tokens/wc-tokens.php:988:

* add_filter( 'automator_woocommerce_order_summary_container_class', function( $class, $order ) {
Scroll to Top