Edit screen_options_visibility

Hey Michael,

Thank you for inquiry.

You will now have to include the visibility options (screen_options_visibility) within the Advanced tab, and include it in the screen_options_toggle container. Please check the popup_elements function in the existing shortcodes.

array(
						'type' 	=> 'tab',
						'name'  => __( 'Advanced', 'avia_framework' ),
						'nodescription' => true
					),

					array(
							'type' 	=> 'toggle_container',
							'nodescription' => true
						),

						array(	
								'type'				=> 'template',
								'template_id'		=> 'screen_options_toggle',
								'templates_include'	=> array(
															$this->popup_key( 'advanced_table_responsive' ),
															'screen_options_visibility'
														)
							),

						array(	
								'type'			=> 'template',
								'template_id'	=> 'developer_options_toggle',
								'args'			=> array( 'sc' => $this )
							),

					array(
							'type' 	=> 'toggle_container_close',
							'nodescription' => true
						),

				array(
						'type' 	=> 'tab_close',
						'nodescription' => true
					),

Best regards,
Ismael

Hi,

Thank you for the update.

You don’t need to register them again. The popup_elements function will automatically register everything inside the elements array including the screen visibility options template. Please check the existing shortcode files and look for the popup_elements function so that you can recognize the pattern. For example, in the codeblock.php shortcode file, the following block of code inside the pop_elements function creates the Advanced tab and the toggles including the Responsive > Element Visibility and the Developer Settings.

array(
						'type' 	=> 'tab',
						'name'  => __( 'Advanced', 'avia_framework' ),
						'nodescription' => true
					),

					array(
							'type' 	=> 'toggle_container',
							'nodescription' => true
						),

						array(	
								'type'			=> 'template',
								'template_id'	=> $this->popup_key( 'layout_settings' )
							),

						array(	
								'type'			=> 'template',
								'template_id'	=> 'screen_options_toggle'
							),

						array(	
								'type'			=> 'template',
								'template_id'	=> 'developer_options_toggle',
								'args'			=> array( 'sc' => $this )
							),

					array(
							'type' 	=> 'toggle_container_close',
							'nodescription' => true
						),

Best regards,
Ismael

Hi,

I didn’t notice that you added a new option in the element visibility options. If you want to override the default options, look for the screen_options_toggle template inside the popup_elements function. This part:

array(	
								'type'			=> 'template',
								'template_id'	=> 'screen_options_toggle'
							),

Replace it with:

array(	
								'type'			=> 'template',
								'template_id'	=> $this->popup_key( 'screen_options_toggle' )
							),

Now, in the register_dynamic_templates function, add the new options like so:

			$c = array(		
				array(
						'type' 				=> 'heading',
						'name'              => __( 'Element Visibility', 'avia_framework' ),
						'desc'              => __( 'Set the visibility for this element, based on the device screensize.', 'avia_framework' ),
				),

array(	
									'desc'              => __( 'Hide on very large screens (wider than 1280px - eg: Large Desktop)', 'avia_framework' ),
									'id'                => 'av-desktopl-hide',
									'std'               => '',
									'container_class'   => 'av-multi-checkbox',
									'type'              => 'checkbox'
								),

				array(	
						'desc'              => __( 'Hide on large screens (wider than 990px - eg: Desktop)', 'avia_framework' ),
						'id'                => 'av-desktop-hide',
						'std'               => '',
						'container_class'   => 'av-multi-checkbox',
						'type'              => 'checkbox'
					),

				array(	

						'desc'              => __( 'Hide on medium sized screens (between 768px and 989px - eg: Tablet Landscape)', 'avia_framework' ),
						'id'                => 'av-medium-hide',
						'std'               => '',
						'container_class'   => 'av-multi-checkbox',
						'type'              => 'checkbox'
					),

				array(	

						'desc'              => __( 'Hide on small screens (between 480px and 767px - eg: Tablet Portrait)', 'avia_framework' ),
						'id'                => 'av-small-hide',
						'std'               => '',
						'container_class'   => 'av-multi-checkbox',
						'type'              => 'checkbox'
					),

				array(	

						'desc'              => __( 'Hide on very small screens (smaller than 479px - eg: Smartphone Portrait)', 'avia_framework' ),
						'id'                => 'av-mini-hide',
						'std'               => '',
						'container_class'   => 'av-multi-checkbox',
						'type'              => 'checkbox'
					),
			);

			$template = array(
				array(
					'type'          => 'template',
					'template_id'	=> 'toggle',
					'title'			=> __( 'Responsive', 'avia_framework' ),
					'content'		=> $c,
					'nodescription'	=> true
				)
			);

			AviaPopupTemplates()->register_dynamic_template( $this->popup_key( 'screen_options_toggle' ), $template );

Best regards,
Ismael

Hi,

You’re welcome!

Why do you need to edit the /includes/helper-privacy.php and generic-helper.class.php files? Are you trying to override the privacy option? You may need to copy the whole av_privacy_class in your child theme because you can’t override it just by copying the helper-privacy.php file.

If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

Thanks!

Best regards,
Ismael

Hi,

the new breakpoint that we added only works, if we add “av-desktopl-hide=” in /includes/helper-privacy.php line 1786:

Sorry for the delay. That is the markup of the privacy tabs. Are you trying to hide it?

You said “You may need to copy the whole av_privacy_class in your child theme.”

You have to copy the whole av_privacy_class and AviaHelper classes without the class_exists wrapper in the child theme’s functions.php file or in any file of your choosing. Make sure to include or require the file properly.

// https://www.php.net/manual/en/function.require-once.php

Best regards,
Ismael