Avada 文檔

Input Field – upload_images

You can use the upload_images input field to allow multiple image uploads. This option allows you to select multiple images at once and they will be stored in comma seperated list of attachment ids. Below is the example and list of params used in the upload_images input field.
ExampleCopy to Clipboardarray(
'type' => 'upload_images',
'heading' => esc_attr__( 'Gallery Images', 'fusion-builder' ),
'description' => esc_attr__( 'Upload or select images.', 'fusion-builder' ),
'param_name' => 'image_ids',
'value' => '',
), 1array(2  'type'        => 'upload_images',3  'heading'     => esc_attr__( 'Gallery Images', 'fusion-builder' ),4  'description' => esc_attr__( 'Upload or select images.', 'fusion-builder' ),5  'param_name'  => 'image_ids',6  'value'       => '',7),Parameterstype (string) input type.heading (string) Setting title.description(string) Short description about the setting field.param_name (string) Attribute name to be used in the shortcode.value(string) Default value to be set for the field.

Input Field – textfield

You can use the textfield input field to get the single line or short text input without formatting. Below is the example and list of params used in the textfield input field.
ExampleCopy to Clipboardarray(

'type' => 'textfield',

'heading' => esc_attr__( 'Name', 'fusion-builder' ),

'description' => esc_attr__( 'Enter your full name.', 'fusion-builder' ),

'param_name' => 'full_name',

'value' => '',

),​x 1array(2​3  'type'        => 'textfield',4​5  'heading'     => esc_attr__( 'Name', 'fusion-builder' ),6​7  'description' => esc_attr__( 'Enter your full name.', 'fusion-builder' ),8​9  'param_name'  => 'full_name',10​11  'value'       => '',12​13),Parameters type
(string) input type. heading
(string) Setting title. description
(string) Short description about the setting field. param_name
 (string) Attribute name to be used in the shortcode. value
(string) Default value to be set for the field.

Input Field – textarea

You can use the textarea field to allow users to add some descriptive text without formatting. See below example about how you can use the textarea input field –
ExampleCopy to Clipboardarray(

'type' => 'textarea',

'heading' => esc_attr__( 'Address', 'fusion-builder' ),

'description' => esc_attr__( 'Add the address to the location. example: 775 New York Ave, Brooklyn, Kings, New York 11203.', 'fusion-builder' ),

'param_name' => 'address',

'value' => '',

)​x 1array(2​3  'type'        => 'textarea',4​5  'heading'     => esc_attr__( 'Address', 'fusion-builder' ),6​7  'description' => esc_attr__( 'Add the address to the location. example: 775 New York Ave, Brooklyn, Kings, New York 11203.', 'fusion-builder' ),8​9  'param_name'  => 'address',10​11  'value'       => '',12​13)Parameters type
(string) input type. heading
(string) Setting title. description
(string) Short description about the setting field. param_name
 (string) Attribute name to be used in the shortcode. value
(string) Default value to be set for the field.

Input Field – raw_textarea

This new raw_textarea field does base64 encode the contents, so HTML can be used inside it, and will be properly displayed on the front-end. See below example about how you can use the raw_textarea input field –
ExampleCopy to Clipboardarray(
'type' => 'raw_textarea',
'heading' => esc_attr__( 'Infobox Content', 'fusion-builder' ),
'description' => esc_attr__( 'Custom styling setting only. Type in custom info box content to replace address string. For multiple addresses, separate info box contents by using the | symbol. ex: InfoBox 1|InfoBox 2|InfoBox 3.', 'fusion-builder' ),
'param_name' => 'infobox_content',
'value' => '',
) 1array(2  'type'        => 'raw_textarea',3  'heading'     => esc_attr__( 'Infobox Content', 'fusion-builder' ),4  'description' => esc_attr__( 'Custom styling setting only. Type in custom info box content to replace address string. For multiple addresses, separate info box contents by using the | symbol. ex: InfoBox 1|InfoBox 2|InfoBox 3.', 'fusion-builder' ),5  'param_name'  => 'infobox_content',6  'value'       => '',7)Params
type (string) Input type.
heading (string) Setting title.
description (string) Short description about the setting field.

param_name (string) Attribute name to be used in the shortcode.

value(string) Default value to be set for the field.

Input Field – range

You can use the range input field to allow users to drag and select the appropriate value using a slider interface. See below example about how you can use the range input field.
ExampleCopy to Clipboardarray(

'type' => 'range',

'heading' => esc_attr__( 'Font Size', 'fusion-builder' ),

'description' => esc_attr__( 'Select the font size to be used ( In pixel ).', 'fusion-builder' ),

'param_name' => 'font_size',

'value' => '14',

'min' => '10',

'max' => '72',

'step' => '1',

)​x 1array(2​3  'type'        => 'range',4​5  'heading'     => esc_attr__( 'Font Size', 'fusion-builder' ),6​7  'description' => esc_attr__( 'Select the font size to be used ( In pixel ).', 'fusion-builder' ),8​9  'param_name'  => 'font_size',10​11  'value'       => '14',12​13  'min'         => '10',14​15  'max'         => '72',16​17  'step'        => '1',18​19)Parameters type
(string) input type. heading
(string) Setting title. description
(string) Short description about the setting field. param_name
 (string) Attribute name to be used in the shortcode. value
(string) Default value to be set for the field. min
( string | number ) Minimum value required. The slider will start from this value. max
( string | number ) Maximum allowed value. The slider will end at this value. step
( string | number ) The value will be increased or decreased by this amount when you drag slider once forward or backward.

Input Field – radio_image_set

You can use the radio_image_set input field to allow users to select the image as an option. See the below example for how you can use the radio_image_set input field.
ExampleCopy to Clipboardarray(

'type' => 'radio_image_set',

'heading' => esc_attr__( 'Radio Image Test', 'fusion-builder' ),

'description' => esc_attr__( 'Add a short description for the field.', 'fusion-builder' ),

'param_name' => 'images',

'value' => array(

'pattern1' => get_stylesheet_directory_uri(). '/assets/images/patterns/pattern1.png',

'pattern2' => get_stylesheet_directory_uri(). '/assets/images/patterns/pattern2.png',

),

'width' => '48px',

'height' => '48px',

)​x 1array(2​3  'type'        => 'radio_image_set',4​5  'heading'     => esc_attr__( 'Radio Image Test', 'fusion-builder' ),6​7  'description' => esc_attr__( 'Add a short description for the field.', 'fusion-builder' ),8​9  'param_name'  => 'images',10​11  'value'       => array(12​13    'pattern1' => get_stylesheet_directory_uri(). '/assets/images/patterns/pattern1.png',14​15    'pattern2' => get_stylesheet_directory_uri(). '/assets/images/patterns/pattern2.png',16​17 ),18​19  'width' => '48px',20​21  'height' => '48px',22​23)Parameters type
( string ) input type. heading
( string ) Setting title. description
( string ) Short description about the setting field. param_name
 ( string ) Attribute name to be used in the shortcode. value
( array ) Array of image id and the image url. Image id from the array will be stored in the shortcode, so you can get the url from it. width
( string ) The width for the image being displayed in the setting field. This is useful if you want to display multiple fields with different image sizes. height
( string ) The height for the image being displayed in the setting field. This is useful if you want to display multiple fields with different image sizes.

Input Field – link_selector

You can use the link_selector input field to allow users to select the internal links from the native WP Link selector and make it easier for them to search the entire posts/pages list. See the below example for how you can use the link_selector input field.
ExampleCopy to Clipboardarray(

'type' => 'link_selector',

'heading' => esc_attr__( 'Link', 'fusion-builder' ),

'description' => esc_attr__( 'Add a short description for the field.', 'fusion-builder' ),

'param_name' => 'url',

'value' => '',

)​x 1array(2​3  'type'        => 'link_selector',4​5  'heading'     => esc_attr__( 'Link', 'fusion-builder' ),6​7  'description' => esc_attr__( 'Add a short description for the field.', 'fusion-builder' ),8​9  'param_name'  => 'url',10​11  'value'       => '',12​13)Params type
( string ) input type. heading
( string ) Setting title. description
( string ) Short description about the setting field. param_name
 ( string ) Attribute name to be used in the shortcode. value
( string ) Default value for the url to be used.

Input Field – uploadfile

You can use the uploadfile input field to allow users to upload any WordPress acceptable file; (e.g. PDF, MP4 videos etc.) See the below example about how you can use the uploadfile input field –
ExampleCopy to Clipboardarray(

'type' => 'uploadfile',

'heading' => esc_attr__( 'Upload PDF', 'fusion-builder' ),

'description' => esc_attr__( 'Add a short description for the field.', 'fusion-builder' ),

'param_name' => 'pdf_file',

'value' => '',

)​x 1array(2​3  'type'        => 'uploadfile',4​5  'heading'     => esc_attr__( 'Upload PDF', 'fusion-builder' ),6​7  'description' => esc_attr__( 'Add a short description for the field.', 'fusion-builder' ),8​9  'param_name'  => 'pdf_file',10​11  'value'       => '',12​13)Parameters type
( string ) input type. heading
( string ) Setting title. description
( string ) Short description about the setting field. param_name
 ( string ) Attribute name to be used in the shortcode. value
( string ) Default value as file url.

Input Field – upload

You can use the upload input field to allow users to select single images. See the below example about how you can use the upload input field.
ExampleCopy to Clipboardarray(

'type' => 'upload',

'heading' => esc_attr__( 'Background Image', 'fusion-builder' ),

'description' => esc_attr__( 'Add a short description for the field.', 'fusion-builder' ),

'param_name' => 'background_image',

'value' => '',

)​x 1array(2​3  'type'        => 'upload',4​5  'heading'     => esc_attr__( 'Background Image', 'fusion-builder' ),6​7  'description' => esc_attr__( 'Add a short description for the field.', 'fusion-builder' ),8​9  'param_name'  => 'background_image',10​11  'value'       => '',12​13)Parameters type
( string ) input type. heading
( string ) Setting title. description
( string ) Short description about the setting field. param_name
 ( string ) Attribute name to be used in the shortcode. value
( string ) Default value as image url.

Input Field – tinymce

You can use the tinymce input field to allow users to add content using the HTML editor. You can use only 1 tinymce field in each shortcode. See the below example about how you can use the tinymce input field.
ExampleCopy to Clipboardarray(

'type' => 'tinymce',

'heading' => esc_attr__( 'Content editor', 'fusion-builder' ),

'description' => esc_attr__( 'Add a short description for the field.', 'fusion-builder' ),

'param_name' => 'element_content',

'value' => esc_attr__( 'Your Content Goes Here', 'fusion-builder' ),

'placeholder' => true,

)​x 1array(2​3  'type'        => 'tinymce',4​5  'heading'     => esc_attr__( 'Content editor', 'fusion-builder' ),6​7  'description' => esc_attr__( 'Add a short description for the field.', 'fusion-builder' ),8​9  'param_name'  => 'element_content',10​11  'value'       => esc_attr__( 'Your Content Goes Here', 'fusion-builder' ),12​13  'placeholder' => true,14​15)Parameters type
( string ) input type. heading
( string ) Setting title. description
( string ) Short description about the setting field. param_name
 ( string ) In order to use the tinymce editor in your add-on setting, you must set the param_name to 「element_content」. value
( string ) Default value to be set as default content. placeholder
( boolean ) If you want to set the default content as placeholder text, set to TRUE else FALSE.