403Webshell
Server IP : 198.38.94.67  /  Your IP : 216.73.217.178
Web Server : LiteSpeed
System : Linux d6054.dxb1.stableserver.net 5.14.0-570.25.1.el9_6.x86_64 #1 SMP PREEMPT_DYNAMIC Wed Jul 9 04:57:09 EDT 2025 x86_64
User : azfilmst ( 1070)
PHP Version : 7.4.33
Disable Function : NONE
MySQL : OFF  |  cURL : ON  |  WGET : ON  |  Perl : ON  |  Python : OFF  |  Sudo : OFF  |  Pkexec : OFF
Directory :  /home/azfilmst/public_html/wp-content/themes/frames/framework/includes/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Command :


[ Back ]     

Current File : /home/azfilmst/public_html/wp-content/themes/frames/framework/includes/theme-options.php
<?php

/**
 * ReduxFramework Sample Config File
 * For full documentation, please visit: http://docs.reduxframework.com/
 */

if ( ! class_exists( 'Redux_Framework_theme_options' ) ) {

    class Redux_Framework_theme_options {

        public $args = array();
        public $sections = array();
        public $theme;
        public $ReduxFramework;

        public function __construct() {
            if ( ! class_exists( 'HaruReduxFramework' ) ) {
                return;
            }

            $this->initSettings();
        }

        public function initSettings() {
            // Set the default arguments
            $this->setArguments();

            // Set a few help tabs so you can see how it's done
            $this->setHelpTabs();

            // Create the sections and fields
            $this->setSections();

            // If Redux is running as a plugin, this will remove the demo notice and links
            add_action( 'init', array( $this, 'remove_demo' ) );

            if ( ! isset( $this->args['opt_name'] ) ) { // No errors please
                return;
            }

            $this->ReduxFramework = new HaruReduxFramework( $this->sections, $this->args );
        }

        /**
         * Filter hook for filtering the args. Good for child themes to override or add to the args array. Can also be used in other functions.
         * */
        function change_arguments( $args ) {
            $args['dev_mode'] = false;

            return $args;
        }

        /**
         * Filter hook for filtering the default value of any given field. Very useful in development mode.
         * */
        function change_defaults( $defaults ) {
            $defaults['str_replace'] = 'Testing filter hook!';

            return $defaults;
        }

        // Remove the demo link and the notice of integrated demo from the redux-framework plugin
        function remove_demo() {
            // Used to hide the demo mode link from the plugin page. Only used when Redux is a plugin.
            if ( class_exists( 'ReduxFrameworkPlugin' ) ) {
                // Used to hide the activation notice informing users of the demo panel. Only used when Redux is a plugin.
                remove_action( 'admin_notices', array( ReduxFrameworkPlugin::instance(), 'admin_notices' ) );
            }
        }

        public function setSections() {
            // General Setting
            $this->sections[] = array(
                'title'  => esc_html__( 'General Setting', 'frames' ),
                'desc'   => esc_html__( 'Welcome to Haru Frames theme options panel! You can easy to customize the theme for your purpose! Please note some settings in here can be override by settings in Page Metabox of each page.', 'frames' ),
                'icon'   => 'el el-cog',
                'fields' => array(
                    array(
                        'id'       => 'haru_layout_style',
                        'type'     => 'image_select',
                        'title'    => esc_html__( 'Layout Style', 'frames' ),
                        'subtitle' => '',
                        'desc'     => '',
                        'options'  => array(
                            'wide'  => array(
                                'title' => esc_html__( 'Wide', 'frames' ), 
                                'img' => get_template_directory_uri().'/framework/admin-assets/images/theme-options/layout-wide.png'
                            ),
                            'boxed' => array(
                                'title' => esc_html__( 'Boxed', 'frames' ), 
                                'img' => get_template_directory_uri().'/framework/admin-assets/images/theme-options/layout-boxed.png'
                            ),
                            'float' => array(
                                'title' => esc_html__( 'Float', 'frames' ), 
                                'img' => get_template_directory_uri().'/framework/admin-assets/images/theme-options/layout-float.png'
                            )
                        ),
                        'default'  => 'wide'
                    ),

                    array(
                        'id'       => 'haru_layout_site_max_width',
                        'type'     => 'slider',
                        'title'    => esc_html__( 'Site Max Width (px)', 'frames' ),
                        'subtitle' => esc_html__( 'Set the site max width of body', 'frames' ),
                        'default'  => '1200',
                        "min"      => 980,
                        "step"     => 10,
                        "max"      => 1600,
                        'required' => array('haru_layout_style','=','boxed'),
                    ),

                    array(
                        'id'       => 'haru_body_background_mode',
                        'type'     => 'button_set',
                        'title'    => esc_html__( 'Body Background Mode', 'frames' ),
                        'subtitle' => esc_html__( 'Chose Background Mode', 'frames' ),
                        'desc'     => '',
                        'options'  => array(
                            'background' => esc_html__( 'Background', 'frames' ),
                            'pattern'    => esc_html__( 'Pattern', 'frames' )
                        ),
                        'default'  => 'background',
                        'required' => array('haru_layout_style','=','boxed'),
                    ),

                    array(
                        'id'       => 'haru_body_background',
                        'type'     => 'background',
                        'output'   => array( 'body' ),
                        'title'    => esc_html__( 'Body Background', 'frames' ),
                        'subtitle' => esc_html__( 'Body background (Use only for Boxed layout style).', 'frames' ),
                        'default'  => array(
                            'background-color'      => '',
                            'background-repeat'     => 'no-repeat',
                            'background-position'   => 'center center',
                            'background-attachment' => 'fixed',
                            'background-size'       => 'cover'
                        ),
                        'required'  => array(
                            array('haru_body_background_mode', '=', array( 'background' ))
                        ),
                    ),

                    array(
                        'id'       => 'haru_body_background_pattern',
                        'type'     => 'image_select',
                        'title'    => esc_html__( 'Background Pattern', 'frames' ),
                        'subtitle' => esc_html__( 'Body background pattern (Use only for Boxed layout style)', 'frames' ),
                        'desc'     => '',
                        'height'   => '40px',
                        'options'  => array(
                            'pattern-1.png' => array('title' => '', 'img' => get_template_directory_uri().'/framework/admin-assets/images/theme-options/pattern-1.png'),
                            'pattern-2.png' => array('title' => '', 'img' => get_template_directory_uri().'/framework/admin-assets/images/theme-options/pattern-2.png'),
                            'pattern-3.png' => array('title' => '', 'img' => get_template_directory_uri().'/framework/admin-assets/images/theme-options/pattern-3.png'),
                            'pattern-4.png' => array('title' => '', 'img' => get_template_directory_uri().'/framework/admin-assets/images/theme-options/pattern-4.png'),
                            'pattern-5.png' => array('title' => '', 'img' => get_template_directory_uri().'/framework/admin-assets/images/theme-options/pattern-5.png'),
                            'pattern-6.png' => array('title' => '', 'img' => get_template_directory_uri().'/framework/admin-assets/images/theme-options/pattern-6.png'),
                            'pattern-7.png' => array('title' => '', 'img' => get_template_directory_uri().'/framework/admin-assets/images/theme-options/pattern-7.png'),
                            'pattern-8.png' => array('title' => '', 'img' => get_template_directory_uri().'/framework/admin-assets/images/theme-options/pattern-8.png'),
                            'pattern-9.png' => array('title' => '', 'img' => get_template_directory_uri().'/framework/admin-assets/images/theme-options/pattern-9.png'),
                            'pattern-10.png' => array('title' => '', 'img' => get_template_directory_uri().'/framework/admin-assets/images/theme-options/pattern-10.png'),
                        ),
                        'default'  => 'pattern-1.png',
                        'required' => array(
                            array('haru_body_background_mode', '=', array('pattern'))
                        ) ,
                    ),
                    
                    array(
                        'id'       => 'haru_home_preloader',
                        'type'     => 'select',
                        'title'    => esc_html__( 'Page Preloader', 'frames' ),
                        'subtitle' => esc_html__( 'Please leave empty if you don\'t want to use this!', 'frames' ),
                        'desc'     => '',
                        'options'  => array(
                            'square-1'   => esc_html__('Square 01', 'frames' ),
                            'square-2'   => esc_html__('Square 02', 'frames' ),
                            'square-3'   => esc_html__('Square 03', 'frames' ),
                            'square-4'   => esc_html__('Square 04', 'frames' ),
                            'square-5'   => esc_html__('Square 05', 'frames' ),
                            'square-6'   => esc_html__('Square 06', 'frames' ),
                            'square-7'   => esc_html__('Square 07', 'frames' ),
                            'square-8'   => esc_html__('Square 08', 'frames' ),
                            'square-9'   => esc_html__('Square 09', 'frames' ),
                            'round-1'    => esc_html__('Round 01', 'frames' ),
                            'round-2'    => esc_html__('Round 02', 'frames' ),
                            'round-3'    => esc_html__('Round 03', 'frames' ),
                            'round-4'    => esc_html__('Round 04', 'frames' ),
                            'round-5'    => esc_html__('Round 05', 'frames' ),
                            'round-6'    => esc_html__('Round 06', 'frames' ),
                            'round-7'    => esc_html__('Round 07', 'frames' ),
                            'round-8'    => esc_html__('Round 08', 'frames' ),
                            'round-9'    => esc_html__('Round 09', 'frames' ),
                        ),
                        'default' => ''
                    ),

                    array(
                        'id'       => 'haru_home_preloader_bg_color',
                        'type'     => 'color_rgba',
                        'title'    => esc_html__( 'Preloader background color', 'frames' ),
                        'subtitle' => '',
                        'default'  => array(),
                        'mode'     => 'background',
                        // 'validate' => 'colorrgba',
                        'required' => array('haru_home_preloader', 'not_empty_and', array('none')),
                    ),

                    array(
                        'id'       => 'haru_home_preloader_spinner_color',
                        'type'     => 'color',
                        'title'    => esc_html__( 'Preloader spinner color', 'frames' ),
                        'subtitle' => '',
                        'default'  => '#e8e8e8',
                        // 'validate' => 'color',
                        'required' => array( 'haru_home_preloader', 'not_empty_and', array('none') ),
                    ),

                    array(
                        'id'       => 'haru_back_to_top',
                        'type'     => 'switch',
                        'title'    => esc_html__( 'Back To Top', 'frames' ),
                        'subtitle' => '',
                        'default'  => true
                    ),

                    // Custom CSS & Script
                    array(
                        'id'       => 'haru_custom_js',
                        'type'     => 'ace_editor',
                        'mode'     => 'javascript',
                        'theme'    => 'monokai',
                        'title'    => esc_html__('Custom JS', 'frames'),
                        'subtitle' => esc_html__('Insert your Javscript code here. You can add your Google Analytics Code here. Please do not place any <script> tags in here! From WordPress version 4.7+ you can add Custom CSS in Appearance » Customize » Additional CSS.', 'frames'),
                        'desc'     => '',
                        'default'  => '',
                        'options'  => array( 'minLines'=> 10, 'maxLines' => 60 )
                    ),
                )
            );

            // Header
            $this->sections[] = array(
                'title'  => esc_html__( 'Header', 'frames' ),
                'desc'   => '',
                'icon'   => 'el el-credit-card',
                'fields' => array(
                    array(
                        'id'       => 'haru_header',
                        'type'     => 'header',
                        'title'    => esc_html__( 'Header Builder Type', 'frames' ),
                        'subtitle' => esc_html__('Please go to Header Builder to create Header.', 'frames'),
                        'desc'     => esc_html__( 'This option can be override by Page Metabox -> Header of each page.', 'frames' ),
                    ),
                    array(
                        'id'       => 'haru_header_transparent',
                        'type'     => 'switch',
                        'title'    => esc_html__( 'Header Transparent', 'frames' ),
                        'desc'     => esc_html__( 'This option can be override by Page Metabox -> Header of each page.', 'frames' ),
                        'default'  => '0',
                    ),
                    array(
                        'id'       => 'haru_header_transparent_skin',
                        'type'     => 'button_set',
                        'title'    => esc_html__( 'Header Transparent Skin', 'frames' ),
                        'desc'     => esc_html__( 'This option can be override by Page Metabox -> Header of each page.', 'frames' ),
                        'options'  => array(
                            'light' => esc_html__( 'Light', 'frames' ),
                            'dark'  => esc_html__( 'Dark', 'frames' ),
                        ),
                        'default'  => 'light',
                        'required' => array( 'haru_header_transparent', '=', array( '1' ) ),
                    ),
                    array(
                        'id'       => 'haru_header_sticky',
                        'type'     => 'switch',
                        'title'    => esc_html__( 'Header Sticky', 'frames' ),
                        'desc'     => esc_html__( 'This option can be override by Page Metabox -> Header of each page.', 'frames' ),
                        'default'  => '1',
                    ),
                    array(
                        'id'       => 'haru_header_sticky_element',
                        'type'     => 'button_set',
                        'title'    => esc_html__( 'Header Sticky Element', 'frames' ),
                        'desc'     => esc_html__( 'You can choose sticky Header or only Menu (section include Haru Nav Menu widget in Elementor).', 'frames' ),
                        'options'  => array(
                            'header' => esc_html__( 'Header', 'frames' ),
                            'menu'  => esc_html__( 'Menu', 'frames' ),
                        ),
                        'default'  => 'header',
                        'required' => array( 'haru_header_sticky', '=', array( '1' ) ),
                    ),
                )
            );
            

            // Footer
            $this->sections[] = array(
                'title'  => esc_html__( 'Footer', 'frames' ),
                'desc'   => '',
                'icon'   => 'el el-lines',
                'fields' => array(
                    array(
                        'id'       => 'haru_footer',
                        'type'     => 'footer',
                        'title'    => esc_html__('Footer Builder Type', 'frames'),
                        'subtitle' => esc_html__('Please go to Footer Builder to create Footer.', 'frames'),
                        'desc'     => esc_html__( 'This option can be override by Page Metabox -> Footer of each page.', 'frames' ),
                    ),

                )
            );

            // Logo
            $this->sections[] = array(
                'title'  => esc_html__( 'Logo & Favicon', 'frames' ),
                'desc'   => '',
                'icon'   => 'el el-picture',
                'fields' => array(
                    array(
                        'id'    => 'haru_logo',
                        'type'  => 'info',
                        'style' => 'success',
                        'title' => esc_html__( 'Logo', 'frames' ),
                        'icon'  => 'el el-info-circle',
                        'desc'  => esc_html__( 'Please go to Header Builder & Footer Builder to manage site Logo.', 'frames')
                    ),
                    array(
                        'id'       => 'haru_custom_favicon',
                        'type'     => 'media',
                        'url'      => true,
                        'title'    => esc_html__( 'Custom favicon', 'frames'),
                        'subtitle' => esc_html__( 'Upload a 16px x 16px Png/Gif/ico image.', 'frames' ),
                        'desc'     => ''
                    ),
                )
            );

            // Appearance
            $this->sections[] = array(
                'title'      => esc_html__( 'Appearance', 'frames' ),
                'desc'       => esc_html__( 'If you want to change Color Scheme or Typography you must turn ON SCSS Compiler.', 'frames' ),
                'icon'       => 'el el-edit',
                'fields' => array(
                    array(
                        'id'       => 'haru_scss_compiler',
                        'type'     => 'switch',
                        'title'    => esc_html__( 'SCSS Compiler', 'frames' ),
                        'subtitle' => esc_html__( 'To make this option work you need make sure PHP settings as Theme Requirement.', 'frames' ),
                        'default'  => '0',
                    ),

                )
            );

            // Styling Options
            $this->sections[] = array(
                'title'  => esc_html__( 'Color Scheme', 'frames' ),
                'desc'   => esc_html__( 'To make sure Typograhpy works you need enable SCSS Compiler and Save Changes 2 times to Regenerate Custom CSS file.', 'frames' ),
                'icon'   => 'el el-magic',
                'subsection' => true,
                'fields' => array(
                    array(
                        'id'     => 'haru_section_color_light',
                        'type'   => 'section',
                        'title'  => esc_html__( 'Light Mode', 'frames' ),
                        'indent' => true
                    ),
                    array(
                        'id'       => 'haru_primary_color',
                        'type'     => 'color',
                        'title'    => esc_html__( 'Primary Color', 'frames' ),
                        'subtitle' => esc_html__( 'Set Primary Color', 'frames' ),
                        'compiler' => true,
                        'default'  => '#c72538',
                        // 'validate' => 'color',
                    ),
                    array(
                        'id'       => 'haru_text_color',
                        'type'     => 'color',
                        'title'    => esc_html__( 'Text Color', 'frames' ),
                        'subtitle' => esc_html__( 'Set Text Color.', 'frames' ),
                        'compiler' => true,
                        'default'  => '#696969',
                        // 'validate' => 'color',
                    ),
                    array(
                        'id'       => 'haru_text_color_secondary',
                        'type'     => 'color',
                        'title'    => esc_html__( 'Text Color Secondary', 'frames' ),
                        'subtitle' => esc_html__( 'Set Text Color Secondary.', 'frames' ),
                        'compiler' => true,
                        'default'  => '#ababab',
                        // 'validate' => 'color',
                    ),
                    array(
                        'id'       => 'haru_text_color_tertiary',
                        'type'     => 'color',
                        'title'    => esc_html__( 'Text Color Tertiary', 'frames' ),
                        'subtitle' => esc_html__( 'Set Text Color Tertiary.', 'frames' ),
                        'compiler' => true,
                        'default'  => '#9b9b9b',
                        // 'validate' => 'color',
                    ),
                    array(
                        'id'       => 'haru_heading_color',
                        'type'     => 'color',
                        'title'    => esc_html__( 'Heading Color', 'frames' ),
                        'subtitle' => esc_html__( 'Set Heading Color.', 'frames' ),
                        'default'  => '#000000',
                        'compiler' => true,
                        // 'validate' => 'color',
                    ),
                    array(
                        'id'       => 'haru_link_color',
                        'type'     => 'link_color',
                        'title'    => esc_html__( 'Link Color', 'frames' ),
                        'subtitle' => esc_html__( 'Set Link Color.', 'frames' ),
                        'compiler' => true,
                        'default'  => array(
                            'regular'  => '#696969',
                            'hover'    => '#c72538',
                            'active'   => '#c72538',
                        ),
                    ),
                    array(
                        'id'     => 'haru_section_color_dark',
                        'type'   => 'section',
                        'title'  => esc_html__( 'Dark Mode', 'frames' ),
                        'subtitle' => esc_html__( 'Currently we don\'t allow change Color for Dark Mode to keep the structure of our design.', 'frames' ),
                        'indent' => true
                    ),
                    array(
                        'id'       => 'haru_dark_mode',
                        'type'     => 'switch',
                        'title'    => esc_html__( 'Dark Mode', 'frames' ),
                        'subtitle' => esc_html__( 'Set Theme to Dark Mode', 'frames' ),
                        'desc'     => esc_html__( 'This option to change Theme style to Dark Mode.', 'frames' ),
                        'default'  => false
                    ),
                    array(
                        'id'       => 'haru_dark_mode_button',
                        'type'     => 'switch',
                        'title'    => esc_html__( 'Switch Mode Button', 'frames' ),
                        'desc'     => esc_html__( 'You can show/hide Theme Switch Mode button at Frontend.', 'frames' ),
                        'default'  => false,
                    ),
                )
            );

            // Typography
            $font_weights = array(
                100 => esc_html__( 'Ultra-Light 100', 'frames' ),
                200 => esc_html__( 'Light 200', 'frames' ),
                300 => esc_html__( 'Book 300', 'frames' ),
                400 => esc_html__( 'Normal 400', 'frames' ),
                500 => esc_html__( 'Medium 500', 'frames' ),
                600 => esc_html__( 'Semi-Bold 600', 'frames' ),
                700 => esc_html__( 'Bold 700', 'frames' ),
                800 => esc_html__( 'Extra-Bold 800', 'frames' ),
                900 => esc_html__( 'Ultra-Bold 900', 'frames' ),
            );

            if ( false == haru_check_custom_fonts_plugin_status() ) {
                $this->sections[] = array(
                    'icon'   => 'el el-font',
                    'subsection' => true,
                    'title'  => esc_html__( 'Typograhpy', 'frames' ),
                    'desc'   => esc_html__( 'To make sure Typograhpy works you need enable SCSS Compiler and Save Changes 2 times to Regenerate Custom CSS file.', 'frames' ),
                    'fields' => array(
                        array(
                            'id'     => 'haru_section_custom_fonts',
                            'type'   => 'section',
                            'title'  => esc_html__( 'Custom Fonts', 'frames' ),
                            'subtitle' => esc_html__( 'Google Font will disabled when you Activate Custom Fonts plugin & follow Custom Fonts tutorial.', 'frames' ),
                            'indent' => true
                        ),
                        array(
                            'id'    => 'haru_custom_fonts',
                            'type'  => 'info',
                            'style' => 'critical',
                            'title' => esc_html__( 'Custom Fonts', 'frames' ),
                            'icon'  => 'el el-info-circle',
                            'desc'  => 'Please install & active <a href="https://wordpress.org/plugins/custom-fonts/" target="_blank">Custom Fonts</a> plugin & follow this topic: <a href="https://harutheme.com/forums/topic/how-to-use-custom-fonts-in-harutheme/" target="_blank">https://harutheme.com/forums/topic/how-to-use-custom-fonts-in-harutheme/</a>'
                        ),
                        array(
                            'id'     => 'haru_section_body_font',
                            'type'   => 'section',
                            'title'  => esc_html__( 'Body Font', 'frames' ),
                            'indent' => true
                        ),
                        array(
                            'id'             => 'haru_body_font',
                            'type'           => 'typography',
                            'title'          => esc_html__( 'Body Font', 'frames' ),
                            'subtitle'       => esc_html__( 'Set body font properties.', 'frames' ),
                            'google'         => true,
                            'font_display'    => 'auto',
                            'line-height'    => false,
                            'color'          => false,
                            'letter-spacing' => false,
                            'text-align'     => false,
                            'all_styles'     => true, // Enable all Google Font style/weight variations to be added to the page
                            'output'         => array( 'body' ), // An array of CSS selectors to apply this font style to dynamically
                            'compiler'       => array( 'body' ), // An array of CSS selectors to apply this font style to dynamically
                            'units'          => 'px', // Defaults to px
                            'default'        => array(
                                'font-size'   => '15px',
                                'font-family' => 'DM Sans',
                                'font-weight' => '400',
                                'google'      => true,
                            ),
                        ),
                        array(
                            'id'             => 'haru_secondary_font',
                            'type'           => 'typography',
                            'title'          => esc_html__( 'Secondary Font', 'frames' ),
                            'subtitle'       => esc_html__( 'Set secondary font properties.', 'frames' ),
                            'desc'           => esc_html__( 'Please don\'t set Font Size for Secondary Font!', 'frames' ),
                            'google'         => true,
                            'font_display'   => 'auto',
                            'line-height'    => false,
                            'color'          => false,
                            'letter-spacing' => false,
                            'text-align'     => false,
                            'all_styles'     => true, // Enable all Google Font style/weight variations to be added to the page
                            'output'         => array( '.font__secondary' ), // An array of CSS selectors to apply this font style to dynamically
                            'compiler'       => array( '.font__secondary' ), // An array of CSS selectors to apply this font style to dynamically
                            'units'          => 'px', // Defaults to px
                            'default'        => array(
                                'font-size'   => '',
                                'font-family' => 'Bodoni Moda',
                                'font-weight' => '400',
                                'google'      => true,
                            ),
                        ),
                        array(
                            'id'     => 'haru_section_heading_font',
                            'type'   => 'section',
                            'title'  => esc_html__( 'Heading Font', 'frames' ),
                            'indent' => true
                        ),
                        array(
                            'id'             => 'haru_h1_font',
                            'type'           => 'typography',
                            'title'          => esc_html__( 'H1 Font', 'frames' ),
                            'subtitle'       => esc_html__( 'Set H1 font properties.', 'frames' ),
                            'google'         => true,
                            'font_display'   => 'auto',
                            'letter-spacing' => false,
                            'color'          => false,
                            'line-height'    => false,
                            'text-align'     => false,
                            'all_styles'     => true, // Enable all Google Font style/weight variations to be added to the page
                            'output'         => array( 'h1' ), // An array of CSS selectors to apply this font style to dynamically
                            'compiler'       => array( 'h1' ), // An array of CSS selectors to apply this font style to dynamically
                            'units'          =>'px', // Defaults to px
                            'default'        => array(
                                'font-size'   => '36px',
                                'font-family' => 'DM Sans',
                                'font-weight' => '700',
                            ),
                        ),
                        array(
                            'id'             => 'haru_h2_font',
                            'type'           => 'typography',
                            'title'          => esc_html__( 'H2 Font', 'frames' ),
                            'subtitle'       => esc_html__( 'Set H2 font properties.', 'frames' ),
                            'google'         => true,
                            'font_display'   => 'auto',
                            'letter-spacing' => false,
                            'color'          => false,
                            'line-height'    => false,
                            'text-align'     => false,
                            'all_styles'     => true, // Enable all Google Font style/weight variations to be added to the page
                            'output'         => array( 'h2' ), // An array of CSS selectors to apply this font style to dynamically
                            'compiler'       => array( 'h2' ), // An array of CSS selectors to apply this font style to dynamically
                            'units'          =>'px', // Defaults to px
                            'default'        => array(
                                'font-size'   => '28px',
                                'font-family' => 'DM Sans',
                                'font-weight' => '700',
                            ),
                        ),
                        array(
                            'id'             => 'haru_h3_font',
                            'type'           => 'typography',
                            'title'          => esc_html__( 'H3 Font', 'frames' ),
                            'subtitle'       => esc_html__( 'Set H3 font properties.', 'frames' ),
                            'google'         => true,
                            'font_display'   => 'auto',
                            'color'          => false,
                            'line-height'    => false,
                            'letter-spacing' => false,
                            'text-align'     => false,
                            'all_styles'     => true, // Enable all Google Font style/weight variations to be added to the page
                            'output'         => array( 'h3' ), // An array of CSS selectors to apply this font style to dynamically
                            'compiler'       => array( 'h3' ), // An array of CSS selectors to apply this font style to dynamically
                            'units'          =>'px', // Defaults to px
                            'default'        => array(
                                'font-size'   => '24px',
                                'font-family' => 'DM Sans',
                                'font-weight' => '700',
                            ),
                        ),
                        array(
                            'id'             => 'haru_h4_font',
                            'type'           => 'typography',
                            'title'          => esc_html__( 'H4 Font', 'frames' ),
                            'subtitle'       => esc_html__( 'Set H4 font properties.', 'frames' ),
                            'google'         => true,
                            'font_display'   => 'auto',
                            'color'          => false,
                            'line-height'    => false,
                            'letter-spacing' => false,
                            'text-align'     => false,
                            'all_styles'     => true, // Enable all Google Font style/weight variations to be added to the page
                            'output'         => array( 'h4' ), // An array of CSS selectors to apply this font style to dynamically
                            'compiler'       => array( 'h4' ), // An array of CSS selectors to apply this font style to dynamically
                            'units'          =>'px', // Defaults to px
                            'default'        => array(
                                'font-size'   => '21px',
                                'font-family' => 'DM Sans',
                                'font-weight' => '700',
                            ),
                        ),
                        array(
                            'id'             => 'haru_h5_font',
                            'type'           => 'typography',
                            'title'          => esc_html__( 'H5 Font', 'frames' ),
                            'subtitle'       => esc_html__( 'Set H5 font properties.', 'frames' ),
                            'google'         => true,
                            'font_display'   => 'auto',
                            'line-height'    => false,
                            'color'          => false,
                            'letter-spacing' => false,
                            'text-align'     => false,
                            'all_styles'     => true, // Enable all Google Font style/weight variations to be added to the page
                            'output'         => array( 'h5' ), // An array of CSS selectors to apply this font style to dynamically
                            'compiler'       => array( 'h5' ), // An array of CSS selectors to apply this font style to dynamically
                            'units'          =>'px', // Defaults to px
                            'default'        => array(
                                'font-size'   => '18px',
                                'font-family' => 'DM Sans',
                                'font-weight' => '700',
                            ),
                        ),
                        array(
                            'id'             => 'haru_h6_font',
                            'type'           => 'typography',
                            'title'          => esc_html__( 'H6 Font', 'frames' ),
                            'subtitle'       => esc_html__( 'Set H6 font properties.', 'frames' ),
                            'google'         => true,
                            'font_display'   => 'auto',
                            'color'          => false,
                            'line-height'    => false,
                            'letter-spacing' => false,
                            'text-align'     => false,
                            'all_styles'     => true, // Enable all Google Font style/weight variations to be added to the page
                            'output'         => array( 'h6' ), // An array of CSS selectors to apply this font style to dynamically
                            'compiler'       => array( 'h6' ), // An array of CSS selectors to apply this font style to dynamically
                            'units'          =>'px', // Defaults to px
                            'default'        => array(
                                'font-size'   => '15px',
                                'font-family' => 'DM Sans',
                                'font-weight' => '700',
                            ),
                        ),
                        array(
                            'id'     => 'haru_section_menu_font',
                            'type'   => 'section',
                            'title'  => esc_html__( 'Menu Font', 'frames' ),
                            'indent' => true
                        ),
                        array(
                            'id'             => 'haru_menu_font',
                            'type'           => 'typography',
                            'title'          => esc_html__( 'Menu Font', 'frames' ),
                            'subtitle'       => esc_html__( 'Set Menu Level 0 font properties.', 'frames' ),
                            'google'         => true,
                            'font_display'   => 'auto',
                            'all_styles'     => false, // Enable all Google Font style/weight variations to be added to the page
                            'color'          => false,
                            'line-height'    => false,
                            'text-align'     => false,
                            'font-style'     => false,
                            'subsets'        => true,
                            'text-transform' => false,
                            'output'         => array( '.haru-nav-menu > li > a' ), // An array of CSS selectors to apply this font style to dynamically
                            'compiler'       => array( '' ), // An array of CSS selectors to apply this font style to dynamically
                            'units'          => 'px', // Defaults to px
                            'default'        => array(
                                'font-family'    => 'DM Sans',
                                'font-size'      => '15px',
                                'font-weight'    => '500',
                            ),
                        ),
                        array(
                            'id'     => 'haru_section_page_title_font',
                            'type'   => 'section',
                            'title'  => esc_html__( 'Page Title Font', 'frames' ),
                            'indent' => true
                        ),
                        array(
                            'id'             => 'haru_page_title_font',
                            'type'           => 'typography',
                            'title'          => esc_html__( 'Page Title Font', 'frames' ),
                            'subtitle'       => esc_html__( 'Set page title font properties.', 'frames' ),
                            'google'         => true,
                            'font_display'   => 'auto',
                            'all_styles'     => true, // Enable all Google Font style/weight variations to be added to the page
                            'line-height'    => false,
                            'color'          => false,
                            'text-align'     => false,
                            'font-style'     => true,
                            'subsets'        => true,
                            'font-size'      => true,
                            'font-weight'    => true,
                            'text-transform' => false,
                            'output'         => array( '.page-title-inner h1' ), // An array of CSS selectors to apply this font style to dynamically
                            'compiler'       => array(), // An array of CSS selectors to apply this font style to dynamically
                            'units'          => 'px', // Defaults to px
                            'default'        => array(
                                'font-family'    => 'DM Sans',
                                'font-size'      => '36px',
                                'font-weight'    => '700',
                            ),
                        ),
                        array(
                            'id'             => 'haru_page_sub_title_font',
                            'type'           => 'typography',
                            'title'          => esc_html__( 'Page Sub Title Font', 'frames' ),
                            'subtitle'       => esc_html__( 'Set page sub title font properties.', 'frames' ),
                            'google'         => true,
                            'font-display'   => 'auto',
                            'all_styles'     => true, // Enable all Google Font style/weight variations to be added to the page
                            'line-height'    => false,
                            'color'          => false,
                            'font-style'     => true,
                            'text-align'     => false,
                            'subsets'        => true,
                            'font-size'      => true,
                            'font-weight'    => true,
                            'text-transform' => false,
                            'output'         => array( '.page-title-inner .page-sub-title' ), // An array of CSS selectors to apply this font style to dynamically
                            'compiler'       => array(), // An array of CSS selectors to apply this font style to dynamically
                            'units'          => 'px', // Defaults to px
                            'default'        => array(
                                'font-family'    => 'DM Sans',
                                'font-size'      => '14px',
                                'font-weight'    => '400',
                            ),
                        ),
                    ),
                );
            } else {
                $this->sections[] = array(
                    'icon'   => 'el el-font',
                    'subsection' => true,
                    'title'  => esc_html__( 'Typograhpy', 'frames' ),
                    'desc'   => esc_html__( 'To make sure Typograhpy works you need enable SCSS Compiler and Save Changes 2 times to Regenerate Custom CSS file.', 'frames' ),
                    'fields' => array(
                        array(
                            'id'     => 'haru_section_custom_fonts',
                            'type'   => 'section',
                            'title'  => esc_html__( 'Custom Fonts', 'frames' ),
                            'subtitle' => esc_html__( 'Google Font will disabled when you Activate Custom Fonts plugin & follow Custom Fonts tutorial.', 'frames' ),
                            'indent' => true
                        ),
                        array(
                            'id'    => 'haru_custom_fonts',
                            'type'  => 'info',
                            'style' => 'critical',
                            'title' => esc_html__( 'Custom Fonts', 'frames' ),
                            'icon'  => 'el el-info-circle',
                            'desc'  => 'Please install & active <a href="https://wordpress.org/plugins/custom-fonts/" target="_blank">Custom Fonts</a> plugin & follow this topic: <a href="https://harutheme.com/forums/topic/how-to-use-custom-fonts-in-harutheme/" target="_blank">https://harutheme.com/forums/topic/how-to-use-custom-fonts-in-harutheme/</a>'
                        ),
                        array(
                            'id'     => 'haru_section_body_font',
                            'type'   => 'section',
                            'title'  => esc_html__( 'Body Font', 'frames' ),
                            'indent' => true
                        ),
                        array(
                            'id'             => 'haru_body_font',
                            'type'           => 'typography',
                            'title'          => esc_html__( 'Body Font', 'frames' ),
                            'subtitle'       => esc_html__( 'Set body font properties.', 'frames' ),
                            'google'         => false,
                            'font_display'    => 'auto',
                            'weights'        => $font_weights,
                            'line-height'    => false,
                            'color'          => false,
                            'letter-spacing' => false,
                            'text-align'     => false,
                            'all_styles'     => true, // Enable all Google Font style/weight variations to be added to the page
                            'output'         => array( 'body' ), // An array of CSS selectors to apply this font style to dynamically
                            'compiler'       => array( 'body' ), // An array of CSS selectors to apply this font style to dynamically
                            'units'          => 'px', // Defaults to px
                            'default'        => array(
                                'font-size'   => '15px',
                                'font-family' => 'Arial, Helvetica, sans-serif',
                                'font-weight' => '400',
                                'google'      => false,
                            ),
                        ),
                        array(
                            'id'             => 'haru_secondary_font',
                            'type'           => 'typography',
                            'title'          => esc_html__( 'Secondary Font', 'frames' ),
                            'subtitle'       => esc_html__( 'Set secondary font properties.', 'frames' ),
                            'desc'           => esc_html__( 'Please don\'t set Font Size for Secondary Font!', 'frames' ),
                            'google'         => false,
                            'font_display'   => 'auto',
                            'weights'        => $font_weights,
                            'line-height'    => false,
                            'color'          => false,
                            'letter-spacing' => false,
                            'text-align'     => false,
                            'all_styles'     => true, // Enable all Google Font style/weight variations to be added to the page
                            'output'         => array( '.font__secondary' ), // An array of CSS selectors to apply this font style to dynamically
                            'compiler'       => array( '.font__secondary' ), // An array of CSS selectors to apply this font style to dynamically
                            'units'          => 'px', // Defaults to px
                            'default'        => array(
                                'font-size'   => '',
                                'font-family' => 'Arial, Helvetica, sans-serif',
                                'font-weight' => '400',
                                'google'      => false,
                            ),
                        ),
                        array(
                            'id'     => 'haru_section_heading_font',
                            'type'   => 'section',
                            'title'  => esc_html__( 'Heading Font', 'frames' ),
                            'indent' => true
                        ),
                        array(
                            'id'             => 'haru_h1_font',
                            'type'           => 'typography',
                            'title'          => esc_html__( 'H1 Font', 'frames' ),
                            'subtitle'       => esc_html__( 'Set H1 font properties.', 'frames' ),
                            'google'         => false,
                            'font_display'   => 'auto',
                            'weights'        => $font_weights,
                            'letter-spacing' => false,
                            'color'          => false,
                            'line-height'    => false,
                            'text-align'     => false,
                            'all_styles'     => true, // Enable all Google Font style/weight variations to be added to the page
                            'output'         => array( 'h1' ), // An array of CSS selectors to apply this font style to dynamically
                            'compiler'       => array( 'h1' ), // An array of CSS selectors to apply this font style to dynamically
                            'units'          =>'px', // Defaults to px
                            'default'        => array(
                                'font-size'   => '36px',
                                'font-family' => 'Arial, Helvetica, sans-serif',
                                'font-weight' => '700',
                            ),
                        ),
                        array(
                            'id'             => 'haru_h2_font',
                            'type'           => 'typography',
                            'title'          => esc_html__( 'H2 Font', 'frames' ),
                            'subtitle'       => esc_html__( 'Set H2 font properties.', 'frames' ),
                            'google'         => false,
                            'font_display'   => 'auto',
                            'weights'        => $font_weights,
                            'letter-spacing' => false,
                            'color'          => false,
                            'line-height'    => false,
                            'text-align'     => false,
                            'all_styles'     => true, // Enable all Google Font style/weight variations to be added to the page
                            'output'         => array( 'h2' ), // An array of CSS selectors to apply this font style to dynamically
                            'compiler'       => array( 'h2' ), // An array of CSS selectors to apply this font style to dynamically
                            'units'          =>'px', // Defaults to px
                            'default'        => array(
                                'font-size'   => '28px',
                                'font-family' => 'Arial, Helvetica, sans-serif',
                                'font-weight' => '700',
                            ),
                        ),
                        array(
                            'id'             => 'haru_h3_font',
                            'type'           => 'typography',
                            'title'          => esc_html__( 'H3 Font', 'frames' ),
                            'subtitle'       => esc_html__( 'Set H3 font properties.', 'frames' ),
                            'google'         => false,
                            'font_display'   => 'auto',
                            'weights'        => $font_weights,
                            'color'          => false,
                            'line-height'    => false,
                            'letter-spacing' => false,
                            'text-align'     => false,
                            'all_styles'     => true, // Enable all Google Font style/weight variations to be added to the page
                            'output'         => array( 'h3' ), // An array of CSS selectors to apply this font style to dynamically
                            'compiler'       => array( 'h3' ), // An array of CSS selectors to apply this font style to dynamically
                            'units'          =>'px', // Defaults to px
                            'default'        => array(
                                'font-size'   => '24px',
                                'font-family' => 'Arial, Helvetica, sans-serif',
                                'font-weight' => '700',
                            ),
                        ),
                        array(
                            'id'             => 'haru_h4_font',
                            'type'           => 'typography',
                            'title'          => esc_html__( 'H4 Font', 'frames' ),
                            'subtitle'       => esc_html__( 'Set H4 font properties.', 'frames' ),
                            'google'         => false,
                            'font_display'   => 'auto',
                            'weights'        => $font_weights,
                            'color'          => false,
                            'line-height'    => false,
                            'letter-spacing' => false,
                            'text-align'     => false,
                            'all_styles'     => true, // Enable all Google Font style/weight variations to be added to the page
                            'output'         => array( 'h4' ), // An array of CSS selectors to apply this font style to dynamically
                            'compiler'       => array( 'h4' ), // An array of CSS selectors to apply this font style to dynamically
                            'units'          =>'px', // Defaults to px
                            'default'        => array(
                                'font-size'   => '21px',
                                'font-family' => 'Arial, Helvetica, sans-serif',
                                'font-weight' => '700',
                            ),
                        ),
                        array(
                            'id'             => 'haru_h5_font',
                            'type'           => 'typography',
                            'title'          => esc_html__( 'H5 Font', 'frames' ),
                            'subtitle'       => esc_html__( 'Set H5 font properties.', 'frames' ),
                            'google'         => false,
                            'font_display'   => 'auto',
                            'weights'        => $font_weights,
                            'line-height'    => false,
                            'color'          => false,
                            'letter-spacing' => false,
                            'text-align'     => false,
                            'all_styles'     => true, // Enable all Google Font style/weight variations to be added to the page
                            'output'         => array( 'h5' ), // An array of CSS selectors to apply this font style to dynamically
                            'compiler'       => array( 'h5' ), // An array of CSS selectors to apply this font style to dynamically
                            'units'          =>'px', // Defaults to px
                            'default'        => array(
                                'font-size'   => '18px',
                                'font-family' => 'Arial, Helvetica, sans-serif',
                                'font-weight' => '700',
                            ),
                        ),
                        array(
                            'id'             => 'haru_h6_font',
                            'type'           => 'typography',
                            'title'          => esc_html__( 'H6 Font', 'frames' ),
                            'subtitle'       => esc_html__( 'Set H6 font properties.', 'frames' ),
                            'google'         => false,
                            'font_display'   => 'auto',
                            'weights'        => $font_weights,
                            'color'          => false,
                            'line-height'    => false,
                            'letter-spacing' => false,
                            'text-align'     => false,
                            'all_styles'     => true, // Enable all Google Font style/weight variations to be added to the page
                            'output'         => array( 'h6' ), // An array of CSS selectors to apply this font style to dynamically
                            'compiler'       => array( 'h6' ), // An array of CSS selectors to apply this font style to dynamically
                            'units'          =>'px', // Defaults to px
                            'default'        => array(
                                'font-size'   => '15px',
                                'font-family' => 'Arial, Helvetica, sans-serif',
                                'font-weight' => '700',
                            ),
                        ),
                        array(
                            'id'     => 'haru_section_menu_font',
                            'type'   => 'section',
                            'title'  => esc_html__( 'Menu Font', 'frames' ),
                            'indent' => true
                        ),
                        array(
                            'id'             => 'haru_menu_font',
                            'type'           => 'typography',
                            'title'          => esc_html__( 'Menu Font', 'frames' ),
                            'subtitle'       => esc_html__( 'Set Menu Level 0 font properties.', 'frames' ),
                            'google'         => false,
                            'font_display'   => 'auto',
                            'weights'        => $font_weights,
                            'all_styles'     => false, // Enable all Google Font style/weight variations to be added to the page
                            'color'          => false,
                            'line-height'    => false,
                            'text-align'     => false,
                            'font-style'     => false,
                            'subsets'        => true,
                            'text-transform' => false,
                            'output'         => array( '.haru-nav-menu > li > a' ), // An array of CSS selectors to apply this font style to dynamically
                            'compiler'       => array( '' ), // An array of CSS selectors to apply this font style to dynamically
                            'units'          => 'px', // Defaults to px
                            'default'        => array(
                                'font-family'    => 'Arial, Helvetica, sans-serif',
                                'font-size'      => '15px',
                                'font-weight'    => '500',
                            ),
                        ),
                        array(
                            'id'     => 'haru_section_page_title_font',
                            'type'   => 'section',
                            'title'  => esc_html__( 'Page Title Font', 'frames' ),
                            'indent' => true
                        ),
                        array(
                            'id'             => 'haru_page_title_font',
                            'type'           => 'typography',
                            'title'          => esc_html__( 'Page Title Font', 'frames' ),
                            'subtitle'       => esc_html__( 'Set page title font properties.', 'frames' ),
                            'google'         => false,
                            'font_display'   => 'auto',
                            'weights'        => $font_weights,
                            'all_styles'     => true, // Enable all Google Font style/weight variations to be added to the page
                            'line-height'    => false,
                            'color'          => false,
                            'text-align'     => false,
                            'font-style'     => true,
                            'subsets'        => true,
                            'font-size'      => true,
                            'font-weight'    => true,
                            'text-transform' => false,
                            'output'         => array( '.page-title-inner h1' ), // An array of CSS selectors to apply this font style to dynamically
                            'compiler'       => array(), // An array of CSS selectors to apply this font style to dynamically
                            'units'          => 'px', // Defaults to px
                            'default'        => array(
                                'font-family'    => 'Arial, Helvetica, sans-serif',
                                'font-size'      => '36px',
                                'font-weight'    => '700',
                            ),
                        ),
                        array(
                            'id'             => 'haru_page_sub_title_font',
                            'type'           => 'typography',
                            'title'          => esc_html__( 'Page Sub Title Font', 'frames' ),
                            'subtitle'       => esc_html__( 'Set page sub title font properties.', 'frames' ),
                            'google'         => false,
                            'font-display'   => 'auto',
                            'weights'        => $font_weights,
                            'all_styles'     => true, // Enable all Google Font style/weight variations to be added to the page
                            'line-height'    => false,
                            'color'          => false,
                            'font-style'     => true,
                            'text-align'     => false,
                            'subsets'        => true,
                            'font-size'      => true,
                            'font-weight'    => true,
                            'text-transform' => false,
                            'output'         => array( '.page-title-inner .page-sub-title' ), // An array of CSS selectors to apply this font style to dynamically
                            'compiler'       => array(), // An array of CSS selectors to apply this font style to dynamically
                            'units'          => 'px', // Defaults to px
                            'default'        => array(
                                'font-family'    => 'Arial, Helvetica, sans-serif',
                                'font-size'      => '14px',
                                'font-weight'    => '400',
                            ),
                        ),
                    ),
                );
            }
            
            // WordPress Setting
            $this->sections[] = array(
                'title'  => esc_html__( 'WordPress Setting', 'frames' ),
                'desc'   => '',
                'icon'   => 'el el-website',
                'fields' => array(

                )
            );

            // Pages Setting
            $this->sections[] = array(
                'title'      => esc_html__( 'Pages Setting', 'frames' ),
                'desc'       => '',
                'icon'       => 'el el-website',
                'subsection' => true,
                'fields'     => array(
                    array(
                        'id'       => 'haru_page_layout',
                        'type'     => 'button_set',
                        'title'    => esc_html__( 'Layout', 'frames' ),
                        'desc'     => esc_html__( 'This option can be override by Page Metabox of each page.', 'frames' ),
                        'options'  => array(
                            'full-width'            => esc_html__( 'Full Width', 'frames' ),
                            'haru-container'       => esc_html__( 'Container', 'frames' ),
                            'haru-container haru-container--large'       => esc_html__( 'Large Container', 'frames' ),
                        ),
                        'default'  => 'haru-container'
                    ),
                    array(
                        'id'       => 'haru_page_sidebar',
                        'type'     => 'image_select',
                        'title'    => esc_html__( 'Sidebar', 'frames' ),
                        'subtitle' => esc_html__( 'Sidebar Style: None, Left, Right, Two Sidebar', 'frames' ),
                        'desc'     => esc_html__( 'This option can be override by Page Metabox of each page.', 'frames' ),
                        'options'  => array(
                            'none'  => array('title' => '', 'img' => get_template_directory_uri().'/framework/admin-assets/images/theme-options/sidebar-none.png'),
                            'left'  => array('title' => '', 'img' => get_template_directory_uri().'/framework/admin-assets/images/theme-options/sidebar-left.png'),
                            'right' => array('title' => '', 'img' => get_template_directory_uri().'/framework/admin-assets/images/theme-options/sidebar-right.png'),
                            'two'   => array('title' => '', 'img' => get_template_directory_uri().'/framework/admin-assets/images/theme-options/sidebar-two.png'),
                        ),
                        'default' => 'none'
                    ),
                    array(
                        'id'       => 'haru_page_left_sidebar',
                        'type'     => 'select',
                        'title'    => esc_html__( 'Left Sidebar', 'frames' ),
                        'subtitle' => esc_html__( 'Choose the default left sidebar', 'frames' ),
                        'data'     => 'sidebars',
                        'desc'     => esc_html__( 'This option can be override by Page Metabox of each page.', 'frames' ),
                        'default'  => 'sidebar-1',
                        'required' => array( 'haru_page_sidebar', '=', array( 'left', 'two' ) ),
                    ),
                    array(
                        'id'       => 'haru_page_right_sidebar',
                        'type'     => 'select',
                        'title'    => esc_html__( 'Right Sidebar', 'frames' ),
                        'subtitle' => esc_html__( 'Choose the default right sidebar', 'frames' ),
                        'data'     => 'sidebars',
                        'desc'     => esc_html__( 'This option can be override by Page Metabox of each page.', 'frames' ),
                        'default'  => 'sidebar-2',
                        'required' => array( 'haru_page_sidebar', '=', array( 'right', 'two' ) ),
                    ),
                    array(
                        'id'     => 'haru-section-page-title-setting-start',
                        'type'   => 'section',
                        'title'  => esc_html__( 'Page Title Setting', 'frames' ),
                        'indent' => true
                    ),
                    array(
                        'id'       => 'haru_show_page_title',
                        'type'     => 'switch',
                        'title'    => esc_html__( 'Show Page Title', 'frames' ),
                        'desc'     => esc_html__( 'This option can be override by Page Metabox of each page.', 'frames' ),
                        'default'  => true
                    ),
                    array(
                        'id'       => 'haru_page_title_layout',
                        'type'     => 'button_set',
                        'title'    => esc_html__( 'Page Title Layout', 'frames' ),
                        'subtitle' => esc_html__( 'This option will use for Background Image layout', 'frames' ),
                        'desc'     => esc_html__( 'This option can be override by Page Metabox of each page.', 'frames' ),
                        'options'  => array(
                            'full-width'            => esc_html__( 'Full Width', 'frames' ),
                            'haru-container'       => esc_html__( 'Container', 'frames' ),
                            'haru-container haru-container--large'       => esc_html__( 'Large Container', 'frames' ),
                        ),
                        'default'  => 'full-width',
                        'required' => array( 'haru_show_page_title', '=', array( '1' ) ),
                    ),
                    array(
                        'id'       => 'haru_page_title_content_layout',
                        'type'     => 'button_set',
                        'title'    => esc_html__( 'Page Title Content Layout', 'frames' ),
                        'subtitle' => esc_html__( 'This option will use for Title, Sub Title and Breadcrumbs layout', 'frames' ),
                        'desc'     => esc_html__( 'This option can be override by Page Metabox of each page.', 'frames' ),
                        'options'  => array(
                            'full-width'            => esc_html__( 'Full Width', 'frames' ),
                            'haru-container'       => esc_html__( 'Container', 'frames' ),
                            'haru-container haru-container--large'       => esc_html__( 'Large Container', 'frames' ),
                        ),
                        'default'  => 'haru-container',
                        'required' => array( 'haru_show_page_title', '=', array( '1' ) ),
                    ),
                    array(
                        'id'       => 'haru_page_title_bg_image',
                        'type'     => 'media',
                        'url'      => true,
                        'title'    => esc_html__( 'Page Title Background', 'frames' ),
                        'desc'     => esc_html__( 'This option can be override by Page Metabox of each page.', 'frames' ),
                        'default'  => array(),
                        'required'  => array( 'haru_show_page_title', '=', array( '1' ) ),
                    ),
                    array(
                        'id'       => 'haru_page_title_heading',
                        'type'     => 'switch',
                        'title'    => esc_html__( 'Heading', 'frames' ),
                        'subtitle' => '',
                        'default'  => true,
                        'required'  => array( 'haru_show_page_title', '=', array( '1' ) ),
                    ),
                    array(
                        'id'       => 'haru_page_title_breadcrumbs',
                        'type'     => 'switch',
                        'title'    => esc_html__( 'Breadcrumbs', 'frames' ),
                        'desc'     => esc_html__( 'This option can be override by Page Metabox of each page.', 'frames' ),
                        'default'  => true,
                        'required'  => array( 'haru_show_page_title', '=', array( '1' ) ),
                    ),
                )
            );

            // Archive Blog Setting
            $this->sections[] = array(
                'title'      => esc_html__( 'Archive (Blog) Setting', 'frames' ),
                'desc'       => '',
                'subsection' => true,
                'icon'       => 'el el-folder-close',
                'fields'     => array(
                    array(
                        'id'       => 'haru_archive_layout',
                        'type'     => 'button_set',
                        'title'    => esc_html__( 'Layout', 'frames' ),
                        'subtitle' => '',
                        'desc'     => '',
                        'options'  => array(
                            'full-width'            => esc_html__( 'Full Width', 'frames' ),
                            'haru-container'       => esc_html__( 'Container', 'frames' ),
                            'haru-container haru-container--large'       => esc_html__( 'Large Container', 'frames' ),
                        ),
                        'default'  => 'haru-container'
                    ),
                    array(
                        'id'       => 'haru_archive_sidebar',
                        'type'     => 'image_select',
                        'title'    => esc_html__( 'Sidebar', 'frames' ),
                        'subtitle' => esc_html__( 'Sidebar Style: None, Left, Right or Two Sidebar', 'frames' ),
                        'desc'     => '',
                        'options'  => array(
                            'none'     => array( 'title' => '', 'img' => get_template_directory_uri() . '/framework/admin-assets/images/theme-options/sidebar-none.png' ),
                            'left'     => array( 'title' => '', 'img' => get_template_directory_uri() . '/framework/admin-assets/images/theme-options/sidebar-left.png' ),
                            'right'    => array( 'title' => '', 'img' => get_template_directory_uri() . '/framework/admin-assets/images/theme-options/sidebar-right.png' ),
                            'two'      => array( 'title' => '', 'img' => get_template_directory_uri() . '/framework/admin-assets/images/theme-options/sidebar-two.png' ),
                        ),
                        'default'  => 'left'
                    ),
                    array(
                        'id'       => 'haru_archive_left_sidebar',
                        'type'     => 'select',
                        'title'    => esc_html__( 'Left Sidebar', 'frames' ),
                        'subtitle' => '',
                        'desc'     => '',
                        'data'     => 'sidebars',
                        'default'  => 'sidebar-1',
                        'required' => array( 'haru_archive_sidebar', '=', array( 'left', 'two' ) ),
                    ),
                    array(
                        'id'       => 'haru_archive_right_sidebar',
                        'type'     => 'select',
                        'title'    => esc_html__( 'Right Sidebar', 'frames' ),
                        'subtitle' => '',
                        'desc'     => '',
                        'data'     => 'sidebars',
                        'default'  => 'sidebar-2',
                        'required' => array( 'haru_archive_sidebar', '=', array( 'right', 'two' ) ),
                    ),
                    array(
                        'id'       => 'haru_archive_display_type',
                        'type'     => 'select',
                        'title'    => esc_html__( 'Archive Blog Style', 'frames' ),
                        'subtitle' => '',
                        'desc'     => '',
                        'options'  => array(
                            'large-image'  => esc_html__( 'Large Image', 'frames' ),
                            'medium-image' => esc_html__( 'Medium Image', 'frames' ),
                            'grid'         => esc_html__( 'Grid', 'frames' ),
                        ),
                        'default'  => 'large-image'
                    ),
                    array(
                        'id'       => 'haru_archive_display_columns',
                        'type'     => 'select',
                        'title'    => esc_html__( 'Archive Display Columns', 'frames' ),
                        'subtitle' => esc_html__( 'Choose the number of columns to display on archive pages.', 'frames' ),
                        'desc'     => '',
                        'options'  => array(
                            '2'     => '2',
                            '3'     => '3',
                            '4'     => '4',
                        ),
                        'default'  => '2',
                        'required' => array( 'haru_archive_display_type', '=', array( 'grid' ) ),
                    ),
                    array(
                        'id'       => 'haru_archive_paging_style',
                        'type'     => 'button_set',
                        'title'    => esc_html__( 'Blog Paging Style', 'frames' ),
                        'subtitle' => '',
                        'desc'     => '',
                        'options'  => array(
                            'default'         => esc_html__( 'Default', 'frames' ),
                            'load-more'       => esc_html__( 'Load More', 'frames' ),
                        ),
                        'default'  => 'default'
                    ),
                    array(
                        'id'        => 'haru_archive_number_exceprt',
                        'type'      => 'text',
                        'title'     => esc_html__( 'Length of excerpt (words)', 'frames' ),
                        'default'   => '30'
                    ),
                    array(
                        'id'     => 'haru-section-archive-title-setting-start',
                        'type'   => 'section',
                        'title'  => esc_html__( 'Archive Title Setting', 'frames' ),
                        'indent' => true
                    ),
                    array(
                        'id'       => 'haru_show_archive_title',
                        'type'     => 'switch',
                        'title'    => esc_html__( 'Archive Page Title', 'frames' ),
                        'subtitle' => '',
                        'default'  => true
                    ),
                    array(
                        'id'       => 'haru_archive_title_layout',
                        'type'     => 'button_set',
                        'title'    => esc_html__( 'Archive Title Layout', 'frames' ),
                        'subtitle' => '',
                        'desc'     => '',
                        'options'  => array(
                            'full-width'            => esc_html__( 'Full Width', 'frames' ),
                            'haru-container'       => esc_html__( 'Container', 'frames' ),
                            'haru-container haru-container--large'       => esc_html__( 'Large Container', 'frames' ),
                        ),
                        'default'  => 'full-width',
                        'required' => array( 'haru_show_archive_title', '=', array( '1' ) ),
                    ),
                    array(
                        'id'       => 'haru_archive_title_content_layout',
                        'type'     => 'button_set',
                        'title'    => esc_html__( 'Archive Title Content Layout', 'frames' ),
                        'subtitle' => '',
                        'desc'     => '',
                        'options'  => array(
                            'full-width'            => esc_html__( 'Full Width', 'frames' ),
                            'haru-container'       => esc_html__( 'Container', 'frames' ),
                            'haru-container haru-container--large'       => esc_html__( 'Large Container', 'frames' ),
                        ),
                        'default'  => 'haru-container',
                        'required' => array( 'haru_show_archive_title', '=', array( '1' ) ),
                    ),
                    array(
                        'id'       => 'haru_archive_title_bg_image',
                        'type'     => 'media',
                        'url'      => true,
                        'title'    => esc_html__( 'Archive Title Background', 'frames' ),
                        'subtitle' => '',
                        'desc'     => '',
                        'default'  =>  array(),
                        'required' => array( 'haru_show_archive_title', '=', array( '1' ) ),
                    ),
                    array(
                        'id'       => 'haru_archive_title_heading',
                        'type'     => 'switch',
                        'title'    => esc_html__( 'Heading', 'frames' ),
                        'subtitle' => '',
                        'default'  => true,
                        'required' => array( 'haru_show_archive_title', '=', array( '1' ) ),
                    ),
                    array(
                        'id'       => 'haru_archive_title_breadcrumbs',
                        'type'     => 'switch',
                        'title'    => esc_html__( 'Breadcrumbs', 'frames' ),
                        'subtitle' => '',
                        'default'  => true,
                        'required' => array( 'haru_show_archive_title', '=', array( '1' ) ),
                    ),
                )
            );

            // Single Blog Settings
            $this->sections[] = array(
                'title'      => esc_html__( 'Single (Blog) Setting', 'frames' ),
                'desc'       => '',
                'icon'       => 'el el-file',
                'subsection' => true,
                'fields'     => array(
                    array(
                        'id'       => 'haru_single_layout',
                        'type'     => 'button_set',
                        'title'    => esc_html__( 'Layout', 'frames' ),
                        'subtitle' => '',
                        'desc'     => '',
                        'options'  => array(
                            'full-width'            => esc_html__( 'Full Width', 'frames' ),
                            'haru-container'       => esc_html__( 'Container', 'frames' ),
                            'haru-container haru-container--large'       => esc_html__( 'Large Container', 'frames' ),
                        ),
                        'default'  => 'haru-container'
                    ),
                    array(
                        'id'       => 'haru_single_sidebar',
                        'type'     => 'image_select',
                        'title'    => esc_html__( 'Sidebar', 'frames' ),
                        'subtitle' => esc_html__( 'Sidebar Style: None, Left, Right or Two Sidebar', 'frames' ),
                        'desc'     => '',
                        'options'  => array(
                            'none'     => array( 'title' => '', 'img' => get_template_directory_uri() . '/framework/admin-assets/images/theme-options/sidebar-none.png' ),
                            'left'     => array( 'title' => '', 'img' => get_template_directory_uri() . '/framework/admin-assets/images/theme-options/sidebar-left.png' ),
                            'right'    => array( 'title' => '', 'img' => get_template_directory_uri() . '/framework/admin-assets/images/theme-options/sidebar-right.png' ),
                            'two'      => array( 'title' => '', 'img' => get_template_directory_uri() . '/framework/admin-assets/images/theme-options/sidebar-two.png' ),
                        ),
                        'default'  => 'left'
                    ),
                    array(
                        'id'       => 'haru_single_left_sidebar',
                        'type'     => 'select',
                        'title'    => esc_html__( 'Left Sidebar', 'frames' ),
                        'subtitle' => '',
                        'data'     => 'sidebars',
                        'desc'     => '',
                        'default'  => 'sidebar-1',
                        'required' => array( 'haru_single_sidebar', '=', array( 'left', 'two' ) ),
                    ),
                    array(
                        'id'       => 'haru_single_right_sidebar',
                        'type'     => 'select',
                        'title'    => esc_html__( 'Right Sidebar', 'frames' ),
                        'subtitle' => '',
                        'data'     => 'sidebars',
                        'desc'     => '',
                        'default'  => 'sidebar-2',
                        'required' => array( 'haru_single_sidebar', '=', array( 'right', 'two' ) ),
                    ),

                    array(
                        'id'       => 'haru_single_navigation',
                        'type'     => 'switch',
                        'title'    => esc_html__( 'Post Navigation', 'frames' ),
                        'subtitle' => esc_html__( 'Show/Hide Next/Pre post', 'frames' ),
                        'default'  => false
                    ),

                    array(
                        'id'       => 'haru_single_author_info',
                        'type'     => 'switch',
                        'title'    => esc_html__( 'Author Info', 'frames' ),
                        'subtitle' => esc_html__( 'Show/Hide Author Info', 'frames' ),
                        'default'  => false
                    ),

                    array(
                        'id'       => 'haru_single_related',
                        'type'     => 'switch',
                        'title'    => esc_html__( 'Post Related', 'frames' ),
                        'subtitle' => esc_html__( 'Show/Hide Post Related', 'frames' ),
                        'default'  => false
                    ),

                    array(
                        'id'     => 'haru-section-single-blog-title-setting-start',
                        'type'   => 'section',
                        'title'  => esc_html__( 'Single Blog Title Setting', 'frames' ),
                        'indent' => true
                    ),
                    array(
                        'id'       => 'haru_show_single_title',
                        'type'     => 'switch',
                        'title'    => esc_html__( 'Single Blog Title', 'frames' ),
                        'subtitle' => '',
                        'default'  => true
                    ),
                    array(
                        'id'       => 'haru_single_title_layout',
                        'type'     => 'button_set',
                        'title'    => esc_html__( 'Single Blog Title Layout', 'frames' ),
                        'subtitle' => '',
                        'desc'     => '',
                        'options'  => array(
                            'full-width'            => esc_html__( 'Full Width', 'frames' ),
                            'haru-container'       => esc_html__( 'Container', 'frames' ),
                            'haru-container haru-container--large'       => esc_html__( 'Large Container', 'frames' ),
                        ),
                        'default'  => 'full-width',
                        'required' => array( 'haru_show_single_title', '=', array( '1' ) ),
                    ),
                    array(
                        'id'       => 'haru_single_title_content_layout',
                        'type'     => 'button_set',
                        'title'    => esc_html__( 'Single Blog Title Content Layout', 'frames' ),
                        'subtitle' => '',
                        'desc'     => '',
                        'options'  => array(
                            'full-width'            => esc_html__( 'Full Width', 'frames' ),
                            'haru-container'       => esc_html__( 'Container', 'frames' ),
                            'haru-container haru-container--large'       => esc_html__( 'Large Container', 'frames' ),
                        ),
                        'default'  => 'haru-container',
                        'required' => array( 'haru_show_single_title', '=', array( '1' ) ),
                    ),
                    array(
                        'id'       => 'haru_single_title_bg_image',
                        'type'     => 'media',
                        'url'      => true,
                        'title'    => esc_html__( 'Single Blog Title Background', 'frames' ),
                        'subtitle' => '',
                        'desc'     => '',
                        'default'  =>  array(),
                        'required'  => array( 'haru_show_single_title', '=', array( '1' ) )
                    ),
                    array(
                        'id'       => 'haru_single_title_heading',
                        'type'     => 'switch',
                        'title'    => esc_html__( 'Heading', 'frames' ),
                        'subtitle' => '',
                        'default'  => false,
                        'required' => array( 'haru_show_single_title', '=', array( '1' ) ),
                    ),
                    array(
                        'id'       => 'haru_single_title_breadcrumbs',
                        'type'     => 'switch',
                        'title'    => esc_html__( 'Breadcrumbs', 'frames' ),
                        'subtitle' => '',
                        'default'  => true,
                        'required' => array( 'haru_show_single_title', '=', array( '1' ) ),
                    ),
                )
            );

            if ( true == haru_check_woocommerce_status() ) {
                // WooCommerce
                $this->sections[] = array(
                    'title'  => esc_html__( 'WooCommerce', 'frames' ),
                    'desc'   => '',
                    'icon'   => 'el el-shopping-cart-sign',
                    'fields' => array(
                        array(
                            'id'       => 'haru_product_sale_flash_mode',
                            'type'     => 'button_set',
                            'title'    => esc_html__( 'Sale Badge Mode', 'frames' ),
                            'subtitle' => esc_html__( 'Choose Sale Badge Mode', 'frames' ),
                            'desc'     => '',
                            'options'  => array(
                                'text'    => esc_html__( 'Text', 'frames' ),
                                'percent' => esc_html__( 'Percent', 'frames' )
                            ),
                            'default'  => 'percent'
                        ),
                        array(
                            'id'       => 'haru_product_attribute',
                            'type'     => 'product_attribute',
                            'title'    => esc_html__( 'Product Attribute', 'frames' ),
                            'subtitle' => esc_html__( 'Show Product Attribute (Apply for Color, Image & Label attribute type in Products -> Attributes)', 'frames' ),
                            'default' => ''
                        ),
                        array(
                            'id'       => 'haru_product_quick_view',
                            'type'     => 'switch',
                            'title'    => esc_html__( 'Quick View Button', 'frames' ),
                            'subtitle' => esc_html__( 'Enable/Disable Quick View', 'frames' ),
                            'default'  => true
                        ),
                        array(
                            'id'       => 'haru_product_add_wishlist',
                            'type'     => 'switch',
                            'title'    => esc_html__( 'Add To Wishlist Button', 'frames' ),
                            'subtitle' => esc_html__( 'Enable/Disable Add To Wishlist Button', 'frames' ),
                            'default'  => true
                        ),
                        array(
                            'id'       => 'haru_product_add_to_compare',
                            'type'     => 'switch',
                            'title'    => esc_html__( 'Add To Compare Button', 'frames' ),
                            'subtitle' => esc_html__( 'Enable/Disable Add To Compare Button', 'frames' ),
                            'default'  => true
                        ),
                    )
                );

                // Archive Product
                $this->sections[] = array(
                    'title'      => esc_html__( 'Archive Product (Shop)', 'frames' ),
                    'desc'       => '',
                    'icon'       => 'el el-book',
                    'subsection' => true,
                    'fields'     => array(
                        array(
                            'id'       => 'haru_product_per_page',
                            'type'     => 'text',
                            'title'    => esc_html__( 'Products Per Page', 'frames' ),
                            'desc'     => esc_html__( 'This must be numeric or empty (default 12).', 'frames' ),
                            'subtitle' => '',
                            'validate' => 'numeric',
                            'default'  => '12',
                        ),
                        array(
                            'id'    => 'haru_product_per_row',
                            'type'  => 'info',
                            'style' => 'success',
                            'title' => esc_html__( 'Products per row ( Columns )', 'frames' ),
                            'icon'  => 'el el-info-circle',
                            'desc'  => __( 'You can set Products per row in Appearence -> Customize -> WooCommerce ( Closest Additional CSS ) -> Product Catalog.', 'frames')
                        ),
                        array(
                            'id'     => 'haru-section-archive-product-layout-start',
                            'type'   => 'section',
                            'title'  => esc_html__( 'Layout Options', 'frames' ),
                            'indent' => true
                        ),
                        array(
                            'id'       => 'haru_archive_product_layout',
                            'type'     => 'button_set',
                            'title'    => esc_html__( 'Archive Product Layout', 'frames' ),
                            'subtitle' => '',
                            'desc'     => '',
                            'options'  => array(
                                'full-width'            => esc_html__( 'Full Width', 'frames' ),
                                'haru-container'       => esc_html__( 'Container', 'frames' ),
                                'haru-container haru-container--large'       => esc_html__( 'Large Container', 'frames' ),
                            ),
                            'default'  => 'haru-container'
                        ),
                        array(
                            'id'       => 'haru_archive_product_sidebar',
                            'type'     => 'image_select',
                            'title'    => esc_html__( 'Archive Product Sidebar', 'frames' ),
                            'subtitle' => esc_html__( 'None, Left or Right Sidebar', 'frames' ),
                            'desc'     => '',
                            'options'  => array(
                                'none'     => array( 'title' => '', 'img' => get_template_directory_uri() . '/framework/admin-assets/images/theme-options/sidebar-none.png' ),
                                'left'     => array( 'title' => '', 'img' => get_template_directory_uri() . '/framework/admin-assets/images/theme-options/sidebar-left.png' ),
                                'right'    => array( 'title' => '', 'img' => get_template_directory_uri() . '/framework/admin-assets/images/theme-options/sidebar-right.png' ),
                                'two'      => array( 'title' => '', 'img' => get_template_directory_uri() . '/framework/admin-assets/images/theme-options/sidebar-two.png' ),
                            ),
                            'default'  => 'left',
                        ),
                        array(
                            'id'       => 'haru_archive_product_left_sidebar',
                            'type'     => 'select',
                            'title'    => esc_html__( 'Archive Product Left Sidebar', 'frames' ),
                            'subtitle' => '',
                            'data'     => 'sidebars',
                            'desc'     => '',
                            'default'  => 'woocommerce',
                            'required' => array( 'haru_archive_product_sidebar', '=', array( 'left', 'two' ) ),
                        ),
                        array(
                            'id'       => 'haru_archive_product_right_sidebar',
                            'type'     => 'select',
                            'title'    => esc_html__( 'Archive Product Right Sidebar', 'frames' ),
                            'subtitle' => '',
                            'data'     => 'sidebars',
                            'desc'     => '',
                            'default'  => 'woocommerce',
                            'required' => array( 'haru_archive_product_sidebar', '=', array( 'right', 'two' ) ),
                        ),
                        array(
                            'id'     => 'haru-section-archive-product-layout-end',
                            'type'   => 'section',
                            'indent' => false
                        ),
                        array(
                            'id'     => 'haru-section-archive-product-title-start',
                            'type'   => 'section',
                            'title'  => esc_html__( 'Page Title Options', 'frames' ),
                            'indent' => true
                        ),
                        array(
                            'id'       => 'haru_show_archive_product_title',
                            'type'     => 'switch',
                            'title'    => esc_html__( 'Archive Product Title', 'frames' ),
                            'subtitle' => '',
                            'default'  => true
                        ),
                        array(
                            'id'       => 'haru_archive_product_title_layout',
                            'type'     => 'button_set',
                            'title'    => esc_html__( 'Archive Product Title Layout', 'frames' ),
                            'subtitle' => '',
                            'desc'     => '',
                            'options'  => array(
                                'full-width'            => esc_html__( 'Full Width', 'frames' ),
                                'haru-container'       => esc_html__( 'Container', 'frames' ),
                                'haru-container haru-container--large'       => esc_html__( 'Large Container', 'frames' ),
                            ),
                            'default'  => 'full-width',
                            'required' => array( 'haru_show_archive_product_title', '=', array( '1' ) ),
                        ),
                        array(
                            'id'       => 'haru_archive_product_title_content_layout',
                            'type'     => 'button_set',
                            'title'    => esc_html__( 'Archive Product Title Content Layout', 'frames' ),
                            'subtitle' => '',
                            'desc'     => '',
                            'options'  => array(
                                'full-width'            => esc_html__( 'Full Width', 'frames' ),
                                'haru-container'       => esc_html__( 'Container', 'frames' ),
                                'haru-container haru-container--large'       => esc_html__( 'Large Container', 'frames' ),
                            ),
                            'default'  => 'haru-container',
                            'required' => array( 'haru_show_archive_product_title', '=', array( '1' ) ),
                        ),
                        array(
                            'id'       => 'haru_archive_product_title_bg_image',
                            'type'     => 'media',
                            'url'      => true,
                            'title'    => esc_html__( 'Archive Product Title Background', 'frames' ),
                            'subtitle' => '',
                            'desc'     => '',
                            'default'  => array(),
                            'required'  => array( 'haru_show_archive_product_title', '=', array( '1' ) ),
                        ),
                        array(
                            'id'       => 'haru_archive_product_title_heading',
                            'type'     => 'switch',
                            'title'    => esc_html__( 'Heading', 'frames' ),
                            'subtitle' => '',
                            'default'  => true,
                            'required' => array( 'haru_show_archive_product_title', '=', array( '1' ) ),
                        ),
                        array(
                            'id'       => 'haru_archive_product_title_breadcrumbs',
                            'type'     => 'switch',
                            'title'    => esc_html__( 'Breadcrumbs', 'frames' ),
                            'subtitle' => '',
                            'default'  => true,
                            'required'  => array( 'haru_show_archive_product_title', '=', array( '1' ) ),
                        ),

                    )
                );

                // Single Product
                $this->sections[] = array(
                    'title'      => esc_html__( 'Single Product', 'frames' ),
                    'desc'       => '',
                    'icon'       => 'el el-laptop',
                    'subsection' => true,
                    'fields'     => array(
                        array(
                            'id'     => 'haru-section-single-product-layout-start',
                            'type'   => 'section',
                            'title'  => esc_html__( 'Layout Options', 'frames' ),
                            'indent' => true
                        ),
                        array(
                            'id'       => 'haru_single_product_layout',
                            'type'     => 'button_set',
                            'title'    => esc_html__( 'Single Product Layout', 'frames' ),
                            'subtitle' => '',
                            'desc'     => '',
                            'options'  => array(
                                'full-width'            => esc_html__( 'Full Width', 'frames' ),
                                'haru-container'       => esc_html__( 'Container', 'frames' ),
                                'haru-container haru-container--large'       => esc_html__( 'Large Container', 'frames' ),
                            ),
                            'default'  => 'haru-container'
                        ),
                        array(
                            'id'       => 'haru_single_product_style',
                            'type'     => 'select',
                            'title'    => esc_html__( 'Single Product Style', 'frames' ),
                            'subtitle' => '',
                            'desc'     => '',
                            'options'  => array(
                                'horizontal'     => esc_html__( 'Horizontal Slide', 'frames' ),
                                'vertical'       => esc_html__( 'Vertical Slide', 'frames' ),
                                'vertical_gallery'       => esc_html__( 'Vertical Gallery', 'frames' ),
                            ),
                            'default'  => 'horizontal'
                        ),
                        array(
                            'id'       => 'haru_single_product_thumbnail_columns',
                            'type'     => 'select',
                            'title'    => esc_html__( 'Product Thumbnail Columns', 'frames' ),
                            'subtitle' => esc_html__( 'Choose the number of columns to display thumbnails.', 'frames' ),
                            'options'  => array(
                                '2'     => '2',
                                '3'     => '3',
                                '4'     => '4',
                                '5'     => '5'
                            ),
                            'desc'    => '',
                            'default' => '4',
                            'required'  => array( 'haru_single_product_style', '=', array( 'horizontal', 'vertical' ) ),
                        ),
                        array(
                            'id'       => 'haru_single_product_thumbnail_position',
                            'type'     => 'button_set',
                            'title'    => esc_html__( 'Product Thumbnails Position', 'frames' ),
                            'subtitle' => '',
                            'desc'     => '',
                            'options'  => array(
                                'thumbnail-left'        => esc_html__( 'Left', 'frames' ),
                                'thumbnail-right'       => esc_html__( 'Right', 'frames' ),
                            ),
                            'default'  => 'thumbnail-left',
                            'required'  => array( 'haru_single_product_style', '=', array( 'vertical' ) ),
                        ),
                        array(
                            'id'       => 'haru_single_product_sidebar',
                            'type'     => 'image_select',
                            'title'    => esc_html__( 'Single Product Sidebar', 'frames' ),
                            'subtitle' => esc_html__( 'None, Left or Right Sidebar', 'frames' ),
                            'desc'     => '',
                            'options'  => array(
                                'none'     => array( 'title' => '', 'img' => get_template_directory_uri() . '/framework/admin-assets/images/theme-options/sidebar-none.png' ),
                                'left'     => array( 'title' => '', 'img' => get_template_directory_uri() . '/framework/admin-assets/images/theme-options/sidebar-left.png' ),
                                'right'    => array( 'title' => '', 'img' => get_template_directory_uri() . '/framework/admin-assets/images/theme-options/sidebar-right.png' ),
                                'two'      => array( 'title' => '', 'img' => get_template_directory_uri() . '/framework/admin-assets/images/theme-options/sidebar-two.png' ),
                            ),
                            'default' => 'none'
                        ),
                        array(
                            'id'       => 'haru_single_product_left_sidebar',
                            'type'     => 'select',
                            'title'    => esc_html__( 'Single Product Left Sidebar', 'frames' ),
                            'subtitle' => '',
                            'data'     => 'sidebars',
                            'desc'     => '',
                            'default'  => 'woocommerce',
                            'required' => array( 'haru_single_product_sidebar', '=', array( 'left', 'two' ) ),
                        ),
                        array(
                            'id'       => 'haru_single_product_right_sidebar',
                            'type'     => 'select',
                            'title'    => esc_html__( 'Single Product Right Sidebar', 'frames' ),
                            'subtitle' => '',
                            'data'     => 'sidebars',
                            'desc'     => '',
                            'default'  => 'woocommerce',
                            'required' => array( 'haru_single_product_sidebar', '=', array( 'right', 'two' ) ),
                        ),
                        array(
                            'id'     => 'haru-section-single-product-layout-end',
                            'type'   => 'section',
                            'indent' => false
                        ),
                        array(
                            'id'     => 'haru-section-single-product-related-start',
                            'type'   => 'section',
                            'title'  => esc_html__( 'Related Product Options', 'frames' ),
                            'indent' => true
                        ),
                        array(
                            'id'       => 'haru_related_product_count',
                            'type'     => 'text',
                            'title'    => esc_html__( 'Related Products Number', 'frames' ),
                            'subtitle' => '',
                            'validate' => 'number',
                            'default'  => '6',
                        ),
                        array(
                            'id'       => 'haru_related_product_display_columns',
                            'type'     => 'select',
                            'title'    => esc_html__( 'Related Product Display Columns', 'frames' ),
                            'subtitle' => '',
                            'options'  => array(
                                '3'     => esc_html__( '3', 'frames' ),
                                '4'     => esc_html__( '4', 'frames' ),
                            ),
                            'desc'    => '',
                            'default' => '4'
                        ),
                        array(
                            'id'     => 'haru-section-single-product-related-end',
                            'type'   => 'section',
                            'indent' => false
                        ),
                        array(
                            'id'     => 'haru-section-single-product-title-start',
                            'type'   => 'section',
                            'title'  => esc_html__( 'Page Title Options', 'frames' ),
                            'indent' => true
                        ),
                        array(
                            'id'       => 'haru_show_single_product_title',
                            'type'     => 'switch',
                            'title'    => esc_html__( 'Single Title', 'frames' ),
                            'subtitle' => '',
                            'default'  => true
                        ),
                        array(
                            'id'       => 'haru_single_product_title_layout',
                            'type'     => 'button_set',
                            'title'    => esc_html__( 'Single Product Title Layout', 'frames' ),
                            'subtitle' => '',
                            'desc'     => '',
                            'options'  => array(
                                'full-width'            => esc_html__( 'Full Width', 'frames' ),
                                'haru-container'       => esc_html__( 'Container', 'frames' ),
                                'haru-container haru-container--large'       => esc_html__( 'Large Container', 'frames' ),
                            ),
                            'default'  => 'full-width',
                            'required' => array( 'haru_show_single_product_title', '=', array( '1' ) ),
                        ),
                        array(
                            'id'       => 'haru_single_product_title_content_layout',
                            'type'     => 'button_set',
                            'title'    => esc_html__( 'Archive Product Title Content Layout', 'frames' ),
                            'subtitle' => '',
                            'desc'     => '',
                            'options'  => array(
                                'full-width'            => esc_html__( 'Full Width', 'frames' ),
                                'haru-container'       => esc_html__( 'Container', 'frames' ),
                                'haru-container haru-container--large'       => esc_html__( 'Large Container', 'frames' ),
                            ),
                            'default'  => 'haru-container',
                            'required' => array( 'haru_show_single_product_title', '=', array( '1' ) ),
                        ),
                        array(
                            'id'       => 'haru_single_product_title_bg_image',
                            'type'     => 'media',
                            'url'      => true,
                            'title'    => esc_html__( 'Single Product Title Background', 'frames' ),
                            'subtitle' => '',
                            'desc'     => '',
                            'default'  => array(),
                            'required'  => array( 'haru_show_single_product_title', '=', array( '1' ) ),
                        ),
                        array(
                            'id'       => 'haru_single_product_title_heading',
                            'type'     => 'switch',
                            'title'    => esc_html__( 'Heading', 'frames' ),
                            'subtitle' => '',
                            'default'  => false,
                            'required' => array( 'haru_show_single_product_title', '=', array( '1' ) ),
                        ),
                        array(
                            'id'       => 'haru_single_product_title_breadcrumbs',
                            'type'     => 'switch',
                            'title'    => esc_html__( 'Breadcrumbs', 'frames' ),
                            'subtitle' => '',
                            'default'  => true,
                            'required'  => array( 'haru_show_single_product_title', '=', array( '1' ) ),
                        ),
                        array(
                            'id'     => 'haru-section-single-product-title-end',
                            'type'   => 'section',
                            'indent' => false
                        ),
                    )
                );
            }

            // Social options
            $this->sections[] = array(
                'title'  => esc_html__( 'Social Settings', 'frames' ),
                'desc'   => '',
                'icon'   => 'el el-facebook',
                'fields' => array(
                    array(
                        'title'    => esc_html__( 'Social Share', 'frames' ),
                        'subtitle' => esc_html__( 'Show the social sharing in blog posts or custom posttype', 'frames' ),
                        'id'       => 'haru_social_sharing',
                        'type'     => 'checkbox',
                        // Must provide key => value pairs for multi checkbox options
                        'options'  => array(
                            'facebook'  => esc_html__( 'Facebook', 'frames' ),
                            'twitter'   => esc_html__( 'Twitter', 'frames' ),
                            'linkedin'  => esc_html__( 'Linkedin', 'frames' ),
                            'tumblr'    => esc_html__( 'Tumblr', 'frames' ),
                            'pinterest' => esc_html__( 'Pinterest', 'frames' ),
                            'vk'        => esc_html__( 'VK', 'frames' ),
                            'telegram'  => esc_html__( 'Telegram', 'frames' ),
                        ),

                        // See how default has changed? you also don't need to specify opts that are 0.
                        'default' => array(
                            'facebook'  => '1',
                            'twitter'   => '1',
                            'linkedin'  => '1',
                            'tumblr'    => '1',
                            'pinterest' => '1',
                            'vk'        => '1',
                            'telegram'  => '1',
                        )
                    )
                )
            );

            // Popup Configs
            $this->sections[] = array(
                'title'  => esc_html__( 'Newsletter Popup', 'frames' ),
                'desc'   => '',
                'icon'   => 'el el-photo',
                'fields' => array(
                    array(
                        'id'       => 'haru_show_popup',
                        'type'     => 'switch',
                        'title'    => esc_html__( 'Show Popup', 'frames' ),
                        'subtitle' => '',
                        'default'  => false
                    ),
                    array(
                        'id'       => 'haru_popup_width',
                        'type'     => 'text',
                        'title'    => esc_html__( 'Popup Width', 'frames' ),
                        'subtitle' => esc_html__( 'Please set with of popup (number only in px)', 'frames' ),
                        'validate' => 'numeric',
                        'desc'     => '',
                        'default'  => '750',
                        'required' => array( 'haru_show_popup', '=', array( '1' ) ),
                    ),
                    array(
                        'id'       => 'haru_popup_height',
                        'type'     => 'text',
                        'title'    => esc_html__( 'Popup Height', 'frames' ),
                        'subtitle' => esc_html__( 'Please set height of popup (number only in px)', 'frames' ),
                        'validate' => 'numeric',
                        'desc'     => '',
                        'default'  => '450',
                        'required' => array( 'haru_show_popup', '=', array( '1' ) ),
                    ),
                    array(
                        'id'       => 'haru_popup_effect',
                        'type'     => 'select',
                        'title'    => esc_html__( 'Popup Effect', 'frames' ),
                        'subtitle' => '',
                        'options'  => array(
                            'mfp-zoom-in'         => esc_html__( 'ZoomIn', 'frames' ),
                            'mfp-newspaper'       => esc_html__( 'Newspaper', 'frames' ),
                            'mfp-move-horizontal' => esc_html__( 'Move Horizontal', 'frames' ),
                            'mfp-move-from-top'   => esc_html__( 'Move From Top', 'frames' ),
                            'mfp-3d-unfold'       => esc_html__( '3D Unfold', 'frames' ),
                            'mfp-zoom-out'        => esc_html__( 'ZoomOut', 'frames' ),
                            'hinge'               => esc_html__( 'Hinge', 'frames' )
                        ),
                        'desc'     => '',
                        'default'  => 'mfp-zoom-in',
                        'required' => array( 'haru_show_popup', '=', array( '1' ) ),
                    ),
                    array(
                        'id'       => 'haru_popup_delay',
                        'type'     => 'text',
                        'title'    => esc_html__( 'Popup Delay', 'frames' ),
                        'subtitle' => esc_html__( 'Please set delay of popup (caculate by miliseconds)', 'frames' ),
                        'validate' => 'numeric',
                        'desc'     => '',
                        'default'  => '5000',
                        'required' => array( 'haru_show_popup', '=', array( '1' ) ),
                    ),
                    array(
                        'id'       => 'haru_popup_content',
                        'type'     => 'editor',
                        'title'    => esc_html__( 'Popup Content', 'frames' ),
                        'subtitle' => esc_html__( 'Please set content of popup. You can use shortcode here.', 'frames' ),
                        'desc'     => '',
                        'default'  => '',
                        'required' => array( 'haru_show_popup', '=', array( '1' ) ),
                    ),
                    array(
                        'id'       => 'haru_popup_background',
                        'type'     => 'media',
                        'title'    => esc_html__( 'Popup Background', 'frames' ),
                        'url'      => true,
                        'subtitle' => '',
                        'desc'     => '',
                        'default'  => array(
                            'url'  =>  ''
                        ),
                        'required' => array( 'haru_show_popup', '=', array( '1' ) ),
                    ),

                )
            );
        }

        public function setHelpTabs() {

        }

        /**
         * All the possible arguments for Redux.
         * For full documentation on arguments, please refer to: https://github.com/ReduxFramework/ReduxFramework/wiki/Arguments
         * */
        public function setArguments() {

            $theme = wp_get_theme(); // For use with some settings. Not necessary.

            $this->args = array(
                // TYPICAL -> Change these values as you need/desire
                'opt_name'           => 'haru_frames_options',
                // This is where your data is stored in the database and also becomes your global variable name.
                'display_name'       => $theme->get( 'Name' ),
                // Name that appears at the top of your panel
                'display_version'    => $theme->get( 'Version' ),
                // Version that appears at the top of your panel
                'menu_type'          => 'menu', // or submenu under Appearence
                //Specify if the admin menu should appear or not. Options: menu or submenu (Under appearance only)
                'allow_sub_menu'     => true,
                // Show the sections below the admin menu item or not
                'menu_title'         => esc_html__( 'Theme Options', 'frames' ),
                'page_title'         => esc_html__( 'Theme Options', 'frames' ),
                // You will need to generate a Google API key to use this feature.
                // Please visit: https://developers.google.com/fonts/docs/developer_api#Auth
                'google_api_key'     => '',
                // Must be defined to add google fonts to the typography module

                'async_typography'   => true,
                // Use a asynchronous font on the front end or font string
                'font_display'       => 'auto', // block|swap|fallback|optional.
                'admin_bar'          => true,
                // Show the panel pages on the admin bar
                'global_variable'    => '',
                // Set a different name for your global variable other than the opt_name
                'dev_mode'           => false,
                // Show the time the page took to load, etc
                'forced_dev_mode_off' => true,
                // To forcefully disable the dev mode
                'templates_path'     => get_template_directory().'/framework/core/templates/panel',
                // Path to the templates file for various Redux elements
                'customizer'         => true,
                // Enable basic customizer support

                // OPTIONAL -> Give you extra features
                'page_priority'      => null,
                // Order where the menu appears in the admin area. If there is any conflict, something will not show. Warning.
                'page_parent'        => 'themes.php',
                // For a full list of options, visit: http://codex.wordpress.org/Function_Reference/add_theme_page#Parameters
                'page_permissions'   => 'manage_options',
                // Permissions needed to access the options panel.
                'menu_icon'          => '',
                // Specify a custom URL to an icon
                'last_tab'           => '',
                // Force your panel to always open to a specific tab (by id)
                'page_icon'          => 'icon-themes',
                // Icon displayed in the admin panel next to your menu_title
                'page_slug'          => '_options',
                // Page slug used to denote the panel
                'save_defaults'      => true,
                // On load save the defaults to DB before user clicks save or not
                'default_show'       => false,
                // If true, shows the default value next to each field that is not the default value.
                'default_mark'       => '',
                // What to print by the field's title if the value shown is default. Suggested: *
                'show_import_export' => true,
                // Shows the Import/Export panel when not used as a field.

                // CAREFUL -> These options are for advanced use only
                'transient_time'     => 60 * MINUTE_IN_SECONDS,
                'output'             => true,
                // Global shut-off for dynamic CSS output by the framework. Will also disable google fonts output
                'output_tag'         => true,
                // Allows dynamic CSS to be generated for customizer and google fonts, but stops the dynamic CSS from going to the head

                // FUTURE -> Not in use yet, but reserved or partially implemented. Use at your own risk.
                'database'           => '',
                // possible: options, theme_mods, theme_mods_expanded, transient. Not fully functional, warning!
                'system_info'        => false,
                // REMOVE

                // HINTS
                'hints'              => array(
                    'icon'          => 'icon-question-sign',
                    'icon_position' => 'right',
                    'icon_color'    => 'lightgray',
                    'icon_size'     => 'normal',
                    'tip_style'     => array(
                        'color'   => 'light',
                        'shadow'  => true,
                        'rounded' => false,
                        'style'   => '',
                    ),
                    'tip_position'  => array(
                        'my' => 'top left',
                        'at' => 'bottom right',
                    ),
                    'tip_effect'    => array(
                        'show' => array(
                            'effect'   => 'slide',
                            'duration' => '500',
                            'event'    => 'mouseover',
                        ),
                        'hide' => array(
                            'effect'   => 'slide',
                            'duration' => '500',
                            'event'    => 'click mouseleave',
                        ),
                    ),
                )
            );

            // SOCIAL ICONS -> Setup custom links in the footer for quick links in your panel footer icons.
            $args['share_icons'][] = array(
                'url'   => 'https://github.com/ReduxFramework/ReduxFramework',
                'title' => esc_html__( 'Visit us on GitHub', 'frames' ),
                'icon'  => 'el el-github'
            );
            $args['share_icons'][] = array(
                'url'   => 'https://www.facebook.com/pages/Redux-Framework/243141545850368',
                'title' => esc_html__( 'Like us on Facebook', 'frames' ),
                'icon'  => 'el el-facebook'
            );
            $args['share_icons'][] = array(
                'url'   => 'https://twitter.com/reduxframework',
                'title' => esc_html__( 'Follow us on Twitter', 'frames' ),
                'icon'  => 'el el-twitter'
            );
            $args['share_icons'][] = array(
                'url'   => 'https://www.linkedin.com/company/redux-framework',
                'title' => esc_html__( 'Find us on LinkedIn', 'frames' ),
                'icon'  => 'el el-linkedin'
            );

        }

    }

    // global $reduxConfig;
    $reduxConfig = new Redux_Framework_theme_options();
}

Youez - 2016 - github.com/yon3zu
LinuXploit