SideBars

Trying to create a sidebar 3 for a woocommerce avada themed wordpress site.

HTML

<?php if ( !function_exists('dynamic_sidebar') ||
           !dynamic_sidebar('woo_sidebar_3') ) { ?>
     <p>Oops... this displays if the topbar is not set up</p>
<?php } ?>

JavaScript

<?php

/**
 * Sidebar settings
 *
 * @var  array  	any existing settings
 * @return array 	existing sections + sidebars
 *
 */
function avada_options_section_sidebars( $sections ) {

	/**
	 * Register sidebar options for blog/portfolio/woocommerce archive pages
	 */
	global $wp_registered_sidebars;
	$sidebar_options[] = 'None';

	for ( $i =0; $i < 1; $i++ ) {

		// sidebar_generator::get_sidebars();
		$sidebars = $wp_registered_sidebars;
		// var_dump( $sidebars );
		if ( is_array( $sidebars ) && ! empty( $sidebars ) ) {
			foreach( $sidebars as $sidebar ) {
				$sidebar_options[] = $sidebar['name'];
			}
		}

		$sidebars = sidebar_generator::get_sidebars();
		if ( is_array( $sidebars ) && ! empty( $sidebars ) ) {
			foreach ( $sidebars as $key => $value ) {
				$sidebar_options[] = $value;
			}
		}
	}
	$sidebars_array = array();
	foreach( $sidebar_options as $sidebar_option ) {
		$sidebars_array[ $sidebar_option ] = $sidebar_option;
	}
	$sidebar_options = $sidebars_array;

	$sections['sidebars'] = array(
		'label'    => esc_html__( 'Sidebars', 'Avada' ),
		'id'       => 'heading_sidebars',
		'is_panel' => true,
		'priority' => 10,
		'icon'     => 'el-icon-website',
		'fields'   => array(
			'sidebars_styling' => array(
				'label'       => esc_html__( 'Sidebar Styling', 'Avada' ),
				'id'          => 'sidebars_styling',
				'icon'        => true,
				'type'        => 'sub-section',
				'fields'      => array(
					'sidebar_padding' => array(
						'label'       => esc_html__( 'Sidebar Padding', 'Avada' ),
						'description' => esc_html__( 'Controls the sidebar padding.', 'Avada' ),
						'id'          => 'sidebar_padding',
						'default'     => '0px',
						'type'        => 'dimension',
						'choices'     => array( 'px', '%' ),
					),
					'sidebar_bg_color' => array(
						'label'       => esc_html__( 'Sidebar Background Color', 'Avada' ),
						'description' => esc_html__( 'Controls the background color of the sidebar.', 'Avada' ),
						'id'          =>...