使海狸建造器模块设置可选？

Question

我正在开发一个河狸构建器扩展，每件事情都很好，但问题是我想给客户端一些可选择的选项，以便他/她可以选择他们各自的选项，我们可以根据他们的选择提供功能。

例如，我想给出两个选项。选项一，选择您的帖子类型？选项是" post“，”定制post“.现在，如果他/她选择" post“，我想显示一些选项，只显示与post相关的选项，但是如果他/她选择了”定制post“，我希望显示与定制post相关的选项。我在视觉作曲家中做了这件事，但到目前为止还不能在海狸建造者中完成。

以下是我的一些代码：

'sections'      => array( // Tab Sections
        'general'       => array( // Section
            'title'         => __('Section Title', 'fl-builder'), // Section Title
            'fields'        => array( // Section Fields
                'select_field'   => array(
                    'type'          => 'select',
                    'label'         => __('Show Filter or Not?', 'fl-builder'),
                    'default'       => 'option-1',
                    'options'       => array(
                        'option-1'      => __('Yes', 'fl-builder'),
                        'option-2'      => __('No', 'fl-builder')
                    )
                ),
                'no_of_posts' => array(
                    'type'          => 'my-custom-field',
                    'label'         => __('Provide your desired number of Posts', 'fl-builder'),
                    'default'       => '8'
                ),
                'no_of_cols' => array(
                    'type'          => 'select',
                    'label'         => __('Provide your desired number of Cols', 'fl-builder'),
                    'default'       => 'option-2',
                    'options'       => array(
                        'option-1'      => __('2', 'fl-builder'),
                        'option-2'      => __('3', 'fl-builder'),
                        'option-3'      => __('4', 'fl-builder'),
                        'option-4'      => __('6', 'fl-builder')
                    )
                ),
                'show_overlay' => array(
                    'type'          => 'select',
                    'label'         => __('Do You Want to Show Overlay?', 'fl-builder'),
                    'default'       => 'option-1',
                    'options'       => array(
                        'option-1'      => __('Yes', 'fl-builder'),
                        'option-2'      => __('No', 'fl-builder')
                    )
                ),
                'show_lightbox' => array(
                    'type'          => 'select',
                    'label'         => __('Do You Want to Open Image in lightbox?', 'fl-builder'),
                    'default'       => 'option-1',
                    'options'       => array(
                        'option-1'      => __('Yes', 'fl-builder'),
                        'option-2'      => __('No', 'fl-builder')
                    )
                ),
                'show_lightbox_link' => array(
                    'type'          => 'select',
                    'label'         => __('Do You Want to show Link Icon in Lightbox?', 'fl-builder'),
                    'default'       => 'option-1',
                    'options'       => array(
                        'option-1'      => __('Yes', 'fl-builder'),
                        'option-2'      => __('No', 'fl-builder')
                    )
                ),
                'show_title' => array(
                    'type'          => 'select',
                    'label'         => __('Do You Want to show Post Title?', 'fl-builder'),
                    'default'       => 'option-1',
                    'options'       => array(
                        'option-1'      => __('Yes', 'fl-builder'),
                        'option-2'      => __('No', 'fl-builder')
                    )
                ),
                'show_title_link' => array(
                    'type'          => 'select',
                    'label'         => __('Do You Want to use Link in Post Title?', 'fl-builder'),
                    'default'       => 'option-1',
                    'options'       => array(
                        'option-1'      => __('Yes', 'fl-builder'),
                        'option-2'      => __('No', 'fl-builder')
                    )
                ),
                'show_content' => array(
                    'type'          => 'select',
                    'label'         => __('Do You Want to show Post Content?', 'fl-builder'),
                    'default'       => 'option-1',
                    'options'       => array(
                        'option-1'      => __('Yes', 'fl-builder'),
                        'option-2'      => __('No', 'fl-builder')
                    )
                ),
                'show_link' => array(
                    'type'          => 'select',
                    'label'         => __('Do You Want to show Post Link?', 'fl-builder'),
                    'default'       => 'option-1',
                    'options'       => array(
                        'option-1'      => __('Yes', 'fl-builder'),
                        'option-2'      => __('No', 'fl-builder')
                    )
                ),

问题同样很简单:只有在选择了其他相关选项时，我才想显示我的选项。

例如，如果用户选择选项"post“，则应该这样做。

'no_of_cols' => array(
                'type'          => 'select',
                'label'         => __('Provide your desired number of Cols', 'fl-builder'),
                'default'       => 'option-2',
                'options'       => array(
                    'option-1'      => __('2', 'fl-builder'),
                    'option-2'      => __('3', 'fl-builder'),
                    'option-3'      => __('4', 'fl-builder'),
                    'option-4'      => __('6', 'fl-builder')
                )
            ),

意思是，我想显示选择的选项，只有当职位被选中等。希望我清楚地表达了我的问题。

Answer 1

我可能太迟了！

但你只需要使用‘切换’。

'select_field'   => array(
  'type'          => 'select',
  'label'         => __('Show Filter or Not?', 'fl-builder'),
  'default'       => 'option-1',
  'options'       => array(
    'option-1'      => __('Yes', 'fl-builder'),
    'option-2'      => __('No', 'fl-builder')
  ),
  'toggle' => array(
    'option-1' = array(
      'fields' => array('another_field')
    )
  )
),
'another_field' => array()