Nested Panels not Working

Hi,
I am trying to create nested panels but seems to be not working for me. I must be missing something please have a look into my code asap.

Kirki::add_panel( 'shopx_typgraphy', array(
    'priority'    => 20,
    'title'       => esc_attr__( 'Typography', 'shopx' ),
) );
Kirki::add_panel( 'shopx_typgraphy_headings_panel', array(
    'priority'    => 20,
    'title'       => esc_attr__( 'Headings', 'shopx' ),
		'panel'				=> 'shopx_typgraphy'
) );
Kirki::add_panel( 'shopx_typgraphy_widets_panel', array(
    'priority'    => 20,
    'title'       => esc_attr__( 'EpicWoo Widgets', 'shopx' ),
		'panel'				=> 'shopx_typgraphy'
) );
Kirki::add_section( 'shopx_typgraphy_headings_section', array(
    'title'          => esc_attr__( 'Headings', 'shopx' ),
    'panel'          => 'shopx_typgraphy_headings_panel',
    'priority'       => 10,
) );
Kirki::add_section( 'shopx_typgraphy_carousel_section', array(
    'title'          => esc_attr__( 'Carousel Widget', 'shopx' ),
    'priority'       => 20,
		'panel'				 => 'shopx_typgraphy_widets_panel'
) );
//Heading 1
Kirki::add_field( 'shopx_customizer_config', array(
	'type'        => 'typography',
	'settings'    => 'shopx_h1_typography',
	'label'       => esc_attr__( 'Heading 1', 'shopx' ),
	'section'     => 'shopx_typgraphy_headings_section',
	'default'     => array(
		'font-family'    => 'Oswald',
		'variant'        => 'regular',
		'font-size'      => '42px',
		'subsets'        => array( 'latin-ext' ),
		'color'          => '#333333'
	),
	'priority'    => 10,
	'choices' => array(
		'fonts' => array(
				'google' => array( 'popularity', 30 ),
		),
	),
	'output'      => array(
		array(
			'element' => 'h1',
		),
	),
) );

//Carousel Widget
Kirki::add_field( 'shopx_customizer_config', array(
	'type'        => 'typography',
	'settings'    => 'shopx_carousel_typography',
	'label'       => esc_attr__( 'Carousel Widget', 'shopx' ),
	'section'     => 'shopx_typgraphy_carousel_section',
	'default'     => array(
		'font-family'    => 'Oswald',
		'variant'        => 'regular',
		'font-size'      => '24px',
		'subsets'        => array( 'latin-ext' ),
		'color'          => '#ffffff'
	),
	'priority'    => 10,
	'choices' => array(
		'fonts' => array(
				'google' => array( 'popularity', 30 ),
		),
	),
	'output'      => array(
		array(
			'element' => '.carousel-widget-head .widget-title',
		),
	),
) );

• This topic was modified 7 years, 2 months ago by Mian Shahzad Raza.