init(); } /** * Initialize this module. * * @since 1.7.4 */ public function init() { /** * Initialize the Themes Config logic. */ require_once 'class-customify-theme-configs.php'; $this->theme_configs = Customify_Theme_Configs::instance(); /** * Initialize the Color Palettes logic. */ require_once 'class-customify-color-palettes.php'; $this->color_palettes = Customify_Color_Palettes::instance(); /** * Initialize the Font Palettes logic. */ require_once 'class-customify-font-palettes.php'; $this->font_palettes = Customify_Font_Palettes::instance(); /** * Initialize the Cloud API logic. */ require_once 'lib/class-customify-cloud-api.php'; $this->cloud_api = new Customify_Cloud_Api(); // Hook up. $this->add_hooks(); } /** * Initiate our hooks * * @since 1.7.0 */ public function add_hooks() { /* * Handle the Customizer Style Manager base config. */ add_filter( 'customify_filter_fields', array( $this, 'style_manager_section_base_config' ), 12, 1 ); /* * Handle the grouping and reorganization of the Customizer theme sections when the Style Manager is active. */ add_filter( 'customify_final_config', array( $this, 'reorganize_customify_sections' ), 10, 1 ); add_action( 'customize_register', array( $this, 'general_reorganization_of_customize_sections' ), 999, 1 ); /* * Handle the customization of controls based on theme type. */ add_filter( 'customify_filter_fields', array( $this, 'pre_filter_based_on_theme_type' ), 20, 1 ); add_filter( 'customify_final_config', array( $this, 'filter_based_on_theme_type' ), 20, 1 ); add_action( 'customify_after_preset_control', array( $this, 'maybe_add_text_after_color_palettes' ), 10, 1 ); add_action( 'customify_after_sm_palette_filter_control', array( $this, 'maybe_add_text_after_color_palette_filters' ), 10, 1 ); add_action( 'customify_after_sm_radio_control', array( $this, 'maybe_add_text_after_color_palettes_customize_controls' ), 10, 1 ); /* * Handle the logic for user feedback. */ add_action( 'customize_controls_print_footer_scripts', array( $this, 'output_user_feedback_modal' ) ); add_action( 'wp_ajax_customify_style_manager_user_feedback', array( $this, 'user_feedback_callback' ) ); /* * Scripts enqueued in the Customizer. */ add_action( 'customize_controls_init', array( $this, 'register_admin_customizer_scripts' ), 10 ); add_action( 'customize_controls_enqueue_scripts', array( $this, 'enqueue_admin_customizer_scripts' ), 10 ); } /** * Register Customizer admin scripts. */ function register_admin_customizer_scripts() { wp_register_script( PixCustomifyPlugin()->get_slug() . '-style-manager', plugins_url( 'js/customizer/style-manager.js', PixCustomifyPlugin()->get_file() ), array( 'jquery' ), PixCustomifyPlugin()->get_version() ); } /** * Enqueue Customizer admin scripts */ function enqueue_admin_customizer_scripts() { // If there is no style manager support, bail early. if ( ! $this->is_supported() ) { return; } // Enqueue the needed scripts, already registered. wp_enqueue_script( PixCustomifyPlugin()->get_slug() . '-style-manager' ); } /** * Determine if Style Manager is supported. * * @return bool * @since 1.7.0 * */ public function is_supported() { $has_support = (bool) current_theme_supports( 'customizer_style_manager' ); return apply_filters( 'customify_style_manager_is_supported', $has_support ); } /** * Setup the Style Manager Customizer section base config. * * This handles the base configuration for the controls in the Style Manager section. We expect other parties (e.g. the theme), * to come and fill up the missing details (e.g. connected fields). * * @param array $config This holds required keys for the plugin config like 'opt-name', 'panels', 'settings' * * @return array * @since 1.7.0 * */ public function style_manager_section_base_config( $config ) { // If there is no style manager support, bail early. if ( ! $this->is_supported() ) { return $config; } if ( ! isset( $config['sections']['style_manager_section'] ) ) { $config['sections']['style_manager_section'] = array(); } // The section might be already defined, thus we merge, not replace the entire section config. $config['sections']['style_manager_section'] = Customify_Array::array_merge_recursive_distinct( $config['sections']['style_manager_section'], array( 'title' => esc_html__( 'Style Manager', 'customify' ), 'section_id' => 'style_manager_section', // We will force this section id preventing prefixing and other regular processing. 'priority' => 1, 'options' => array(), ) ); return $config; } /** * Reorganize the Customizer sections. * * @param array $config This holds required keys for the plugin config like 'opt-name', 'panels', 'settings'. * * @return array * @since 1.7.4 * */ public function reorganize_customify_sections( $config ) { // If there is no style manager support, bail early. if ( ! $this->is_supported() ) { return $config; } // If there is no Style Manager section or panel, bail. if ( ! isset( $config['sections']['style_manager_section'] ) && ! isset( $config['panels']['style_manager_panel'] ) ) { return $config; } $style_manager_section_config = false; if ( isset( $config['sections']['style_manager_section'] ) ) { $style_manager_section_config = $config['sections']['style_manager_section']; unset( $config['sections']['style_manager_section'] ); } // All the other sections. $other_theme_sections_config = $config['sections']; unset( $config['sections'] ); // The Style Manager panel. if ( empty( $config['panels']['style_manager_panel'] ) ) { $style_manager_panel_config = array( 'priority' => 22, // after the Site Identity panel 'capability' => 'edit_theme_options', 'panel_id' => 'style_manager_panel', 'title' => esc_html__( 'Style Manager', 'customify' ), 'description' => wp_kses_post( __( 'Style Manager is an intuitive system to help you change the look of your website and make an excellent impression.', 'customify' ) ), 'sections' => array(), 'auto_expand_sole_section' => true, // If there is only one section in the panel, auto-expand it. ); } else { $style_manager_panel_config = $config['panels']['style_manager_panel']; unset( $config['panels']['style_manager_panel'] ); } $other_panels_config = false; if ( ! empty( $config['panels'] ) ) { $other_panels_config = $config['panels']; unset( $config['panels'] ); } // Maybe handle the color palettes. if ( is_array( $style_manager_section_config ) && class_exists( 'Customify_Color_Palettes' ) && Customify_Color_Palettes::instance()->is_supported() ) { // We need to split the fields in the Style Manager section into two: color palettes and fonts. $color_palettes_fields = array( 'sm_current_color_palette', 'sm_palettes_description', 'sm_filters_description', 'sm_customize_description', 'sm_color_matrix', 'sm_palette_filter', 'sm_coloration_level', 'sm_color_diversity', 'sm_shuffle_colors', 'sm_dark_mode', 'sm_dark_color_master_slider', 'sm_dark_color_primary_slider', 'sm_dark_color_secondary_slider', 'sm_dark_color_tertiary_slider', 'sm_colors_dispersion', 'sm_colors_focus_point', 'sm_color_palette', 'sm_color_palette_variation', 'sm_color_primary', 'sm_color_primary_final', 'sm_color_secondary', 'sm_color_secondary_final', 'sm_color_tertiary', 'sm_color_tertiary_final', 'sm_dark_primary', 'sm_dark_primary_final', 'sm_dark_secondary', 'sm_dark_secondary_final', 'sm_dark_tertiary', 'sm_dark_tertiary_final', 'sm_light_primary', 'sm_light_primary_final', 'sm_light_secondary', 'sm_light_secondary_final', 'sm_light_tertiary', 'sm_light_tertiary_final', 'sm_swap_colors', 'sm_swap_dark_light', 'sm_swap_colors_dark', 'sm_swap_secondary_colors_dark', 'sm_advanced_toggle', 'sm_spacing_bottom', ); $color_palettes_section_config = array( 'title' => esc_html__( 'Colors', 'customify' ), 'section_id' => 'sm_color_palettes_section', 'priority' => 10, 'options' => array(), ); foreach ( $color_palettes_fields as $field_id ) { if ( ! isset( $style_manager_section_config['options'][ $field_id ] ) ) { continue; } if ( empty( $color_palettes_section_config['options'] ) ) { $color_palettes_section_config['options'] = array( $field_id => $style_manager_section_config['options'][ $field_id ] ); } else { $color_palettes_section_config['options'] = array_merge( $color_palettes_section_config['options'], array( $field_id => $style_manager_section_config['options'][ $field_id ] ) ); } } $style_manager_panel_config['sections']['sm_color_palettes_section'] = $color_palettes_section_config; } // Maybe handle the font palettes. if ( is_array( $style_manager_section_config ) && class_exists( 'Customify_Font_Palettes' ) && Customify_Font_Palettes::instance()->is_supported() ) { $font_palettes_fields = array( 'sm_font_palette', 'sm_font_palette_variation', 'sm_font_primary', 'sm_font_secondary', 'sm_font_body', 'sm_swap_fonts', 'sm_swap_primary_secondary_fonts', ); $font_palettes_section_config = array( 'title' => esc_html__( 'Fonts', 'customify' ), 'section_id' => 'sm_font_palettes_section', 'priority' => 20, 'options' => array(), ); foreach ( $font_palettes_fields as $field_id ) { if ( ! isset( $style_manager_section_config['options'][ $field_id ] ) ) { continue; } if ( empty( $font_palettes_section_config['options'] ) ) { $font_palettes_section_config['options'] = array( $field_id => $style_manager_section_config['options'][ $field_id ] ); } else { $font_palettes_section_config['options'] = array_merge( $font_palettes_section_config['options'], array( $field_id => $style_manager_section_config['options'][ $field_id ] ) ); } } $style_manager_panel_config['sections']['sm_font_palettes_section'] = $font_palettes_section_config; } // Start fresh and add the Style Manager panel config if ( empty( $config['panels'] ) ) { $config['panels'] = array(); } $config['panels']['style_manager_panel'] = $style_manager_panel_config; // The Theme Options panel. $theme_options_panel_config = array( 'priority' => 24, // after the Style Manager panel. 'capability' => 'edit_theme_options', 'panel_id' => 'theme_options_panel', 'title' => esc_html__( 'Theme Options', 'customify' ), 'description' => esc_html__( 'Advanced options to change your site look-and-feel on a detailed level.', 'customify' ), 'sections' => array(), ); // If we have other panels we will make their sections parts of the Theme Options panel. if ( ! empty( $other_panels_config ) ) { // If we have another panel that is called Theme Options we will extract it's sections and put them directly in the Theme Options panel. $second_theme_options_sections = array(); foreach ( $other_panels_config as $panel_id => $panel_config ) { $found = false; // First try the panel ID. if ( false !== strpos( strtolower( str_replace( '-', '_', $panel_id ) ), 'theme_options' ) ) { $found = true; } // Second, try the panel title. if ( ! $found && ! empty( $panel_config['title'] ) && false !== strpos( strtolower( str_replace( array( '-', '_' ), ' ', $panel_config['title'] ) ), ' theme options' ) ) { $found = true; } if ( $found && ! empty( $panel_config['sections'] ) ) { $second_theme_options_sections = array_merge( $second_theme_options_sections, $panel_config['sections'] ); unset( $other_panels_config[ $panel_id ] ); } } if ( ! empty( $second_theme_options_sections ) ) { $theme_options_panel_config['sections'] = array_merge( $theme_options_panel_config['sections'], $second_theme_options_sections ); } // For the remaining panels, we will put their section into the Theme Options panel, but prefix their title with their respective panel title. $prefixed_sections = array(); foreach ( $other_panels_config as $panel_id => $panel_config ) { if ( ! empty( $panel_config['sections'] ) ) { foreach ( $panel_config['sections'] as $section_id => $section_config ) { if ( ! empty( $section_config['title'] ) && ! empty( $panel_config['title'] ) ) { $section_config['title'] = $panel_config['title'] . ' - ' . $section_config['title']; } $prefixed_sections[ $panel_id . '_' . $section_id ] = $section_config; } } } $theme_options_panel_config['sections'] = array_merge( $theme_options_panel_config['sections'], $prefixed_sections ); } // If we have other sections we will add them to the Theme Options panel. if ( ! empty( $other_theme_sections_config ) ) { $theme_options_panel_config['sections'] = array_merge( $theme_options_panel_config['sections'], $other_theme_sections_config ); } if ( empty( $config['panels']['theme_options_panel'] ) ) { $config['panels']['theme_options_panel'] = $theme_options_panel_config; } else { $config['panels']['theme_options_panel'] = array_merge( $config['panels']['theme_options_panel'], $theme_options_panel_config ); } // Add the logic that handles sections and controls added directly to WP_Customizer, not through the config. add_action( 'customize_register', array( $this, 'reorganize_direct_sections_and_controls' ), 100 ); // Remove the switch theme panel from the Customizer. add_action( 'customize_register', array( $this, 'remove_switch_theme_panel' ), 12 ); return $config; } /** * Reorganize the Customizer sections and panels, without accounting for Customify's configured ones. * * @param WP_Customize_Manager $wp_customize WP_Customize_Manager instance. */ public function general_reorganization_of_customize_sections( $wp_customize ) { $sections = $wp_customize->sections(); if ( ! empty( $sections['pro__section'] ) ) { $sections['pro__section']->priority = 24; // After the Style Manager panel. } // Add a pretty icon to Site Identity $wp_customize->get_section( 'title_tagline' )->title = '👥 ' . esc_html__( 'Site Identity', 'customify' ); } /** * Filter the config during the build up. * * @param array $config * * @return array */ public function pre_filter_based_on_theme_type( $config ) { if ( in_array( self::get_theme_type(), array( 'theme_wporg', 'theme_modular_wporg' ) ) ) { add_filter( 'customify_style_manager_color_palettes_colors_classes', function ( $classes ) { $classes[] = 'js-no-picker'; return $classes; } ); } return $config; } public function maybe_add_text_after_color_palettes( $control ) { if ( 'sm_color_palette' === $control->setting->id && in_array( self::get_theme_type(), array( 'theme_wporg', 'theme_modular_wporg' ) ) ) { ?>