Astra_Ext_Advanced_Headers_Meta::site_header_tab( array $options )
Markup for Site Header Tabs
Description
Parameters
- $options
-
(array) (Required) Post meta.
Source
File: addons/advanced-headers/classes/class-astra-ext-advanced-headers-meta.php
public function site_header_tab( $options ) {
$layout = $options['layouts'];
$design = $options['designs'];
?>
<table class="ast-advanced-headers-table widefat ast-required-advanced-headers">
<tr class="ast-advanced-headers-row ast-advanced-header-layout-merge-wrap">
<td class="ast-advanced-headers-row-heading">
<label><?php esc_html_e( 'Merge Page Header with Site Header', 'astra-addon' ); ?></label>
</td>
<td class="ast-advanced-headers-row-content">
<input type="checkbox" id="ast-advanced-header-layout-merged"
name="ast-advanced-headers-layout[merged]"
value="enabled" <?php checked( isset( $layout['merged'] ) ? $layout['merged'] : '', 'enabled' ); ?> />
</td>
</tr>
</table>
<table class="ast-advanced-headers-table require-merge-ast-advanced-header widefat">
<!-- Site Identity -->
<tr class="ast-advanced-headers-row">
<td class="ast-advanced-headers-row-heading title">
<label><?php esc_html_e( 'Site Identity', 'astra-addon' ); ?></label>
</td>
</tr>
<tr class="ast-advanced-headers-row diff-logo-wrap">
<td class="ast-advanced-headers-row-sub-heading">
<label><?php esc_html_e( 'Different Logo for Page Header?', 'astra-addon' ); ?></label>
</td>
<td class="ast-advanced-headers-row-content">
<input type="checkbox" id="ast-advanced-header-diff-header-logo"
name="ast-advanced-headers-layout[diff-header-logo]"
value="enabled" <?php checked( isset( $layout['diff-header-logo'] ) ? $layout['diff-header-logo'] : '', 'enabled' ); ?> />
</td>
</tr>
<tr class="ast-advanced-headers-row ast-logo-settings-wrap">
<td class="ast-advanced-headers-row-sub-heading">
<label><?php esc_html_e( 'Logo', 'astra-addon' ); ?></label>
</td>
<td class="ast-advanced-headers-row-content">
<div id="ast-advanced-headers-preview-logo">
<?php if ( isset( $design['logo-url'] ) && '' != $design['logo-url'] ) { ?>
<img class="ast-advanced-headers-logo saved-image"
src="<?php echo esc_url( $design['logo-url'] ); ?>"
style="margin-bottom:12px;max-width:150px;"/>
<?php } ?>
</div>
<input type="hidden" id="ast-advanced-headers-logo-id" class="ast-advanced-headers-logo-id"
name="ast-advanced-headers-design[logo-id]"
value="<?php echo esc_attr( $design['logo-id'] ); ?>"/>
<input type="hidden" id="ast-advanced-headers-logo" class="ast-advanced-headers-logo"
name="ast-advanced-headers-design[logo-url]"
value="<?php echo esc_attr( $design['logo-url'] ); ?>"/>
<a class="ast-advanced-header-logo-select button-secondary"
href="#"><?php esc_html_e( 'Select logo', 'astra-addon' ); ?></a>
<?php
// Remove button based on image is selected or not.
$remove_logo_button = ( isset( $design['logo-url'] ) && '' != $design['logo-url'] ) ? 'display:inline-block;' : 'display:none;';
?>
<button class="ast-advanced-headers-logo-remove button" type="button"
style="<?php echo esc_attr( $remove_logo_button ); ?>">
<?php esc_html_e( 'Remove Logo', 'astra-addon' ); ?>
</button>
</td>
</tr>
<tr class="ast-advanced-headers-row ast-diff-header-retina-logo">
<td class="ast-advanced-headers-row-sub-heading">
<label><?php esc_html_e( 'Different Logo for retina devices?', 'astra-addon' ); ?></label>
</td>
<td class="ast-advanced-headers-row-content">
<input type="checkbox" id="ast-advanced-header-diff-header-retina-logo"
name="ast-advanced-headers-layout[diff-header-retina-logo]"
value="enabled" <?php checked( isset( $layout['diff-header-retina-logo'] ) ? $layout['diff-header-retina-logo'] : '', 'enabled' ); ?> />
</td>
</tr>
<tr class="ast-advanced-headers-row ast-retina-logo-settings-wrap">
<td class="ast-advanced-headers-row-sub-heading">
<label><?php esc_html_e( 'Retina Logo', 'astra-addon' ); ?></label>
</td>
<td class="ast-advanced-headers-row-content">
<div id="ast-advanced-headers-preview-logo">
<?php if ( isset( $design['retina-logo-url'] ) && '' != $design['retina-logo-url'] ) { ?>
<img class="ast-advanced-headers-logo saved-image"
src="<?php echo esc_url( $design['retina-logo-url'] ); ?>"
style="margin-bottom:12px;max-width:150px;"/>
<?php } ?>
</div>
<input type="hidden" id="ast-advanced-headers-logo-id" class="ast-advanced-headers-logo-id"
name="ast-advanced-headers-design[retina-logo-id]"
value="<?php echo esc_attr( $design['retina-logo-id'] ); ?>"/>
<input type="hidden" id="ast-advanced-headers-logo" class="ast-advanced-headers-logo"
name="ast-advanced-headers-design[retina-logo-url]"
value="<?php echo esc_attr( $design['retina-logo-url'] ); ?>"/>
<a class="ast-advanced-header-logo-select button-secondary"
href="#"><?php esc_html_e( 'Select logo', 'astra-addon' ); ?></a>
<?php
// Remove button based on image is selected or not.
$remove_logo_button = ( isset( $design['retina-logo-url'] ) && '' != $design['retina-logo-url'] ) ? 'display:inline-block;' : 'display:none;';
?>
<button class="ast-advanced-headers-logo-remove button" type="button"
style="<?php echo esc_attr( $remove_logo_button ); ?>">
<?php esc_html_e( 'Remove Logo', 'astra-addon' ); ?>
</button>
</td>
</tr>
<tr class="ast-advanced-headers-row ast-logo-settings-wrap">
<td class="ast-advanced-headers-row-sub-heading">
<label><?php esc_html_e( 'Logo Width', 'astra-addon' ); ?></label>
</td>
<td class="ast-advanced-headers-row-content">
<input type="number" min="0" step="1" max="600"
name="ast-advanced-headers-design[header-logo-width]"
value="<?php echo esc_attr( $design['header-logo-width'] ); ?>" placeholder='0'/>
</td>
</tr>
<!-- Header Colors -->
<tr class="ast-advanced-headers-row">
<td class="ast-advanced-headers-row-heading title">
<label><?php esc_html_e( 'Customize Site Header', 'astra-addon' ); ?></label>
</td>
</tr>
<tr class="ast-advanced-headers-row">
<td class="ast-advanced-headers-row-sub-heading">
<label><?php esc_html_e( 'Background Overlay Color', 'astra-addon' ); ?></label>
</td>
<td class="ast-advanced-headers-row-content">
<input type="text" class="ast-advanced-headers-color-picker" data-alpha="true"
name="ast-advanced-headers-design[header-bg-color]"
value="<?php echo esc_attr( $design['header-bg-color'] ); ?>" />
</td>
</tr>
<?php
if ( is_astra_theme_3_5_0_version() ) {
$site_title = astra_get_option( 'display-site-title' );
}else{
$site_title_setting = astra_get_option( 'display-site-title-responsive' );
$site_title = ( $site_title_setting['desktop'] || $site_title_setting['tablet'] || $site_title_setting['mobile'] ) ? true : false;
}
if ( $site_title ) {
?>
<tr class="ast-advanced-headers-row">
<td class="ast-advanced-headers-row-sub-heading">
<label><?php esc_html_e( 'Site Title Color', 'astra-addon' ); ?></label>
</td>
<td class="ast-advanced-headers-row-content">
<input type="text" class="ast-advanced-headers-color-picker" data-alpha="true"
name="ast-advanced-headers-design[site-title-color]"
value="<?php echo esc_attr( $design['site-title-color'] ); ?>" />
</td>
</tr>
<tr class="ast-advanced-headers-row">
<td class="ast-advanced-headers-row-sub-heading">
<label><?php esc_html_e( 'Site Title Hover Color', 'astra-addon' ); ?></label>
</td>
<td class="ast-advanced-headers-row-content">
<input type="text" class="ast-advanced-headers-color-picker" data-alpha="true"
name="ast-advanced-headers-design[site-title-h-color]"
value="<?php echo esc_attr( $design['site-title-h-color'] ); ?>" />
</td>
</tr>
<?php
}
if ( is_astra_theme_3_5_0_version() ) {
$display_site_tagline = astra_get_option( 'display-site-tagline' );
}else{
$site_tagline_setting = astra_get_option( 'display-site-tagline-responsive' );
$display_site_tagline = ( $site_tagline_setting['desktop'] || $site_tagline_setting['tablet'] || $site_tagline_setting['mobile'] ) ? true : false;
}
if ( $display_site_tagline ) {
?>
<tr class="ast-advanced-headers-row">
<td class="ast-advanced-headers-row-sub-heading">
<label><?php esc_html_e( 'Site Tagline Color', 'astra-addon' ); ?></label>
</td>
<td class="ast-advanced-headers-row-content">
<input type="text" class="ast-advanced-headers-color-picker" data-alpha="true"
name="ast-advanced-headers-design[site-tagline-color]"
value="<?php echo esc_attr( $design['site-tagline-color'] ); ?>" />
</td>
</tr>
<?php
}
?>
<tr class="ast-advanced-headers-row">
<td class="ast-advanced-headers-row-sub-heading">
<label><?php esc_html_e( 'Border Bottom Size', 'astra-addon' ); ?></label>
</td>
<td class="ast-advanced-headers-row-content">
<input type="number" min="0" step="1" max="600"
name="ast-advanced-headers-design[header-main-sep]"
value="<?php echo esc_attr( $design['header-main-sep'] ); ?>" placeholder='0'/>
</td>
</tr>
<tr class="ast-advanced-headers-row">
<td class="ast-advanced-headers-row-sub-heading">
<label><?php esc_html_e( 'Bottom Border Color', 'astra-addon' ); ?></label>
</td>
<td class="ast-advanced-headers-row-content">
<input type="text" class="ast-advanced-headers-color-picker" data-alpha="true"
name="ast-advanced-headers-design[header-main-sep-color]"
value="<?php echo esc_attr( $design['header-main-sep-color'] ); ?>" />
</td>
</tr>
</table>
<!-- Primary menu Colors -->
<table class="ast-advanced-headers-table widefat">
<tr class="ast-advanced-headers-row">
<td class="ast-advanced-headers-row-heading title">
<label><?php esc_html_e( 'Primary Menu', 'astra-addon' ); ?></label>
</td>
</tr>
<tr class="ast-advanced-headers-row require-merge-ast-advanced-header">
<td class="ast-advanced-headers-row-sub-heading">
<label><?php esc_html_e( 'Background Color', 'astra-addon' ); ?></label>
</td>
<td class="ast-advanced-headers-row-content">
<input type="text" class="ast-advanced-headers-color-picker" data-alpha="true"
name="ast-advanced-headers-design[primary-menu-bg-color]"
value="<?php echo esc_attr( $design['primary-menu-bg-color'] ); ?>" />
</td>
</tr>
<tr class="ast-advanced-headers-row require-merge-ast-advanced-header">
<td class="ast-advanced-headers-row-sub-heading">
<label><?php esc_html_e( 'Link / Text Color', 'astra-addon' ); ?></label>
</td>
<td class="ast-advanced-headers-row-content">
<input type="text" class="ast-advanced-headers-color-picker" data-alpha="true"
name="ast-advanced-headers-design[primary-menu-color]"
value="<?php echo esc_attr( $design['primary-menu-color'] ); ?>" />
</td>
</tr>
<tr class="ast-advanced-headers-row require-merge-ast-advanced-header">
<td class="ast-advanced-headers-row-sub-heading">
<label><?php esc_html_e( 'Link Hover Color', 'astra-addon' ); ?></label>
</td>
<td class="ast-advanced-headers-row-content">
<input type="text" class="ast-advanced-headers-color-picker" data-alpha="true"
name="ast-advanced-headers-design[primary-menu-h-color]"
value="<?php echo esc_attr( $design['primary-menu-h-color'] ); ?>" />
</td>
</tr>
<tr class="ast-advanced-headers-row require-merge-ast-advanced-header">
<td class="ast-advanced-headers-row-sub-heading">
<label><?php esc_html_e( 'Link Active Color', 'astra-addon' ); ?></label>
</td>
<td class="ast-advanced-headers-row-content">
<input type="text" class="ast-advanced-headers-color-picker" data-alpha="true"
name="ast-advanced-headers-design[primary-menu-a-color]"
value="<?php echo ( isset( $design['primary-menu-a-color'] ) ) ? esc_attr( $design['primary-menu-a-color'] ) : ''; ?>" />
</td>
</tr>
<!-- Primary menu -> submenu Colors -->
<tr class="ast-advanced-headers-row require-merge-ast-advanced-header">
<td class="ast-advanced-headers-row-sub-heading">
<label><?php esc_html_e( 'Submenu Background Color', 'astra-addon' ); ?></label>
</td>
<td class="ast-advanced-headers-row-content">
<input type="text" class="ast-advanced-headers-color-picker" data-alpha="true"
name="ast-advanced-headers-design[primary-submenu-bg-color]"
value="<?php echo ( isset( $design['primary-submenu-bg-color'] ) ) ? esc_attr( $design['primary-submenu-bg-color'] ) : ''; ?>" />
</td>
</tr>
<tr class="ast-advanced-headers-row require-merge-ast-advanced-header">
<td class="ast-advanced-headers-row-sub-heading">
<label><?php esc_html_e( 'Submenu Link / Text Color', 'astra-addon' ); ?></label>
</td>
<td class="ast-advanced-headers-row-content">
<input type="text" class="ast-advanced-headers-color-picker" data-alpha="true"
name="ast-advanced-headers-design[primary-submenu-color]"
value="<?php echo ( isset( $design['primary-submenu-color'] ) ) ? esc_attr( $design['primary-submenu-color'] ) : ''; ?>" />
</td>
</tr>
<tr class="ast-advanced-headers-row require-merge-ast-advanced-header">
<td class="ast-advanced-headers-row-sub-heading">
<label><?php esc_html_e( 'Submenu Link Hover Color', 'astra-addon' ); ?></label>
</td>
<td class="ast-advanced-headers-row-content">
<input type="text" class="ast-advanced-headers-color-picker" data-alpha="true"
name="ast-advanced-headers-design[primary-submenu-h-color]"
value="<?php echo ( isset( $design['primary-submenu-h-color'] ) ) ? esc_attr( $design['primary-submenu-h-color'] ) : ''; ?>" />
</td>
</tr>
<tr class="ast-advanced-headers-row require-merge-ast-advanced-header">
<td class="ast-advanced-headers-row-sub-heading">
<label><?php esc_html_e( 'Submenu Link Active Color', 'astra-addon' ); ?></label>
</td>
<td class="ast-advanced-headers-row-content">
<input type="text" class="ast-advanced-headers-color-picker" data-alpha="true"
name="ast-advanced-headers-design[primary-submenu-a-color]"
value="<?php echo ( isset( $design['primary-submenu-a-color'] ) ) ? esc_attr( $design['primary-submenu-a-color'] ) : ''; ?>" />
</td>
</tr>
<?php
// Get all nav menus.
$menu_locations = get_nav_menu_locations();
?>
<tr class="ast-advanced-headers-row">
<td class="ast-advanced-headers-row-sub-heading">
<label><?php esc_html_e( 'Select Primary Menu', 'astra-addon' ); ?></label>
</td>
<td class="ast-advanced-headers-row-content">
<?php
if ( isset( $design['custom-menu'] ) ) {
$primary_manu = isset( $menu_locations['primary'] ) ? $menu_locations['primary'] : '';
$custom_menu = ( ( isset( $design['custom-menu'] ) && '' == $design['custom-menu'] ) ) ? $primary_manu : $design['custom-menu'];
$nav_menus = wp_get_nav_menus();
}
?>
<select name="ast-advanced-headers-design[custom-menu]" style="width: auto" ;>
<option
value="0"><?php printf( '— %s —', esc_html__( 'Default', 'astra-addon' ) ); ?></option>
<?php
if ( isset( $design['custom-menu'] ) && ! empty( $nav_menus ) ) {
foreach ( $nav_menus as $menu ) :
?>
<option <?php selected( $custom_menu == $menu->term_id ); ?>
value="<?php echo esc_attr( $menu->term_id ); ?>">
<?php echo esc_html( $menu->name ); ?>
</option>
<?php
endforeach;
}
?>
</select>
</td>
</tr>
<tr class="ast-advanced-headers-row">
<td class="ast-advanced-headers-row-sub-heading">
<label><?php esc_html_e( 'Custom Menu Item', 'astra-addon' ); ?></label>
</td>
<td class="ast-advanced-headers-row-content">
<?php
$custom_menu_item = isset( $design['custom-menu-item'] ) ? $design['custom-menu-item'] : 'default';
$primary_custom_menu_item = apply_filters(
'astra_header_section_elements',
array(
'default' => __( 'Customizer Setting', 'astra-addon' ),
'none' => __( 'None', 'astra-addon' ),
'search' => __( 'Search', 'astra-addon' ),
'text-html' => __( 'Text / HTML', 'astra-addon' ),
'widget' => __( 'Widget', 'astra-addon' ),
),
'primary-header'
);
?>
<select id="ast-advanced-headers-design-custom-menu-item" name="ast-advanced-headers-design[custom-menu-item]" style="width: auto" ;>
<?php foreach ( $primary_custom_menu_item as $custom_menu_item_key => $custom_menu_item_value ) { ?>
<option <?php selected( $custom_menu_item, $custom_menu_item_key ); ?> value="<?php echo esc_attr( $custom_menu_item_key ); ?>"> <?php echo esc_html( $custom_menu_item_value ); ?></option>
<?php } ?>
</select>
</td>
</tr>
<tr class="ast-advanced-headers-row">
<td class="ast-advanced-headers-row-sub-heading">
<label><?php esc_html_e( 'Search Style', 'astra-addon' ); ?></label>
</td>
<td class="ast-advanced-headers-row-content">
<?php
$current_search_style = isset( $design['search-style'] ) ? $design['search-style'] : 'default';
$search_styles = array(
'default' => __( 'Customizer Setting', 'astra-addon' ),
'slide-search' => __( 'Slide Search', 'astra-addon' ),
'full-screen' => __( 'Full Screen Search', 'astra-addon' ),
'header-cover' => __( 'Header Cover Search', 'astra-addon' ),
'search-box' => __( 'Search Box', 'astra-addon' ),
);
?>
<select id="ast-advanced-headers-design-search-style" name="ast-advanced-headers-design[search-style]" style="width: auto" ;>
<?php foreach ( $search_styles as $style_slug => $style_title ) { ?>
<option <?php selected( $current_search_style, $style_slug ); ?> value="<?php echo esc_attr( $style_slug ); ?>"> <?php echo esc_html( $style_title ); ?></option>
<?php } ?>
</select>
</td>
</tr>
<tr class="ast-advanced-headers-row ast-custom-menu-item-enabled">
<td class="ast-advanced-headers-row-sub-heading">
<label><?php esc_html_e( 'Take custom menu item outside', 'astra-addon' ); ?></label>
</td>
<td class="ast-advanced-headers-row-content">
<input type="checkbox" id="ast-advanced-header-custom-menu-item-outside"
name="ast-advanced-headers-design[custom-menu-item-outside]"
value="enabled" <?php checked( isset( $design['custom-menu-item-outside'] ) ? $design['custom-menu-item-outside'] : '', 'enabled' ); ?> />
</td>
</tr>
<tr class="ast-advanced-headers-row ast-custom-menu-item-text-enabled">
<td class="ast-advanced-headers-row-sub-heading">
<label><?php esc_html_e( 'Custom Menu Text / HTML', 'astra-addon' ); ?></label>
</td>
<td class="ast-advanced-headers-row-content">
<textarea type="checkbox" id="ast-advanced-header-custom-menu-item-text-html" name="ast-advanced-headers-design[custom-menu-item-text-html]" ><?php echo esc_textarea( isset( $design['custom-menu-item-text-html'] ) ? $design['custom-menu-item-text-html'] : '' ); ?></textarea>
</td>
</tr>
</table>
<?php
$above_header_layout = astra_get_option( 'above-header-layout' );
if ( Astra_Ext_Extension::is_active( 'header-sections' ) && 'disabled' != $above_header_layout ) {
?>
<!-- Above Header Colors -->
<table class="ast-advanced-headers-table widefat">
<tr class="ast-advanced-headers-row">
<td class="ast-advanced-headers-row-heading title">
<label><?php esc_html_e( 'Above Header', 'astra-addon' ); ?></label>
</td>
<tr class="ast-advanced-headers-row">
<td class="ast-advanced-headers-row-sub-heading">
<label><?php esc_html_e( 'Display Above Header', 'astra-addon' ); ?></label>
</td>
<td class="ast-advanced-headers-row-content">
<input type="checkbox" id="ast-advanced-header-layout-above-header"
name="ast-advanced-headers-layout[above-header-enabled]"
value="enabled" <?php checked( isset( $layout['above-header-enabled'] ) ? $layout['above-header-enabled'] : '', 'enabled' ); ?> />
</td>
</tr>
</tr>
<tr class="ast-advanced-headers-row ast-above-header-required">
<td class="ast-advanced-headers-row-sub-heading">
<label><?php esc_html_e( 'Background Color', 'astra-addon' ); ?></label>
</td>
<td class="ast-advanced-headers-row-content">
<input type="text" class="ast-advanced-headers-color-picker" data-alpha="true"
name="ast-advanced-headers-design[above-header-bg-color]"
value="<?php echo esc_attr( $design['above-header-bg-color'] ); ?>" />
</td>
</tr>
<tr class="ast-advanced-headers-row ast-above-header-required">
<td class="ast-advanced-headers-row-sub-heading">
<label><?php esc_html_e( 'Link / Text Color', 'astra-addon' ); ?></label>
</td>
<td class="ast-advanced-headers-row-content">
<input type="text" class="ast-advanced-headers-color-picker" data-alpha="true"
name="ast-advanced-headers-design[above-header-text-link-color]"
value="<?php echo esc_attr( $design['above-header-text-link-color'] ); ?>" />
</td>
</tr>
<tr class="ast-advanced-headers-row ast-above-header-required">
<td class="ast-advanced-headers-row-sub-heading">
<label><?php esc_html_e( 'Link Hover Color', 'astra-addon' ); ?></label>
</td>
<td class="ast-advanced-headers-row-content">
<input type="text" class="ast-advanced-headers-color-picker" data-alpha="true"
name="ast-advanced-headers-design[above-header-h-color]"
value="<?php echo esc_attr( $design['above-header-h-color'] ); ?>" />
</td>
</tr>
<tr class="ast-advanced-headers-row ast-above-header-required">
<td class="ast-advanced-headers-row-sub-heading">
<label><?php esc_html_e( 'Link Active Color', 'astra-addon' ); ?></label>
</td>
<td class="ast-advanced-headers-row-content">
<input type="text" class="ast-advanced-headers-color-picker" data-alpha="true"
name="ast-advanced-headers-design[above-header-a-color]"
value="<?php echo ( isset( $design['above-header-a-color'] ) ) ? esc_attr( $design['above-header-a-color'] ) : ''; ?>" />
</td>
</tr>
<!-- Above menu -> submenu Colors -->
<tr class="ast-advanced-headers-row ast-above-header-required">
<td class="ast-advanced-headers-row-sub-heading">
<label><?php esc_html_e( 'Submenu Background Color', 'astra-addon' ); ?></label>
</td>
<td class="ast-advanced-headers-row-content">
<input type="text" class="ast-advanced-headers-color-picker" data-alpha="true"
name="ast-advanced-headers-design[above-header-submenu-bg-color]"
value="<?php echo ( isset( $design['above-header-submenu-bg-color'] ) ) ? esc_attr( $design['above-header-submenu-bg-color'] ) : ''; ?>" />
</td>
</tr>
<tr class="ast-advanced-headers-row ast-above-header-required">
<td class="ast-advanced-headers-row-sub-heading">
<label><?php esc_html_e( 'Submenu Link / Text Color', 'astra-addon' ); ?></label>
</td>
<td class="ast-advanced-headers-row-content">
<input type="text" class="ast-advanced-headers-color-picker" data-alpha="true"
name="ast-advanced-headers-design[above-header-submenu-link-color]"
value="<?php echo ( isset( $design['above-header-submenu-link-color'] ) ) ? esc_attr( $design['above-header-submenu-link-color'] ) : ''; ?>" />
</td>
</tr>
<tr class="ast-advanced-headers-row ast-above-header-required">
<td class="ast-advanced-headers-row-sub-heading">
<label><?php esc_html_e( 'Submenu Link Hover Color', 'astra-addon' ); ?></label>
</td>
<td class="ast-advanced-headers-row-content">
<input type="text" class="ast-advanced-headers-color-picker" data-alpha="true"
name="ast-advanced-headers-design[above-header-submenu-h-color]"
value="<?php echo ( isset( $design['above-header-submenu-h-color'] ) ) ? esc_attr( $design['above-header-submenu-h-color'] ) : ''; ?>" />
</td>
</tr>
<tr class="ast-advanced-headers-row ast-above-header-required">
<td class="ast-advanced-headers-row-sub-heading">
<label><?php esc_html_e( 'Submenu Link Active Color', 'astra-addon' ); ?></label>
</td>
<td class="ast-advanced-headers-row-content">
<input type="text" class="ast-advanced-headers-color-picker" data-alpha="true"
name="ast-advanced-headers-design[above-header-submenu-a-color]"
value="<?php echo ( isset( $design['above-header-submenu-a-color'] ) ) ? esc_attr( $design['above-header-submenu-a-color'] ) : ''; ?>" />
</td>
</tr>
</table>
<?php
}
$below_header_layout = astra_get_option( 'below-header-layout' );
if ( Astra_Ext_Extension::is_active( 'header-sections' ) && 'disabled' != $below_header_layout ) {
?>
<!-- Below Header Colors -->
<table class="ast-advanced-headers-table widefat">
<tr class="ast-advanced-headers-row">
<td class="ast-advanced-headers-row-heading title">
<label><?php esc_html_e( 'Below Header', 'astra-addon' ); ?></label>
</td>
<tr class="ast-advanced-headers-row">
<td class="ast-advanced-headers-row-sub-heading">
<label><?php esc_html_e( 'Display Below Header', 'astra-addon' ); ?></label>
</td>
<td class="ast-advanced-headers-row-content">
<input type="checkbox" id="ast-advanced-header-layout-below-header"
name="ast-advanced-headers-layout[below-header-enabled]"
value="enabled" <?php checked( isset( $layout['below-header-enabled'] ) ? $layout['below-header-enabled'] : '', 'enabled' ); ?> />
</td>
</tr>
</tr>
<tr class="ast-advanced-headers-row ast-below-header-required">
<td class="ast-advanced-headers-row-sub-heading">
<label><?php esc_html_e( 'Background Color', 'astra-addon' ); ?></label>
</td>
<td class="ast-advanced-headers-row-content">
<input type="text" class="ast-advanced-headers-color-picker" data-alpha="true"
name="ast-advanced-headers-design[below-header-bg-color]"
value="<?php echo esc_attr( $design['below-header-bg-color'] ); ?>" />
</td>
</tr>
<tr class="ast-advanced-headers-row ast-below-header-required">
<td class="ast-advanced-headers-row-sub-heading">
<label><?php esc_html_e( 'Link / Text Color', 'astra-addon' ); ?></label>
</td>
<td class="ast-advanced-headers-row-content">
<input type="text" class="ast-advanced-headers-color-picker" data-alpha="true"
name="ast-advanced-headers-design[below-header-text-link-color]"
value="<?php echo esc_attr( $design['below-header-text-link-color'] ); ?>" />
</td>
</tr>
<tr class="ast-advanced-headers-row ast-below-header-required">
<td class="ast-advanced-headers-row-sub-heading">
<label><?php esc_html_e( 'Link Hover Color', 'astra-addon' ); ?></label>
</td>
<td class="ast-advanced-headers-row-content">
<input type="text" class="ast-advanced-headers-color-picker" data-alpha="true"
name="ast-advanced-headers-design[below-header-h-color]"
value="<?php echo esc_attr( $design['below-header-h-color'] ); ?>" />
</td>
</tr>
<tr class="ast-advanced-headers-row ast-below-header-required">
<td class="ast-advanced-headers-row-sub-heading">
<label><?php esc_html_e( 'Link Active Color', 'astra-addon' ); ?></label>
</td>
<td class="ast-advanced-headers-row-content">
<input type="text" class="ast-advanced-headers-color-picker" data-alpha="true"
name="ast-advanced-headers-design[below-header-a-color]"
value="<?php echo ( isset( $design['below-header-a-color'] ) ) ? esc_attr( $design['below-header-a-color'] ) : ''; ?>" />
</td>
</tr>
<!-- Below menu -> submenu Colors -->
<tr class="ast-advanced-headers-row ast-below-header-required">
<td class="ast-advanced-headers-row-sub-heading">
<label><?php esc_html_e( 'Submenu Background Color', 'astra-addon' ); ?></label>
</td>
<td class="ast-advanced-headers-row-content">
<input type="text" class="ast-advanced-headers-color-picker" data-alpha="true"
name="ast-advanced-headers-design[below-header-submenu-bg-color]"
value="<?php echo ( isset( $design['below-header-submenu-bg-color'] ) ) ? esc_attr( $design['below-header-submenu-bg-color'] ) : ''; ?>" />
</td>
</tr>
<tr class="ast-advanced-headers-row ast-below-header-required">
<td class="ast-advanced-headers-row-sub-heading">
<label><?php esc_html_e( 'Submenu Link / Text Color', 'astra-addon' ); ?></label>
</td>
<td class="ast-advanced-headers-row-content">
<input type="text" class="ast-advanced-headers-color-picker" data-alpha="true"
name="ast-advanced-headers-design[below-header-submenu-link-color]"
value="<?php echo ( isset( $design['below-header-submenu-link-color'] ) ) ? esc_attr( $design['below-header-submenu-link-color'] ) : ''; ?>" />
</td>
</tr>
<tr class="ast-advanced-headers-row ast-below-header-required">
<td class="ast-advanced-headers-row-sub-heading">
<label><?php esc_html_e( 'Submenu Link Hover Color', 'astra-addon' ); ?></label>
</td>
<td class="ast-advanced-headers-row-content">
<input type="text" class="ast-advanced-headers-color-picker" data-alpha="true"
name="ast-advanced-headers-design[below-header-submenu-h-color]"
value="<?php echo ( isset( $design['below-header-submenu-h-color'] ) ) ? esc_attr( $design['below-header-submenu-h-color'] ) : ''; ?>" />
</td>
</tr>
<tr class="ast-advanced-headers-row ast-below-header-required">
<td class="ast-advanced-headers-row-sub-heading">
<label><?php esc_html_e( 'Submenu Link Active Color', 'astra-addon' ); ?></label>
</td>
<td class="ast-advanced-headers-row-content">
<input type="text" class="ast-advanced-headers-color-picker" data-alpha="true"
name="ast-advanced-headers-design[below-header-submenu-a-color]"
value="<?php echo ( isset( $design['below-header-submenu-a-color'] ) ) ? esc_attr( $design['below-header-submenu-a-color'] ) : ''; ?>" />
</td>
</tr>
</table>
<?php
}
}
Expand full source code Collapse full source code View on Trac
Changelog
| Version | Description |
|---|---|
| 1.0.0 | Introduced. |