Na}{

File Content: `general-options.php`

<?php

if ( ! function_exists( 'hiroshi_core_add_general_options' ) ) {
	/**
	 * Function that add general options for this module
	 */
	function hiroshi_core_add_general_options( $page ) {

		if ( $page ) {
			$page->add_field_element(
				array(
					'field_type'  => 'color',
					'name'        => 'qodef_main_color',
					'title'       => esc_html__( 'Main Color', 'hiroshi-core' ),
					'description' => esc_html__( 'Choose the most dominant theme color', 'hiroshi-core' ),
				)
			);

			$page->add_field_element(
				array(
					'field_type'  => 'color',
					'name'        => 'qodef_page_background_color',
					'title'       => esc_html__( 'Page Background Color', 'hiroshi-core' ),
					'description' => esc_html__( 'Set background color', 'hiroshi-core' ),
				)
			);

			$page->add_field_element(
				array(
					'field_type'  => 'image',
					'name'        => 'qodef_page_background_image',
					'title'       => esc_html__( 'Page Background Image', 'hiroshi-core' ),
					'description' => esc_html__( 'Set background image', 'hiroshi-core' ),
				)
			);

			$page->add_field_element(
				array(
					'field_type'  => 'select',
					'name'        => 'qodef_page_background_repeat',
					'title'       => esc_html__( 'Page Background Image Repeat', 'hiroshi-core' ),
					'description' => esc_html__( 'Set background image repeat', 'hiroshi-core' ),
					'options'     => array(
						''          => esc_html__( 'Default', 'hiroshi-core' ),
						'no-repeat' => esc_html__( 'No Repeat', 'hiroshi-core' ),
						'repeat'    => esc_html__( 'Repeat', 'hiroshi-core' ),
						'repeat-x'  => esc_html__( 'Repeat-x', 'hiroshi-core' ),
						'repeat-y'  => esc_html__( 'Repeat-y', 'hiroshi-core' ),
					),
				)
			);

			$page->add_field_element(
				array(
					'field_type'  => 'select',
					'name'        => 'qodef_page_background_size',
					'title'       => esc_html__( 'Page Background Image Size', 'hiroshi-core' ),
					'description' => esc_html__( 'Set background image size', 'hiroshi-core' ),
					'options'     => array(
						''        => esc_html__( 'Default', 'hiroshi-core' ),
						'contain' => esc_html__( 'Contain', 'hiroshi-core' ),
						'cover'   => esc_html__( 'Cover', 'hiroshi-core' ),
					),
				)
			);

			$page->add_field_element(
				array(
					'field_type'  => 'select',
					'name'        => 'qodef_page_background_attachment',
					'title'       => esc_html__( 'Page Background Image Attachment', 'hiroshi-core' ),
					'description' => esc_html__( 'Set background image attachment', 'hiroshi-core' ),
					'options'     => array(
						''       => esc_html__( 'Default', 'hiroshi-core' ),
						'fixed'  => esc_html__( 'Fixed', 'hiroshi-core' ),
						'scroll' => esc_html__( 'Scroll', 'hiroshi-core' ),
					),
				)
			);

			$page->add_field_element(
				array(
					'field_type'  => 'text',
					'name'        => 'qodef_page_content_padding',
					'title'       => esc_html__( 'Page Content Padding', 'hiroshi-core' ),
					'description' => esc_html__( 'Set padding that will be applied for page content in format: top right bottom left (e.g. 10px 5px 10px 5px)', 'hiroshi-core' ),
				)
			);

			$page->add_field_element(
				array(
					'field_type'  => 'text',
					'name'        => 'qodef_page_content_padding_mobile',
					'title'       => esc_html__( 'Page Content Padding Mobile', 'hiroshi-core' ),
					'description' => esc_html__( 'Set padding that will be applied for page content on mobile screens (1024px and below) in format: top right bottom left (e.g. 10px 5px 10px 5px)', 'hiroshi-core' ),
				)
			);

			$page->add_field_element(
				array(
					'field_type'    => 'yesno',
					'name'          => 'qodef_boxed',
					'title'         => esc_html__( 'Boxed Layout', 'hiroshi-core' ),
					'description'   => esc_html__( 'Set boxed layout', 'hiroshi-core' ),
					'default_value' => 'no',
				)
			);

			$boxed_section = $page->add_section_element(
				array(
					'name'       => 'qodef_boxed_section',
					'title'      => esc_html__( 'Boxed Layout Section', 'hiroshi-core' ),
					'dependency' => array(
						'hide' => array(
							'qodef_boxed' => array(
								'values'        => 'no',
								'default_value' => '',
							),
						),
					),
				)
			);

			$boxed_section->add_field_element(
				array(
					'field_type'  => 'color',
					'name'        => 'qodef_boxed_background_color',
					'title'       => esc_html__( 'Boxed Background Color', 'hiroshi-core' ),
					'description' => esc_html__( 'Set boxed background color', 'hiroshi-core' ),
				)
			);

			$boxed_section->add_field_element(
				array(
					'field_type'  => 'image',
					'name'        => 'qodef_boxed_background_pattern',
					'title'       => esc_html__( 'Boxed Background Pattern', 'hiroshi-core' ),
					'description' => esc_html__( 'Set boxed background pattern', 'hiroshi-core' ),
				)
			);

			$boxed_section->add_field_element(
				array(
					'field_type'  => 'select',
					'name'        => 'qodef_boxed_background_pattern_behavior',
					'title'       => esc_html__( 'Boxed Background Pattern Behavior', 'hiroshi-core' ),
					'description' => esc_html__( 'Set boxed background pattern behavior', 'hiroshi-core' ),
					'options'     => array(
						'fixed'  => esc_html__( 'Fixed', 'hiroshi-core' ),
						'scroll' => esc_html__( 'Scroll', 'hiroshi-core' ),
					),
				)
			);

			$page->add_field_element(
				array(
					'field_type'    => 'yesno',
					'name'          => 'qodef_passepartout',
					'title'         => esc_html__( 'Passepartout', 'hiroshi-core' ),
					'description'   => esc_html__( 'Enabling this option will display a passepartout around website content', 'hiroshi-core' ),
					'default_value' => 'no',
				)
			);

			$passepartout_section = $page->add_section_element(
				array(
					'name'       => 'qodef_passepartout_section',
					'title'      => esc_html__( 'Passepartout Section', 'hiroshi-core' ),
					'dependency' => array(
						'hide' => array(
							'qodef_passepartout' => array(
								'values'        => 'no',
								'default_value' => '',
							),
						),
					),
				)
			);

			$passepartout_section->add_field_element(
				array(
					'field_type'  => 'color',
					'name'        => 'qodef_passepartout_color',
					'title'       => esc_html__( 'Passepartout Color', 'hiroshi-core' ),
					'description' => esc_html__( 'Choose background color for passepartout', 'hiroshi-core' ),
				)
			);

			$passepartout_section->add_field_element(
				array(
					'field_type'  => 'image',
					'name'        => 'qodef_passepartout_image',
					'title'       => esc_html__( 'Passepartout Background Image', 'hiroshi-core' ),
					'description' => esc_html__( 'Set background image for passepartout', 'hiroshi-core' ),
				)
			);

			$passepartout_section->add_field_element(
				array(
					'field_type'  => 'text',
					'name'        => 'qodef_passepartout_size',
					'title'       => esc_html__( 'Passepartout Size', 'hiroshi-core' ),
					'description' => esc_html__( 'Enter size amount for passepartout', 'hiroshi-core' ),
					'args'        => array(
						'suffix' => esc_html__( 'px or %', 'hiroshi-core' ),
					),
				)
			);

			$passepartout_section->add_field_element(
				array(
					'field_type'  => 'text',
					'name'        => 'qodef_passepartout_size_responsive',
					'title'       => esc_html__( 'Passepartout Responsive Size', 'hiroshi-core' ),
					'description' => esc_html__( 'Enter size amount for passepartout for smaller screens (1024px and below)', 'hiroshi-core' ),
					'args'        => array(
						'suffix' => esc_html__( 'px or %', 'hiroshi-core' ),
					),
				)
			);

			$page->add_field_element(
				array(
					'field_type'    => 'select',
					'name'          => 'qodef_content_width',
					'title'         => esc_html__( 'Initial Width of Content', 'hiroshi-core' ),
					'description'   => esc_html__( 'Choose the initial width of content which is in grid (applies to pages set to "Default Template" and rows set to "In Grid")', 'hiroshi-core' ),
					'options'       => hiroshi_core_get_select_type_options_pool( 'content_width', false ),
					'default_value' => '1400',
				)
			);

			// Hook to include additional options after module options
			do_action( 'hiroshi_core_action_after_general_options_map', $page );

			$page->add_field_element(
				array(
					'field_type'  => 'textarea',
					'name'        => 'qodef_custom_js',
					'title'       => esc_html__( 'Custom JS', 'hiroshi-core' ),
					'description' => esc_html__( 'Enter your custom JavaScript here', 'hiroshi-core' ),
				)
			);
		}
	}

	add_action( 'hiroshi_core_action_default_options_init', 'hiroshi_core_add_general_options', hiroshi_core_get_admin_options_map_position( 'general' ) );
}
File Content: general-options.php

File Content: `general-options.php`
