add_panel([ 'id' => 'xs_theme_option_panel', 'priority' => 0, 'theme_supports' => '', 'title' => esc_html__('Theme settings', 'bajaar'), 'description' => esc_html__('Theme options panel', 'bajaar'), ]); /******************************************* * Header settings here ******************************************/ if(class_exists('ElementsKit_Lite')) { $this->add_section([ 'id' => 'xs_header_settings_section', 'title' => esc_html__('Header Settings', 'bajaar'), 'panel' => 'xs_theme_option_panel', 'priority' => 1 ]); /** * Header builder switch here */ $this->add_control([ 'id' => 'header_builder_select_html', 'section' => 'xs_header_settings_section', 'type' => 'html', 'value' => '

'. esc_html('Go to Header Builder.'). '

'. esc_html__('How to edit header', 'bajaar'). '

', 'attr' => ['class' => 'xs_header_builder_html'], 'desc' => esc_html__('If you want to use elementskit header builder, please click on the above link, and create your own header.', 'bajaar') ]); } /********************************************************* * banner settings *********************************************************/ $this->add_panel([ 'id' => 'banner_settings_section', 'title' => esc_html__( 'Banner settings', "bajaar" ), 'panel' => 'xs_theme_option_panel', 'priority' => 5, ]); $this->add_section([ 'id' => 'banner_page_settings', 'title' => esc_html__( 'Page banner', "bajaar" ), 'panel' => 'banner_settings_section', ]); /** * page banner control start here */ $this->add_control([ 'id' => 'page_show_banner', 'type' => 'switcher', 'default' => 'yes', 'label' => esc_html__('Show banner?', 'bajaar'), 'desc' => esc_html__('Show or hide the banner', 'bajaar'), 'section' => 'banner_page_settings', 'left-choice' => [ 'no' => esc_html__('No', 'bajaar'), ], 'right-choice' => [ 'yes' => esc_html__('Yes', 'bajaar'), ], ]); $this->add_control([ 'id' => 'page_show_breadcrumb', 'type' => 'switcher', 'default' => 'right-choice', 'label' => esc_html__('Show Breadcrumb?', 'bajaar'), 'desc' => esc_html__('Show or hide the Breadcrumb', 'bajaar'), 'section' => 'banner_page_settings', 'left-choice' => [ 'no' => esc_html__('No', 'bajaar'), ], 'right-choice' => [ 'yes' => esc_html__('Yes', 'bajaar'), ], ]); $this->add_control([ 'id' => 'page_banner_title', 'type' => 'text', 'label' => esc_html__('Banner Title', 'bajaar'), 'section' => 'banner_page_settings', ]); $this->add_control([ 'id' => 'banner_page_image', 'type' => 'media', 'section' => 'banner_page_settings', 'label' => esc_html__('Banner Background', 'bajaar'), ]); $this->add_control([ 'id' => 'page_banner_title_color', 'section' => 'banner_page_settings', 'type' => 'color-picker', 'default' => '#fff', 'label' => esc_html__('Title Color', 'bajaar'), ]); /** * blog banner panel */ $this->add_section([ 'id' => 'banner_blog_settings', 'title' => esc_html__( 'Blog banner', "bajaar" ), 'panel' => 'banner_settings_section', ]); /** * blog banner control start here */ $this->add_control([ 'id' => 'blog_show_banner', 'type' => 'switcher', 'default' => 'yes', 'label' => esc_html__('Show banner?', 'bajaar'), 'desc' => esc_html__('Show or hide the banner', 'bajaar'), 'section' => 'banner_blog_settings', 'left-choice' => [ 'no' => esc_html__('No', 'bajaar'), ], 'right-choice' => [ 'yes' => esc_html__('Yes', 'bajaar'), ], ]); $this->add_control([ 'id' => 'blog_show_breadcrumb', 'type' => 'switcher', 'default' => 'right-choice', 'label' => esc_html__('Show Breadcrumb?', 'bajaar'), 'desc' => esc_html__('Show or hide the Breadcrumb', 'bajaar'), 'section' => 'banner_blog_settings', 'left-choice' => [ 'no' => esc_html__('No', 'bajaar'), ], 'right-choice' => [ 'yes' => esc_html__('Yes', 'bajaar'), ], ]); $this->add_control([ 'id' => 'blog_banner_title', 'type' => 'text', 'default' => esc_html__( 'Blog', 'bajaar' ), 'label' => esc_html__('Banner Title', 'bajaar'), 'section' => 'banner_blog_settings', ]); $this->add_control([ 'id' => 'banner_blog_image', 'type' => 'media', 'section' => 'banner_blog_settings', 'label' => esc_html__('Banner Background', 'bajaar'), ]); $this->add_control([ 'id' => 'banner_title_color', 'section' => 'banner_blog_settings', 'type' => 'color-picker', 'default' => '#fff', 'label' => esc_html__('Title Color', 'bajaar'), ]); /** * blog single banner panel */ $this->add_section([ 'id' => 'banner_blog_single_settings', 'title' => esc_html__( 'Blog single banner', "bajaar" ), 'panel' => 'banner_settings_section', ]); /** * blog banner single control start here */ $this->add_control([ 'id' => 'blog_single_show_banner', 'type' => 'switcher', 'default' => 'yes', 'label' => esc_html__('Show banner?', 'bajaar'), 'desc' => esc_html__('Show or hide the banner', 'bajaar'), 'section' => 'banner_blog_single_settings', 'left-choice' => [ 'no' => esc_html__('No', 'bajaar'), ], 'right-choice' => [ 'yes' => esc_html__('Yes', 'bajaar'), ], ]); $this->add_control([ 'id' => 'blog_single_show_breadcrumb', 'type' => 'switcher', 'default' => 'right-choice', 'label' => esc_html__('Show Breadcrumb?', 'bajaar'), 'desc' => esc_html__('Show or hide the Breadcrumb', 'bajaar'), 'section' => 'banner_blog_single_settings', 'left-choice' => [ 'no' => esc_html__('No', 'bajaar'), ], 'right-choice' => [ 'yes' => esc_html__('Yes', 'bajaar'), ], ]); $this->add_control([ 'id' => 'banner_blog_single_image', 'type' => 'media', 'section' => 'banner_blog_single_settings', 'label' => esc_html__('Banner Background', 'bajaar'), ]); $this->add_control([ 'id' => 'details_banner_title_color', 'section' => 'banner_blog_single_settings', 'type' => 'color-picker', 'default' => '#fff', 'label' => esc_html__('Title Color', 'bajaar'), ]); /** * woo banner panel */ $this->add_section([ 'id' => 'banner_woo_settings', 'title' => esc_html__( 'WooCommerce banner', "bajaar" ), 'panel' => 'banner_settings_section', ]); /** * blog banner control start here */ $this->add_control([ 'id' => 'woo_show_banner', 'type' => 'switcher', 'default' => 'yes', 'label' => esc_html__('Show banner?', 'bajaar'), 'desc' => esc_html__('Show or hide the banner', 'bajaar'), 'section' => 'banner_woo_settings', 'left-choice' => [ 'no' => esc_html__('No', 'bajaar'), ], 'right-choice' => [ 'yes' => esc_html__('Yes', 'bajaar'), ], ]); $this->add_control([ 'id' => 'woo_show_breadcrumb', 'type' => 'switcher', 'default' => 'right-choice', 'label' => esc_html__('Show Breadcrumb?', 'bajaar'), 'desc' => esc_html__('Show or hide the Breadcrumb', 'bajaar'), 'section' => 'banner_woo_settings', 'left-choice' => [ 'no' => esc_html__('No', 'bajaar'), ], 'right-choice' => [ 'yes' => esc_html__('Yes', 'bajaar'), ], ]); $this->add_control([ 'id' => 'woo_banner_title', 'type' => 'text', 'default' => esc_html__( 'Products', 'bajaar' ), 'label' => esc_html__('Banner Title', 'bajaar'), 'section' => 'banner_woo_settings', ]); $this->add_control([ 'id' => 'banner_woo_image', 'type' => 'media', 'section' => 'banner_woo_settings', 'label' => esc_html__('Banner Background', 'bajaar'), ]); $this->add_control([ 'id' => 'woo_banner_title_color', 'section' => 'banner_woo_settings', 'type' => 'color-picker', 'default' => '#fff', 'label' => esc_html__('Title Color', 'bajaar'), ]); /*********************************** * Typography settings here ************************************/ $this->add_section([ 'id' => 'typography_settings_section', 'title' => esc_html__('Style settings', 'bajaar'), 'panel' => 'xs_theme_option_panel', 'priority' => 0, ]); /** * body background control */ $this->add_control([ 'id' => 'style_body_bg', 'label' => esc_html__('Body background', 'bajaar'), 'type' => 'color-picker', 'section' => 'typography_settings_section', 'default' => '#FFFFFF', ]); /** * primary color control */ $this->add_control([ 'id' => 'style_primary', 'label' => esc_html__('Primary color', 'bajaar'), 'type' => 'color-picker', 'section' => 'typography_settings_section', 'default' => '#f03d3f', ]); /** * secondary color control */ $this->add_control([ 'id' => 'style_secondary', 'label' => esc_html__('Secondary color', 'bajaar'), 'type' => 'color-picker', 'section' => 'typography_settings_section', 'default' => '#3e3e3e', ]); $this->add_control([ 'id' => 'google_fonts_load', 'type' => 'switcher', 'default' => 'yes', 'label' => esc_html__('Google Fonts Load?', 'bajaar'), 'desc' => esc_html__('Do you want to load google fonts?', 'bajaar'), 'section' => 'typography_settings_section', 'left-choice' => [ 'no' => esc_html__('No', 'bajaar'), ], 'right-choice' => [ 'yes' => esc_html__('Yes', 'bajaar'), ], ]); /** * Control for body Typography Input */ $this->add_control([ 'id' => 'body_font', 'section' => 'typography_settings_section', 'type' => 'typography', 'value' => [ 'family' => 'Roboto', 'weight' => 400, 'size' => 16, 'line_height' => 26, 'color' => '#404040', 'letter_spacing' => 0 ], 'components' => [ 'family' => true, 'size' => true, 'line-height' => true, 'letter-spacing' => true, 'weight' => true, 'color' => true, ], 'label' => esc_html__('Body Typhography', 'bajaar'), ]); /** * Control for H1 Typography Input */ $this->add_control([ 'id' => 'heading_font_one', 'section' => 'typography_settings_section', 'type' => 'typography', 'value' => [ 'family' => 'Barlow', 'weight' => 700, 'size' => 36, ], 'components' => [ 'family' => true, 'size' => true, 'line-height' => true, 'letter-spacing' => true, 'weight' => true, 'color' => true, ], 'label' => esc_html__('Heading H1 Typhography', 'bajaar'), ]); /** * Control for H2 Typography Input */ $this->add_control([ 'id' => 'heading_font_two', 'section' => 'typography_settings_section', 'type' => 'typography', 'value' => [ 'family' => 'Barlow', 'weight' => 700, 'size' => 30, ], 'components' => [ 'family' => true, 'size' => true, 'line-height' => true, 'letter-spacing' => true, 'weight' => true, 'color' => true, ], 'label' => esc_html__('Heading H2 Typhography', 'bajaar'), ]); /** * Control for H3 Typography Input */ $this->add_control([ 'id' => 'heading_font_three', 'section' => 'typography_settings_section', 'type' => 'typography', 'value' => [ 'family' => 'Barlow', 'weight' => 700, 'size' => 24, ], 'components' => [ 'family' => true, 'size' => true, 'line-height' => true, 'letter-spacing' => true, 'weight' => true, 'color' => true, ], 'label' => esc_html__('Heading H3 Typhography', 'bajaar'), ]); /** * Control for H4 Typography Input */ $this->add_control([ 'id' => 'heading_font_four', 'section' => 'typography_settings_section', 'type' => 'typography', 'value' => [ 'family' => 'Barlow', 'weight' => 700, 'size' => 18, ], 'components' => [ 'family' => true, 'size' => true, 'line-height' => true, 'letter-spacing' => true, 'weight' => true, 'color' => true, ], 'label' => esc_html__('Heading H4 Typhography', 'bajaar'), ]); /** * Control for H5 Typography Input */ $this->add_control([ 'id' => 'heading_font_five', 'section' => 'typography_settings_section', 'type' => 'typography', 'value' => [ 'family' => 'Barlow', 'weight' => 700, 'size' => 16, ], 'components' => [ 'family' => true, 'size' => true, 'line-height' => true, 'letter-spacing' => true, 'weight' => true, 'color' => true, ], 'label' => esc_html__('Heading H5 Typhography', 'bajaar'), ]); /** * Control for H6 Typography Input */ $this->add_control([ 'id' => 'heading_font_six', 'section' => 'typography_settings_section', 'type' => 'typography', 'value' => [ 'family' => 'Barlow', 'weight' => 700, 'size' => 14, ], 'components' => [ 'family' => true, 'size' => true, 'line-height' => true, 'letter-spacing' => true, 'weight' => true, 'color' => true, ], 'label' => esc_html__('Heading H6 Typhography', 'bajaar'), ]); /** * Blog settings here */ $this->add_section([ 'id' => 'blog_settings_section', 'title' => esc_html__('Blog settings', 'bajaar'), 'panel' => 'xs_theme_option_panel', 'priority' => 10, ]); /** * Blog settings body controls here */ $this->add_control([ 'id' => 'blog_sidebar', 'type' => 'select', 'value' => 'right-sidebar', 'label' => esc_html__('Sidebar', 'bajaar'), 'section' => 'blog_settings_section', 'choices' => [ 'no-sidebar' => esc_html__('No sidebar', 'bajaar'), 'left-sidebar' => esc_html__('Left Sidebar', 'bajaar'), 'right-sidebar' => esc_html__('Right Sidebar', 'bajaar'), ], ]); $this->add_control([ 'id' => 'blog_author_show', 'type' => 'switcher', 'default' => 'yes', 'label' => esc_html__('Blog author', 'bajaar'), 'desc' => esc_html__('Do you want to show blog author?', 'bajaar'), 'section' => 'blog_settings_section', 'left-choice' => [ 'no' => esc_html__('No', 'bajaar'), ], 'right-choice' => [ 'yes' => esc_html__('Yes', 'bajaar'), ], ]); $this->add_control([ 'id' => 'blog_date_show', 'type' => 'switcher', 'default' => 'yes', 'label' => esc_html__('Blog Date Show', 'bajaar'), 'desc' => esc_html__('Do you want to show blog Date?', 'bajaar'), 'section' => 'blog_settings_section', 'left-choice' => [ 'no' => esc_html__('No', 'bajaar'), ], 'right-choice' => [ 'yes' => esc_html__('Yes', 'bajaar'), ], ]); $this->add_control([ 'id' => 'blog_category_show', 'type' => 'switcher', 'default' => 'yes', 'label' => esc_html__('Category Show', 'bajaar'), 'desc' => esc_html__('Do you want to show blog Category?', 'bajaar'), 'section' => 'blog_settings_section', 'left-choice' => [ 'no' => esc_html__('No', 'bajaar'), ], 'right-choice' => [ 'yes' => esc_html__('Yes', 'bajaar'), ], ]); /** * Blog settings here */ $this->add_section([ 'id' => 'blog_details_settings_section', 'title' => esc_html__('Blog Details settings', 'bajaar'), 'panel' => 'xs_theme_option_panel', 'priority' => 10, ]); /** * Blog settings body controls here */ $this->add_control([ 'id' => 'blog_details_sidebar', 'type' => 'select', 'value' => 'no-sidebar', 'label' => esc_html__('Sidebar', 'bajaar'), 'section' => 'blog_details_settings_section', 'choices' => [ 'no-sidebar' => esc_html__('No sidebar', 'bajaar'), 'left-sidebar' => esc_html__('Left Sidebar', 'bajaar'), 'right-sidebar' => esc_html__('Right Sidebar', 'bajaar'), ], ]); $this->add_control([ 'id' => 'blog_details_author_show', 'type' => 'switcher', 'default' => 'yes', 'label' => esc_html__('Blog author', 'bajaar'), 'desc' => esc_html__('Do you want to show blog author?', 'bajaar'), 'section' => 'blog_details_settings_section', 'left-choice' => [ 'no' => esc_html__('No', 'bajaar'), ], 'right-choice' => [ 'yes' => esc_html__('Yes', 'bajaar'), ], ]); $this->add_control([ 'id' => 'blog_details_date_show', 'type' => 'switcher', 'default' => 'yes', 'label' => esc_html__('Blog Date Show', 'bajaar'), 'desc' => esc_html__('Do you want to show blog Date?', 'bajaar'), 'section' => 'blog_details_settings_section', 'left-choice' => [ 'no' => esc_html__('No', 'bajaar'), ], 'right-choice' => [ 'yes' => esc_html__('Yes', 'bajaar'), ], ]); $this->add_control([ 'id' => 'blog_details_category_show', 'type' => 'switcher', 'default' => 'yes', 'label' => esc_html__('Category Show', 'bajaar'), 'desc' => esc_html__('Do you want to show blog Category?', 'bajaar'), 'section' => 'blog_details_settings_section', 'left-choice' => [ 'no' => esc_html__('No', 'bajaar'), ], 'right-choice' => [ 'yes' => esc_html__('Yes', 'bajaar'), ], ]); $this->add_control([ 'id' => 'blog_details_Comments_show', 'type' => 'switcher', 'default' => 'yes', 'label' => esc_html__('Comments Show', 'bajaar'), 'desc' => esc_html__('Do you want to show blog Comments?', 'bajaar'), 'section' => 'blog_details_settings_section', 'left-choice' => [ 'no' => esc_html__('No', 'bajaar'), ], 'right-choice' => [ 'yes' => esc_html__('Yes', 'bajaar'), ], ]); $this->add_control([ 'id' => 'blog_related_post', 'type' => 'switcher', 'default' => 'no', 'label' => esc_html__('Blog related post', 'bajaar'), 'desc' => esc_html__('Do you want to show single blog related post?', 'bajaar'), 'section' => 'blog_details_settings_section', 'left-choice' => [ 'no' => esc_html__('No', 'bajaar'), ], 'right-choice' => [ 'yes' => esc_html__('Yes', 'bajaar'), ], ]); $this->add_control([ 'id' => 'blog_related_post_number', 'type' => 'text', 'label' => esc_html__('Related post count', 'bajaar'), 'default' => '3', 'section' => 'blog_details_settings_section', ]); /** * Footer Settings here */ $this->add_section([ 'id' => 'footer_settings_section', 'title' => esc_html__('Footer settings', 'bajaar'), 'panel' => 'xs_theme_option_panel', 'priority' => 10, ]); if(class_exists('ElementsKit_Lite')) { /** * Header builder switch here */ $this->add_control([ 'id' => 'footer_builder_select_html', 'section' => 'footer_settings_section', 'type' => 'html', 'value' => '

'. esc_html('Go to Footer Builder.'). '

'. esc_html__('How to edit footer', 'bajaar'). '

', 'attr' => ['class' => 'xs_footer_builder_html'], 'desc' => esc_html__('If you want to use elementskit footer builder, please click on the above link, and create your own footer.', 'bajaar') ]); } /** * Footer bg control * */ $this->add_control([ 'id' => 'footer_bg_color', 'label' => esc_html__('Background color', 'bajaar'), 'type' => 'color-picker', 'section' => 'footer_settings_section', 'default' => '#f8f8fc', 'desc' => esc_html__('Footer background color of rgba-color-picker goes here', 'bajaar'), ]); /** * Footer text control * */ $this->add_control([ 'id' => 'footer_text_color', 'label' => esc_html__('Text color', 'bajaar'), 'type' => 'color-picker', 'section' => 'footer_settings_section', 'default' => '#666', 'desc' => esc_html__('You can change the text color with rgba color or solid color', 'bajaar'), ]); /** * Footer link control * */ $this->add_control([ 'id' => 'footer_link_color', 'label' => esc_html__('Link Color', 'bajaar'), 'type' => 'color-picker', 'section' => 'footer_settings_section', 'default' => '#666', 'desc' => esc_html__('You can change the link color with rgba color or solid color', 'bajaar'), ]); /** * Footer widget title control * */ $this->add_control([ 'id' => 'footer_widget_title_color', 'label' => esc_html__('Widget Title Color', 'bajaar'), 'type' => 'color-picker', 'section' => 'footer_settings_section', 'default' => '#142355', 'desc' => esc_html__('You can change the widget title color with rgba color or solid color', 'bajaar'), ]); /** * Footer copyright bg control * */ $this->add_control([ 'id' => 'copyright_bg_color', 'label' => esc_html__('Copyright Background Color', 'bajaar'), 'type' => 'color-picker', 'section' => 'footer_settings_section', 'default' => '#09090a', 'desc' => esc_html__('You can change the copyright background color with rgba color or solid color', 'bajaar'), ]); /** * Footer copyright color control * */ $this->add_control([ 'id' => 'footer_copyright_color', 'label' => esc_html__('Copyright Text Color', 'bajaar'), 'type' => 'color-picker', 'default' => '#FFFFFF', 'section' => 'footer_settings_section', 'desc' => esc_html__('You can change the copyright tet color with rgba color or solid color', 'bajaar'), ]); /** * Footer copyright text control * */ $this->add_control([ 'id' => 'footer_copyright', 'type' => 'textarea', 'section' => 'footer_settings_section', 'label' => esc_html__('Copyright text', 'bajaar'), 'description' => esc_html__('This text will be shown at the footer of all pages.', 'bajaar'), ]); /** * Footer spacing top control * */ $this->add_control([ 'id' => 'footer_padding_top', 'label' => esc_html__('Footer Padding Top', 'bajaar'), 'description' => esc_html__('Use Footer Padding Top', 'bajaar'), 'type' => 'text', 'section' => 'footer_settings_section', 'default' => '100px', ]); /** * Footer spaceing bottom control * */ $this->add_control([ 'id' => 'footer_padding_bottom', 'label' => esc_html__( 'Footer Padding Bottom', 'bajaar' ), 'description' => esc_html__( 'Use Footer Padding Bottom', 'bajaar' ), 'type' => 'text', 'section' => 'footer_settings_section', 'default' => '100px', ]); } }