Aura Header Footer for Elementor lets you design custom headers and footers with Elementor’s full drag-and-drop editor, then control exactly where they appear using flexible display conditions.
Place these hooks in your theme to output templates:
<?php do_action( 'aura_hfe_header' ); ?> — in `header.php`
<?php do_action( 'aura_hfe_footer' ); ?> — in `footer.php`
Action hooks: aura_hfe_loaded, aura_hfe_activated, aura_hfe_deactivated, aura_hfe_meta_saved, aura_hfe_template_created
Filter hooks: aura_hfe_header_hook, aura_hfe_footer_hook, aura_hfe_resolved_template, aura_hfe_template_matches, aura_hfe_include_rule_options, aura_hfe_evaluate_include_rule, aura_hfe_sticky_offset, aura_hfe_render_post_id, aura_hfe_cpt_args, aura_hfe_active_templates_query
Add a custom display condition:
add_filter( 'aura_hfe_include_rule_options', function( $opts ) {
$opts['woo_shop'] = __( 'WooCommerce Shop', 'your-domain' );
return $opts;
} );
add_filter( 'aura_hfe_evaluate_include_rule', function( $result, $rule, $pages ) {
if ( 'woo_shop' === $rule ) {
return function_exists( 'is_shop' ) && is_shop();
}
return $result;
}, 10, 3 );