shortcode = 'ut_fancy_list';
add_action( 'init', array( $this, 'ut_map_shortcode' ) );
add_shortcode( $this->shortcode, array( $this, 'ut_create_shortcode' ) );
}
function ut_map_shortcode( $atts, $content = NULL ) {
if( function_exists( 'vc_map' ) ) {
vc_map(
array(
'name' => esc_html__( 'Fancy List', 'ut_shortcodes' ),
'icon' => UT_SHORTCODES_URL . '/admin/img/vc_icons/fancy-list.png',
'base' => $this->shortcode,
'category' => 'Information',
'class' => 'ut-vc-icon-module ut-information-module',
'content_element' => true,
'params' => array(
array(
'type' => 'textfield',
'heading' => esc_html__( 'Description', 'ut_shortcodes' ),
'description' => esc_html__( 'Only for internal use. This adds a label to Visual Composer for an easier element identification.', 'ut_shortcodes' ),
'param_name' => 'list_description',
'admin_label' => true,
'group' => 'General'
),
array(
'type' => 'dropdown',
'heading' => esc_html__( 'List Style', 'ut_shortcodes' ),
'param_name' => 'list_style_type',
'group' => 'General',
'edit_field_class' => 'vc_col-sm-6',
'value' => array(
esc_html__( 'none' , 'ut_shortcodes' ) => 'none',
esc_html__( 'Icons' , 'ut_shortcodes' ) => 'icons',
esc_html__( 'disc' , 'ut_shortcodes' ) => 'disc',
esc_html__( 'circle' , 'ut_shortcodes' ) => 'circle',
esc_html__( 'square' , 'ut_shortcodes' ) => 'square',
esc_html__( 'decimal', 'ut_shortcodes' ) => 'decimal',
esc_html__( 'decimal-leading-zero' , 'ut_shortcodes' ) => 'decimal-leading-zero',
esc_html__( 'lower-roman', 'ut_shortcodes' ) => 'lower-roman',
esc_html__( 'upper-roman', 'ut_shortcodes' ) => 'upper-roman',
esc_html__( 'lower-greek', 'ut_shortcodes' ) => 'lower-greek',
esc_html__( 'lower-latin', 'ut_shortcodes' ) => 'lower-latin',
esc_html__( 'upper-latin', 'ut_shortcodes' ) => 'upper-latin',
esc_html__( 'armenian' , 'ut_shortcodes' ) => 'armenian',
esc_html__( 'georgian' , 'ut_shortcodes' ) => 'georgian',
esc_html__( 'lower-alpha', 'ut_shortcodes' ) => 'lower-alpha',
esc_html__( 'upper-alpha', 'ut_shortcodes' ) => 'upper-alpha'
)
),
array(
'type' => 'dropdown',
'heading' => esc_html__( 'List Alignment', 'ut_shortcodes' ),
'param_name' => 'list_align',
'group' => 'General',
'edit_field_class' => 'vc_col-sm-6',
'value' => array(
esc_html__( 'left' , 'ut_shortcodes' ) => 'left',
esc_html__( 'center', 'ut_shortcodes' ) => 'center',
esc_html__( 'right' , 'ut_shortcodes' ) => 'right',
),
),
array(
'type' => 'range_slider',
'heading' => esc_html__( 'List Font Size', 'ut_shortcodes' ),
'param_name' => 'list_font_size',
'group' => 'General',
'edit_field_class' => 'vc_col-sm-6',
'value' => array(
'default' => ut_get_theme_options_font_setting( 'body_font', 'font-size-height', "14" ),
'min' => '8',
'max' => '200',
'step' => '1',
'unit' => 'px'
),
),
array(
'type' => 'range_slider',
'heading' => esc_html__( 'List Line_height', 'ut_shortcodes' ),
'param_name' => 'list_line_height',
'group' => 'General',
'edit_field_class' => 'vc_col-sm-6',
'value' => array(
'default' => ut_get_theme_options_font_setting( 'body_font', 'line-height', "50" ),
'min' => '10',
'max' => '300',
'step' => '1',
'unit' => 'px'
),
),
array(
'type' => 'param_group',
'heading' => esc_html__( 'List Items', 'ut_shortcodes' ),
'group' => 'General',
'param_name' => 'values',
'params' => array(
array(
'type' => 'iconpicker',
'heading' => esc_html__( 'Icon', 'ut_shortcodes' ),
'description' => esc_html__( 'Only applies when List Style has been set to Icons.', 'ut_shortcodes' ),
'param_name' => 'icon'
),
array(
'type' => 'textfield',
'heading' => esc_html__( 'List Item', 'ut_shortcodes' ),
'admin_label' => true,
'param_name' => 'title',
),
array(
'type' => 'checkbox',
'heading' => esc_html__( 'List Item is a link?', 'unitedthemes' ),
'param_name' => 'is_link',
),
array(
'type' => 'vc_link',
'heading' => esc_html__( 'Link', 'ut_shortcodes' ),
'param_name' => 'link',
'dependency' => array(
'element' => 'is_link',
'value' => array( 'true' ),
)
),
),
),
array(
'type' => 'colorpicker',
'heading' => esc_html__( 'Icon Color', 'ut_shortcodes' ),
'param_name' => 'icon_color',
'group' => 'List Colors'
),
array(
'type' => 'colorpicker',
'heading' => esc_html__( 'Text Color', 'ut_shortcodes' ),
'param_name' => 'text_color',
'group' => 'List Colors'
),
array(
'type' => 'colorpicker',
'heading' => esc_html__( 'Icon Hover Color', 'ut_shortcodes' ),
'description' => esc_html__( 'Only applies if list item is link.', 'ut_shortcodes' ),
'param_name' => 'icon_color_hover',
'group' => 'List Colors'
),
array(
'type' => 'colorpicker',
'heading' => esc_html__( 'Text Hover Color', 'ut_shortcodes' ),
'description' => esc_html__( 'Only applies if list item is link.', 'ut_shortcodes' ),
'param_name' => 'text_color_hover',
'group' => 'List Colors'
),
array(
'type' => 'css_editor',
'param_name' => 'css',
'group' => esc_html__( 'Design Options', 'ut_shortcodes' ),
),
)
)
); /* end mapping */
}
}
function ut_create_shortcode( $atts, $content = NULL ) {
extract( shortcode_atts( array (
'list_style_type' => 'none',
'list_align' => 'left',
'list_font_size' => '',
'list_line_height' => '',
'values' => '',
'icon_color' => '',
'icon_color_hover' => '',
'text_color' => '',
'text_color_hover' => '',
'css' => ''
), $atts ) );
/* extract list items */
if( function_exists('vc_param_group_parse_atts') && !empty( $values ) ) {
$values = vc_param_group_parse_atts( $values );
}
/* unique listz ID */
$id = uniqid("ut_fl_");
$css_style = '';
/* start output */
$output = '';
$output .= ut_minify_inline_css( $css_style );
if( !empty( $values ) && is_array( $values ) ) {
$output .= '';
$output .= '
';
$output .= '
' . $output . '
';
}
}
}
new UT_Fancy_list;