Extending Redux Theme Options Panel in Avada Child Theme

PressTigers

Extending Redux Theme Options Panel in Avada Child Theme

November 30, 2016
Leave a comment

Redux is the best option for Theme Options Panel in the market. This framework is widely used by almost all themes for their theme options panel. In this article, you will learn to extend theme options panel for Avada Child Theme.

Extending the theme options panel means that you want to add new options in your theme. By using the redux hook, you can extend this functionality. The redux options are defined by the redux directory name and redux option name. You can use the redux filter hook as follows:

add_filter('redux/options/theme_options/sections', 'pt_redux_section_function');

1	add_filter('redux/options/theme_options/sections', 'pt_redux_section_function');

Note: redux = redux directory, theme_options = theme option name, pt_redux_section_function = the custom function called to extend theme options.

While registering redux theme options panel, these settings should be considered. You can use the above mentioned line of code in your Theme‘s functions.php file. If you are using a child theme, add this code in your Child Theme‘s functions.php file.

If you want to extend the theme options panel in Avada Theme, the above mentioned line of code will not work due to the following reasons:

“redux” is not the directory of redux framework in Avada Theme
“theme_options” is not the theme option name which Avada Theme uses to save theme option settings

You can use the following line of code for extending the theme options panel in Avada Theme:

add_filter('avadaredux/options/avada_theme_options/sections', 'pt_redux_section_function');

1	add_filter('avadaredux/options/avada_theme_options/sections', 'pt_redux_section_function');

Note: avadaredux = redux framework directory in Avada Theme, avada_theme_options = avada theme option settings name in the database.

Below is an example of how you can add more options in Avada Child Theme panel:

add_filter('avadaredux/options/avada_theme_options/sections', 'pt_redux_section_function');
/**
 * Adding PressTigers in Theme options page
 * @param array $sections
 * @return array
 */
function pt_redux_section_function($sections){
$sections[] = array(
    'id' => 'presstigers-user-profile',    
    'title' => 'User Profile Settings',
    'subsection' => true,    
    'heading' => 'PressTigers User Profile Settings',
    'fields' => array(
                    array(
                        'id' => 'pt-opt-user-profile-header-bg',
                        'type' => 'background',
                        'title' => __( 'User Profile Header Background', 'presstigers' ),
                    ),
                )
    );
    return $sections;
}

add_filter('avadaredux/options/avada_theme_options/sections', 'pt_redux_section_function');

/**

* Adding PressTigers in Theme options page

* @param array $sections

* @return array

function pt_redux_section_function($sections){

$sections[] = array(

'id' => 'presstigers-user-profile',

'title' => 'User Profile Settings',

'subsection' => true,

'heading' => 'PressTigers User Profile Settings',

'fields' => array(

array(

'id' => 'pt-opt-user-profile-header-bg',

'type' => 'background',

'title' => __( 'User Profile Header Background', 'presstigers' ),

)

);

return $sections;

}

5 thoughts on “Extending Redux Theme Options Panel in Avada Child Theme”

Jesse says:

July 26, 2017 at 9:47 am

Can’t work with avada 5.2.

PressTigers says:

July 26, 2017 at 2:20 pm

Hello Jesse,

As the article was written 1 year ago, so it works with the recent version of that time. Now Avada has released his major update 5.0 recently so they also update their hooks with development perspective.

We are sharing you an updated code snippet that works with the recent version now and it works with child theme as well.

add_filter( 'avada_options_sections', 'pt_redux_section_function' );

/**
 * Adding PressTigers in Theme options page
 * @param array $sections
 * @return array
 */
function pt_redux_section_function( $sections ) {


    $sections['presstigers_user_profile'] = array(
        'label' => esc_html__( 'PressTigers User Profile Settings', 'Avada' ),
        'id' => 'presstigers_user_profile',
        'fields' => array( 'pt_user_profile' =>
            array(
                'id' => 'pt_user_profile',
                'type' => 'background',
                'label' => __( 'User Profile Header Background', 'presstigers' ),
            ),
        )
    );
    return $sections;
}

add_filter( 'avada_options_sections', 'pt_redux_section_function' );

/**

* Adding PressTigers in Theme options page

* @param array $sections

* @return array

function pt_redux_section_function( $sections ) {

$sections['presstigers_user_profile'] = array(

'label' => esc_html__( 'PressTigers User Profile Settings', 'Avada' ),

'id' => 'presstigers_user_profile',

'fields' => array( 'pt_user_profile' =>

array(

'id' => 'pt_user_profile',

'type' => 'background',

'label' => __( 'User Profile Header Background', 'presstigers' ),

)

);

return $sections;

}

Thanks for updating us related to this article. We will soon publish a new article related to Avada 5.0 Theme options.
Let us know if you need our further assistance.

Regards,
—
Abdullah | WP Plugin Developer
Email: support@presstigers.com

Alpha says:

December 26, 2017 at 5:49 pm

Hi,
thnx for your tutorial,
can you tell us how can we add a neww rollover or hover animation on portfolio images?
sorry for my english.
Thnx

PressTigers says:

December 29, 2017 at 1:03 pm

Hello,

You can avail our technical services which will cost $18/hour to meet your requirements. If you want to avail our services then drop us an email on support@presstigers.com

Thanks for reaching us out.

Happy new year in advance 🙂

Regards,

Abdullah | WP Plugin Developer
Email: support@presstigers.com