Add Customizer link in Notice

Author: madalingorbanescu

lib/client-assets.php

@@ -186,7 +186,13 @@ function novablocks_register_packages_scripts() {
 			'novablocks_core_frontend_stylesheet' => novablocks_get_plugin_url() . '/build/core/style.css',
 			'novablocks_components_frontend_stylesheet' => novablocks_get_plugin_url() . '/build/components/style.css',
 			'novablocks_opentable_frontend_stylesheet' => novablocks_get_plugin_url() . '/build/block-library/blocks/opentable/style.css',
-			'novablocks_opentable_editor_stylesheet' => novablocks_get_plugin_url() . '/build/block-library/blocks/opentable/editor-styles.css'
+			'novablocks_opentable_editor_stylesheet' => novablocks_get_plugin_url() . '/build/block-library/blocks/opentable/editor-styles.css',
+			'novablocks_customizer_header_link' => novablocks_get_customizer_link(false,
+				array(
+					"autofocus[panel]" => "theme_options_panel",
+					"autofocus[section]" => "rosa2_options[header_section]"
+					)
+			)
 		) );
 
 		wp_set_script_translations( 'novablocks-core', '__plugin_txtd', novablocks_get_plugin_path() . 'languages' );

lib/extras.php

@@ -1614,3 +1614,26 @@ function novablocks_get_localize_to_window_script( $object_name, $l10n ) {
 
 	return $script;
 }
+
+function novablocks_get_customizer_link( $return_url = false,  $extra_query_args = array() ) {
+	global $wp;
+
+
+	if ( empty( $return_url ) ) {
+		// Get the current frontend URL.
+		$return_url = home_url( add_query_arg( array(), $wp->request ) );
+	}
+
+	// Now get the Customizer URL.
+	$link = wp_customize_url();
+
+	$link = add_query_arg( 'return_url', rawurlencode( $return_url ), $link );
+
+	if ( ! empty( $extra_query_args ) && is_array( $extra_query_args ) && ! wp_is_numeric_array( $extra_query_args ) ) {
+		foreach ( $extra_query_args as $key => $value ) {
+			$link = add_query_arg( rawurlencode( $key ), rawurlencode( utf8_uri_encode( $value ) ), $link );
+		}
+	}
+
+	return $link;
+}

packages/block-library/src/blocks/header/inspector-controls.js

@@ -38,13 +38,15 @@ const HeaderInspectorControls = ( props ) => {
 
   const [ lastStickyRowId, setLastStickyRowId ] = useState( stickyRow?.clientId );
 
+  const customizerHeaderLink = novablocks_urls.novablocks_customizer_header_link;
+
   return (
     <ControlsSection label={ __('Layout') }>
       <ControlsTab label={__('Settings') }>
         <Notice
           key={ 'header-position-quick-start' }
           id={ 'novablocks-header-position-quick-start' }
-          content={ <p><strong>Quick start:</strong> Set up your header layout using the options below and go to <a href="#">Customizer</a> to change the logo and menu content, or fine-tune styling details. </p> }
+          content={ <p><strong>Quick start:</strong> Set up your header layout using the options below and go to <a href={customizerHeaderLink}>Customizer</a> to change the logo and menu content, or fine-tune styling details. </p> }
         />
 
         <RadioControl