1221 lines
44 KiB
PHP
1221 lines
44 KiB
PHP
<?php
|
|
if ( ! defined( 'ABSPATH' ) ) {
|
|
die( '-1' );
|
|
}
|
|
|
|
require_once dirname( __FILE__ ) . '/vc-grids-functions.php';
|
|
if ( ! class_exists( 'VcGridsCommon' ) ) {
|
|
/**
|
|
* Class VcGridsCommon
|
|
*/
|
|
abstract class VcGridsCommon {
|
|
|
|
protected static $basicGrid;
|
|
protected static $masonryGrid;
|
|
protected static $masonryMediaGrid;
|
|
protected static $mediaGrid;
|
|
protected static $btn3Params;
|
|
protected static $gridColsList;
|
|
|
|
protected static function initData() {
|
|
self::$btn3Params = vc_map_integrate_shortcode( 'vc_btn', 'btn_', esc_html__( 'Load More Button', 'js_composer' ), array(
|
|
'exclude' => array(
|
|
'link',
|
|
'css',
|
|
'i_css',
|
|
'el_class',
|
|
'css_animation',
|
|
),
|
|
), array(
|
|
'element' => 'style',
|
|
'value' => array( 'load-more' ),
|
|
) );
|
|
foreach ( self::$btn3Params as $key => $value ) {
|
|
if ( 'btn_title' === $value['param_name'] ) {
|
|
self::$btn3Params[ $key ]['value'] = esc_html__( 'Load more', 'js_composer' );
|
|
} elseif ( 'btn_color' === $value['param_name'] ) {
|
|
self::$btn3Params[ $key ]['std'] = 'blue';
|
|
} elseif ( 'btn_style' === $value['param_name'] ) {
|
|
self::$btn3Params[ $key ]['std'] = 'flat';
|
|
}
|
|
}
|
|
|
|
// Grid column list
|
|
self::$gridColsList = array(
|
|
array(
|
|
'label' => '6',
|
|
'value' => 2,
|
|
),
|
|
array(
|
|
'label' => '4',
|
|
'value' => 3,
|
|
),
|
|
array(
|
|
'label' => '3',
|
|
'value' => 4,
|
|
),
|
|
array(
|
|
'label' => '2',
|
|
'value' => 6,
|
|
),
|
|
array(
|
|
'label' => '1',
|
|
'value' => 12,
|
|
),
|
|
);
|
|
}
|
|
|
|
/**
|
|
* Basic Grid Common Settings
|
|
*/
|
|
public static function getBasicAtts() {
|
|
|
|
if ( self::$basicGrid ) {
|
|
return self::$basicGrid;
|
|
}
|
|
|
|
if ( is_null( self::$btn3Params ) && is_null( self::$gridColsList ) ) {
|
|
self::initData();
|
|
}
|
|
|
|
$postTypes = get_post_types( array() );
|
|
$postTypesList = array();
|
|
$excludedPostTypes = array(
|
|
'revision',
|
|
'nav_menu_item',
|
|
'vc_grid_item',
|
|
);
|
|
if ( is_array( $postTypes ) && ! empty( $postTypes ) ) {
|
|
foreach ( $postTypes as $postType ) {
|
|
if ( ! in_array( $postType, $excludedPostTypes, true ) ) {
|
|
$label = ucfirst( $postType );
|
|
$postTypesList[] = array(
|
|
$postType,
|
|
$label,
|
|
);
|
|
}
|
|
}
|
|
}
|
|
$postTypesList[] = array(
|
|
'custom',
|
|
esc_html__( 'Custom query', 'js_composer' ),
|
|
);
|
|
$postTypesList[] = array(
|
|
'ids',
|
|
esc_html__( 'List of IDs', 'js_composer' ),
|
|
);
|
|
|
|
$taxonomiesForFilter = array();
|
|
|
|
if ( 'vc_edit_form' === vc_post_param( 'action' ) ) {
|
|
$vcTaxonomiesTypes = vc_taxonomies_types();
|
|
if ( is_array( $vcTaxonomiesTypes ) && ! empty( $vcTaxonomiesTypes ) ) {
|
|
foreach ( $vcTaxonomiesTypes as $t => $data ) {
|
|
if ( 'post_format' !== $t && is_object( $data ) ) {
|
|
$taxonomiesForFilter[ $data->labels->name . '(' . $t . ')' ] = $t;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
self::$basicGrid = array_merge( array(
|
|
array(
|
|
'type' => 'dropdown',
|
|
'heading' => esc_html__( 'Data source', 'js_composer' ),
|
|
'param_name' => 'post_type',
|
|
'value' => $postTypesList,
|
|
'save_always' => true,
|
|
'description' => esc_html__( 'Select content type for your grid.', 'js_composer' ),
|
|
'admin_label' => true,
|
|
),
|
|
array(
|
|
'type' => 'autocomplete',
|
|
'heading' => esc_html__( 'Include only', 'js_composer' ),
|
|
'param_name' => 'include',
|
|
'description' => esc_html__( 'Add posts, pages, etc. by title.', 'js_composer' ),
|
|
'settings' => array(
|
|
'multiple' => true,
|
|
'sortable' => true,
|
|
'groups' => true,
|
|
),
|
|
'dependency' => array(
|
|
'element' => 'post_type',
|
|
'value' => array( 'ids' ),
|
|
),
|
|
),
|
|
// Custom query tab
|
|
array(
|
|
'type' => 'textarea_safe',
|
|
'heading' => esc_html__( 'Custom query', 'js_composer' ),
|
|
'param_name' => 'custom_query',
|
|
'description' => sprintf( esc_html__( 'Build custom query according to %sWordPress Codex%s.', 'js_composer' ), '<a href="https://codex.wordpress.org/Function_Reference/query_posts">', '</a>' ),
|
|
|
|
'dependency' => array(
|
|
'element' => 'post_type',
|
|
'value' => array( 'custom' ),
|
|
),
|
|
),
|
|
array(
|
|
'type' => 'autocomplete',
|
|
'heading' => esc_html__( 'Narrow data source', 'js_composer' ),
|
|
'param_name' => 'taxonomies',
|
|
'settings' => array(
|
|
'multiple' => true,
|
|
'min_length' => 1,
|
|
'groups' => true,
|
|
// In UI show results grouped by groups, default false
|
|
'unique_values' => true,
|
|
// In UI show results except selected. NB! You should manually check values in backend, default false
|
|
'display_inline' => true,
|
|
// In UI show results inline view, default false (each value in own line)
|
|
'delay' => 500,
|
|
// delay for search. default 500
|
|
'auto_focus' => true,
|
|
// auto focus input, default true
|
|
),
|
|
'param_holder_class' => 'vc_not-for-custom',
|
|
'description' => esc_html__( 'Enter categories, tags or custom taxonomies.', 'js_composer' ),
|
|
'dependency' => array(
|
|
'element' => 'post_type',
|
|
'value_not_equal_to' => array(
|
|
'ids',
|
|
'custom',
|
|
),
|
|
'callback' => 'vcGridTaxonomiesCallBack',
|
|
),
|
|
),
|
|
array(
|
|
'type' => 'textfield',
|
|
'heading' => esc_html__( 'Total items', 'js_composer' ),
|
|
'param_name' => 'max_items',
|
|
'value' => 10,
|
|
// default value
|
|
'param_holder_class' => 'vc_not-for-custom',
|
|
'description' => esc_html__( 'Set max limit for items in grid or enter -1 to display all (limited to 1000).', 'js_composer' ),
|
|
'dependency' => array(
|
|
'element' => 'post_type',
|
|
'value_not_equal_to' => array(
|
|
'ids',
|
|
'custom',
|
|
),
|
|
),
|
|
),
|
|
array(
|
|
'type' => 'dropdown',
|
|
'heading' => esc_html__( 'Display Style', 'js_composer' ),
|
|
'param_name' => 'style',
|
|
'value' => array(
|
|
esc_html__( 'Show all', 'js_composer' ) => 'all',
|
|
esc_html__( 'Load more button', 'js_composer' ) => 'load-more',
|
|
esc_html__( 'Lazy loading', 'js_composer' ) => 'lazy',
|
|
esc_html__( 'Pagination', 'js_composer' ) => 'pagination',
|
|
),
|
|
'dependency' => array(
|
|
'element' => 'post_type',
|
|
'value_not_equal_to' => array( 'custom' ),
|
|
),
|
|
'edit_field_class' => 'vc_col-sm-6',
|
|
'description' => esc_html__( 'Select display style for grid.', 'js_composer' ),
|
|
),
|
|
array(
|
|
'type' => 'textfield',
|
|
'heading' => esc_html__( 'Items per page', 'js_composer' ),
|
|
'param_name' => 'items_per_page',
|
|
'description' => esc_html__( 'Number of items to show per page.', 'js_composer' ),
|
|
'value' => '10',
|
|
'dependency' => array(
|
|
'element' => 'style',
|
|
'value' => array(
|
|
'lazy',
|
|
'load-more',
|
|
'pagination',
|
|
),
|
|
),
|
|
'edit_field_class' => 'vc_col-sm-6',
|
|
),
|
|
array(
|
|
'type' => 'checkbox',
|
|
'heading' => esc_html__( 'Show filter', 'js_composer' ),
|
|
'param_name' => 'show_filter',
|
|
'value' => array( esc_html__( 'Yes', 'js_composer' ) => 'yes' ),
|
|
'description' => esc_html__( 'Append filter to grid.', 'js_composer' ),
|
|
),
|
|
array(
|
|
'type' => 'dropdown',
|
|
'heading' => esc_html__( 'Grid elements per row', 'js_composer' ),
|
|
'param_name' => 'element_width',
|
|
'value' => self::$gridColsList,
|
|
'std' => '4',
|
|
'edit_field_class' => 'vc_col-sm-6',
|
|
'description' => esc_html__( 'Select number of single grid elements per row.', 'js_composer' ),
|
|
),
|
|
array(
|
|
'type' => 'dropdown',
|
|
'heading' => esc_html__( 'Gap', 'js_composer' ),
|
|
'param_name' => 'gap',
|
|
'value' => array(
|
|
'0px' => '0',
|
|
'1px' => '1',
|
|
'2px' => '2',
|
|
'3px' => '3',
|
|
'4px' => '4',
|
|
'5px' => '5',
|
|
'10px' => '10',
|
|
'15px' => '15',
|
|
'20px' => '20',
|
|
'25px' => '25',
|
|
'30px' => '30',
|
|
'35px' => '35',
|
|
),
|
|
'std' => '30',
|
|
'description' => esc_html__( 'Select gap between grid elements.', 'js_composer' ),
|
|
'edit_field_class' => 'vc_col-sm-6',
|
|
),
|
|
// Data settings
|
|
array(
|
|
'type' => 'dropdown',
|
|
'heading' => esc_html__( 'Order by', 'js_composer' ),
|
|
'param_name' => 'orderby',
|
|
'value' => array(
|
|
esc_html__( 'Date', 'js_composer' ) => 'date',
|
|
esc_html__( 'Order by post ID', 'js_composer' ) => 'ID',
|
|
esc_html__( 'Author', 'js_composer' ) => 'author',
|
|
esc_html__( 'Title', 'js_composer' ) => 'title',
|
|
esc_html__( 'Last modified date', 'js_composer' ) => 'modified',
|
|
esc_html__( 'Post/page parent ID', 'js_composer' ) => 'parent',
|
|
esc_html__( 'Number of comments', 'js_composer' ) => 'comment_count',
|
|
esc_html__( 'Menu order/Page Order', 'js_composer' ) => 'menu_order',
|
|
esc_html__( 'Meta value', 'js_composer' ) => 'meta_value',
|
|
esc_html__( 'Meta value number', 'js_composer' ) => 'meta_value_num',
|
|
esc_html__( 'Random order', 'js_composer' ) => 'rand',
|
|
),
|
|
'description' => esc_html__( 'Select order type. If "Meta value" or "Meta value Number" is chosen then meta key is required.', 'js_composer' ),
|
|
'group' => esc_html__( 'Data Settings', 'js_composer' ),
|
|
'param_holder_class' => 'vc_grid-data-type-not-ids',
|
|
'dependency' => array(
|
|
'element' => 'post_type',
|
|
'value_not_equal_to' => array(
|
|
'ids',
|
|
'custom',
|
|
),
|
|
),
|
|
),
|
|
array(
|
|
'type' => 'dropdown',
|
|
'heading' => esc_html__( 'Sort order', 'js_composer' ),
|
|
'param_name' => 'order',
|
|
'group' => esc_html__( 'Data Settings', 'js_composer' ),
|
|
'value' => array(
|
|
esc_html__( 'Descending', 'js_composer' ) => 'DESC',
|
|
esc_html__( 'Ascending', 'js_composer' ) => 'ASC',
|
|
),
|
|
'param_holder_class' => 'vc_grid-data-type-not-ids',
|
|
'description' => esc_html__( 'Select sorting order.', 'js_composer' ),
|
|
'dependency' => array(
|
|
'element' => 'post_type',
|
|
'value_not_equal_to' => array(
|
|
'ids',
|
|
'custom',
|
|
),
|
|
),
|
|
),
|
|
array(
|
|
'type' => 'textfield',
|
|
'heading' => esc_html__( 'Meta key', 'js_composer' ),
|
|
'param_name' => 'meta_key',
|
|
'description' => esc_html__( 'Input meta key for grid ordering.', 'js_composer' ),
|
|
'group' => esc_html__( 'Data Settings', 'js_composer' ),
|
|
'param_holder_class' => 'vc_grid-data-type-not-ids',
|
|
'dependency' => array(
|
|
'element' => 'orderby',
|
|
'value' => array(
|
|
'meta_value',
|
|
'meta_value_num',
|
|
),
|
|
),
|
|
),
|
|
array(
|
|
'type' => 'textfield',
|
|
'heading' => esc_html__( 'Offset', 'js_composer' ),
|
|
'param_name' => 'offset',
|
|
'description' => esc_html__( 'Number of grid elements to displace or pass over.', 'js_composer' ),
|
|
'group' => esc_html__( 'Data Settings', 'js_composer' ),
|
|
'param_holder_class' => 'vc_grid-data-type-not-ids',
|
|
'dependency' => array(
|
|
'element' => 'post_type',
|
|
'value_not_equal_to' => array(
|
|
'ids',
|
|
'custom',
|
|
),
|
|
),
|
|
),
|
|
array(
|
|
'type' => 'autocomplete',
|
|
'heading' => esc_html__( 'Exclude', 'js_composer' ),
|
|
'param_name' => 'exclude',
|
|
'description' => esc_html__( 'Exclude posts, pages, etc. by title.', 'js_composer' ),
|
|
'group' => esc_html__( 'Data Settings', 'js_composer' ),
|
|
'settings' => array(
|
|
'multiple' => true,
|
|
),
|
|
'param_holder_class' => 'vc_grid-data-type-not-ids',
|
|
'dependency' => array(
|
|
'element' => 'post_type',
|
|
'value_not_equal_to' => array(
|
|
'ids',
|
|
'custom',
|
|
),
|
|
'callback' => 'vc_grid_exclude_dependency_callback',
|
|
),
|
|
),
|
|
// Filter tab
|
|
array(
|
|
'type' => 'dropdown',
|
|
'heading' => esc_html__( 'Filter by', 'js_composer' ),
|
|
'param_name' => 'filter_source',
|
|
'value' => $taxonomiesForFilter,
|
|
'group' => esc_html__( 'Filter', 'js_composer' ),
|
|
'dependency' => array(
|
|
'element' => 'show_filter',
|
|
'value' => array( 'yes' ),
|
|
),
|
|
'save_always' => true,
|
|
'description' => esc_html__( 'Select filter source.', 'js_composer' ),
|
|
),
|
|
array(
|
|
'type' => 'autocomplete',
|
|
'heading' => esc_html__( 'Exclude from filter list', 'js_composer' ),
|
|
'param_name' => 'exclude_filter',
|
|
'settings' => array(
|
|
'multiple' => true,
|
|
// is multiple values allowed? default false
|
|
'min_length' => 1,
|
|
// min length to start search -> default 2
|
|
'groups' => true,
|
|
// In UI show results grouped by groups, default false
|
|
'unique_values' => true,
|
|
// In UI show results except selected. NB! You should manually check values in backend, default false
|
|
'display_inline' => true,
|
|
// In UI show results inline view, default false (each value in own line)
|
|
'delay' => 500,
|
|
// delay for search. default 500
|
|
'auto_focus' => true,
|
|
// auto focus input, default true
|
|
),
|
|
'description' => esc_html__( 'Enter categories, tags won\'t be shown in the filters list', 'js_composer' ),
|
|
'dependency' => array(
|
|
'element' => 'show_filter',
|
|
'value' => array( 'yes' ),
|
|
'callback' => 'vcGridFilterExcludeCallBack',
|
|
),
|
|
'group' => esc_html__( 'Filter', 'js_composer' ),
|
|
),
|
|
array(
|
|
'type' => 'dropdown',
|
|
'heading' => esc_html__( 'Style', 'js_composer' ),
|
|
'param_name' => 'filter_style',
|
|
'value' => array(
|
|
esc_html__( 'Rounded', 'js_composer' ) => 'default',
|
|
esc_html__( 'Less Rounded', 'js_composer' ) => 'default-less-rounded',
|
|
esc_html__( 'Border', 'js_composer' ) => 'bordered',
|
|
esc_html__( 'Rounded Border', 'js_composer' ) => 'bordered-rounded',
|
|
esc_html__( 'Less Rounded Border', 'js_composer' ) => 'bordered-rounded-less',
|
|
esc_html__( 'Filled', 'js_composer' ) => 'filled',
|
|
esc_html__( 'Rounded Filled', 'js_composer' ) => 'filled-rounded',
|
|
esc_html__( 'Dropdown', 'js_composer' ) => 'dropdown',
|
|
),
|
|
'dependency' => array(
|
|
'element' => 'show_filter',
|
|
'value' => array( 'yes' ),
|
|
),
|
|
'group' => esc_html__( 'Filter', 'js_composer' ),
|
|
'description' => esc_html__( 'Select filter display style.', 'js_composer' ),
|
|
),
|
|
array(
|
|
'type' => 'textfield',
|
|
'heading' => esc_html__( 'Default title', 'js_composer' ),
|
|
'param_name' => 'filter_default_title',
|
|
'value' => esc_html__( 'All', 'js_composer' ),
|
|
'description' => esc_html__( 'Enter default title for filter option display (empty: "All").', 'js_composer' ),
|
|
'dependency' => array(
|
|
'element' => 'show_filter',
|
|
'value' => array( 'yes' ),
|
|
),
|
|
'group' => esc_html__( 'Filter', 'js_composer' ),
|
|
),
|
|
array(
|
|
'type' => 'dropdown',
|
|
'heading' => esc_html__( 'Alignment', 'js_composer' ),
|
|
'param_name' => 'filter_align',
|
|
'value' => array(
|
|
esc_html__( 'Center', 'js_composer' ) => 'center',
|
|
esc_html__( 'Left', 'js_composer' ) => 'left',
|
|
esc_html__( 'Right', 'js_composer' ) => 'right',
|
|
),
|
|
'dependency' => array(
|
|
'element' => 'show_filter',
|
|
'value' => array( 'yes' ),
|
|
),
|
|
'group' => esc_html__( 'Filter', 'js_composer' ),
|
|
'description' => esc_html__( 'Select filter alignment.', 'js_composer' ),
|
|
),
|
|
array(
|
|
'type' => 'dropdown',
|
|
'heading' => esc_html__( 'Color', 'js_composer' ),
|
|
'param_name' => 'filter_color',
|
|
'value' => vc_get_shared( 'colors' ),
|
|
'std' => 'grey',
|
|
'param_holder_class' => 'vc_colored-dropdown',
|
|
'dependency' => array(
|
|
'element' => 'show_filter',
|
|
'value' => array( 'yes' ),
|
|
),
|
|
'group' => esc_html__( 'Filter', 'js_composer' ),
|
|
'description' => esc_html__( 'Select filter color.', 'js_composer' ),
|
|
),
|
|
array(
|
|
'type' => 'dropdown',
|
|
'heading' => esc_html__( 'Filter size', 'js_composer' ),
|
|
'param_name' => 'filter_size',
|
|
'value' => vc_get_shared( 'sizes' ),
|
|
'std' => 'md',
|
|
'description' => esc_html__( 'Select filter size.', 'js_composer' ),
|
|
'dependency' => array(
|
|
'element' => 'show_filter',
|
|
'value' => array( 'yes' ),
|
|
),
|
|
'group' => esc_html__( 'Filter', 'js_composer' ),
|
|
),
|
|
// moved to the end
|
|
// Paging controls
|
|
array(
|
|
'type' => 'dropdown',
|
|
'heading' => esc_html__( 'Arrows design', 'js_composer' ),
|
|
'param_name' => 'arrows_design',
|
|
'value' => array(
|
|
esc_html__( 'None', 'js_composer' ) => 'none',
|
|
esc_html__( 'Simple', 'js_composer' ) => 'vc_arrow-icon-arrow_01_left',
|
|
esc_html__( 'Simple Circle Border', 'js_composer' ) => 'vc_arrow-icon-arrow_02_left',
|
|
esc_html__( 'Simple Circle', 'js_composer' ) => 'vc_arrow-icon-arrow_03_left',
|
|
esc_html__( 'Simple Square', 'js_composer' ) => 'vc_arrow-icon-arrow_09_left',
|
|
esc_html__( 'Simple Square Rounded', 'js_composer' ) => 'vc_arrow-icon-arrow_12_left',
|
|
esc_html__( 'Simple Rounded', 'js_composer' ) => 'vc_arrow-icon-arrow_11_left',
|
|
esc_html__( 'Rounded', 'js_composer' ) => 'vc_arrow-icon-arrow_04_left',
|
|
esc_html__( 'Rounded Circle Border', 'js_composer' ) => 'vc_arrow-icon-arrow_05_left',
|
|
esc_html__( 'Rounded Circle', 'js_composer' ) => 'vc_arrow-icon-arrow_06_left',
|
|
esc_html__( 'Rounded Square', 'js_composer' ) => 'vc_arrow-icon-arrow_10_left',
|
|
esc_html__( 'Simple Arrow', 'js_composer' ) => 'vc_arrow-icon-arrow_08_left',
|
|
esc_html__( 'Simple Rounded Arrow', 'js_composer' ) => 'vc_arrow-icon-arrow_07_left',
|
|
|
|
),
|
|
'group' => esc_html__( 'Pagination', 'js_composer' ),
|
|
'dependency' => array(
|
|
'element' => 'style',
|
|
'value' => array( 'pagination' ),
|
|
),
|
|
'description' => esc_html__( 'Select design for arrows.', 'js_composer' ),
|
|
),
|
|
array(
|
|
'type' => 'dropdown',
|
|
'heading' => esc_html__( 'Arrows position', 'js_composer' ),
|
|
'param_name' => 'arrows_position',
|
|
'value' => array(
|
|
esc_html__( 'Inside Wrapper', 'js_composer' ) => 'inside',
|
|
esc_html__( 'Outside Wrapper', 'js_composer' ) => 'outside',
|
|
),
|
|
'group' => esc_html__( 'Pagination', 'js_composer' ),
|
|
'dependency' => array(
|
|
'element' => 'arrows_design',
|
|
'value_not_equal_to' => array( 'none' ),
|
|
// New dependency
|
|
),
|
|
'description' => esc_html__( 'Arrows will be displayed inside or outside grid.', 'js_composer' ),
|
|
),
|
|
array(
|
|
'type' => 'dropdown',
|
|
'heading' => esc_html__( 'Arrows color', 'js_composer' ),
|
|
'param_name' => 'arrows_color',
|
|
'value' => vc_get_shared( 'colors' ),
|
|
'param_holder_class' => 'vc_colored-dropdown',
|
|
'group' => esc_html__( 'Pagination', 'js_composer' ),
|
|
'dependency' => array(
|
|
'element' => 'arrows_design',
|
|
'value_not_equal_to' => array( 'none' ),
|
|
// New dependency
|
|
),
|
|
'description' => esc_html__( 'Select color for arrows.', 'js_composer' ),
|
|
),
|
|
array(
|
|
'type' => 'dropdown',
|
|
'heading' => esc_html__( 'Pagination style', 'js_composer' ),
|
|
'param_name' => 'paging_design',
|
|
'value' => array(
|
|
esc_html__( 'None', 'js_composer' ) => 'none',
|
|
esc_html__( 'Square Dots', 'js_composer' ) => 'square_dots',
|
|
esc_html__( 'Radio Dots', 'js_composer' ) => 'radio_dots',
|
|
esc_html__( 'Point Dots', 'js_composer' ) => 'point_dots',
|
|
esc_html__( 'Fill Square Dots', 'js_composer' ) => 'fill_square_dots',
|
|
esc_html__( 'Rounded Fill Square Dots', 'js_composer' ) => 'round_fill_square_dots',
|
|
esc_html__( 'Pagination Default', 'js_composer' ) => 'pagination_default',
|
|
esc_html__( 'Outline Default Dark', 'js_composer' ) => 'pagination_default_dark',
|
|
esc_html__( 'Outline Default Light', 'js_composer' ) => 'pagination_default_light',
|
|
esc_html__( 'Pagination Rounded', 'js_composer' ) => 'pagination_rounded',
|
|
esc_html__( 'Outline Rounded Dark', 'js_composer' ) => 'pagination_rounded_dark',
|
|
esc_html__( 'Outline Rounded Light', 'js_composer' ) => 'pagination_rounded_light',
|
|
esc_html__( 'Pagination Square', 'js_composer' ) => 'pagination_square',
|
|
esc_html__( 'Outline Square Dark', 'js_composer' ) => 'pagination_square_dark',
|
|
esc_html__( 'Outline Square Light', 'js_composer' ) => 'pagination_square_light',
|
|
esc_html__( 'Pagination Rounded Square', 'js_composer' ) => 'pagination_rounded_square',
|
|
esc_html__( 'Outline Rounded Square Dark', 'js_composer' ) => 'pagination_rounded_square_dark',
|
|
esc_html__( 'Outline Rounded Square Light', 'js_composer' ) => 'pagination_rounded_square_light',
|
|
esc_html__( 'Stripes Dark', 'js_composer' ) => 'pagination_stripes_dark',
|
|
esc_html__( 'Stripes Light', 'js_composer' ) => 'pagination_stripes_light',
|
|
),
|
|
'std' => 'radio_dots',
|
|
'group' => esc_html__( 'Pagination', 'js_composer' ),
|
|
'dependency' => array(
|
|
'element' => 'style',
|
|
'value' => array( 'pagination' ),
|
|
),
|
|
'description' => esc_html__( 'Select pagination style.', 'js_composer' ),
|
|
),
|
|
array(
|
|
'type' => 'dropdown',
|
|
'heading' => esc_html__( 'Pagination color', 'js_composer' ),
|
|
'param_name' => 'paging_color',
|
|
'value' => vc_get_shared( 'colors' ),
|
|
'std' => 'grey',
|
|
'param_holder_class' => 'vc_colored-dropdown',
|
|
'group' => esc_html__( 'Pagination', 'js_composer' ),
|
|
'dependency' => array(
|
|
'element' => 'paging_design',
|
|
'value_not_equal_to' => array( 'none' ),
|
|
// New dependency
|
|
),
|
|
'description' => esc_html__( 'Select pagination color.', 'js_composer' ),
|
|
),
|
|
array(
|
|
'type' => 'checkbox',
|
|
'heading' => esc_html__( 'Loop pages?', 'js_composer' ),
|
|
'param_name' => 'loop',
|
|
'description' => esc_html__( 'Allow items to be repeated in infinite loop (carousel).', 'js_composer' ),
|
|
'value' => array( esc_html__( 'Yes', 'js_composer' ) => 'yes' ),
|
|
'group' => esc_html__( 'Pagination', 'js_composer' ),
|
|
'dependency' => array(
|
|
'element' => 'style',
|
|
'value' => array( 'pagination' ),
|
|
),
|
|
),
|
|
array(
|
|
'type' => 'textfield',
|
|
'heading' => esc_html__( 'Autoplay delay', 'js_composer' ),
|
|
'param_name' => 'autoplay',
|
|
'value' => '-1',
|
|
'description' => esc_html__( 'Enter value in seconds. Set -1 to disable autoplay.', 'js_composer' ),
|
|
'group' => esc_html__( 'Pagination', 'js_composer' ),
|
|
'dependency' => array(
|
|
'element' => 'style',
|
|
'value' => array( 'pagination' ),
|
|
),
|
|
),
|
|
array(
|
|
'type' => 'animation_style',
|
|
'heading' => esc_html__( 'Animation In', 'js_composer' ),
|
|
'param_name' => 'paging_animation_in',
|
|
'group' => esc_html__( 'Pagination', 'js_composer' ),
|
|
'settings' => array(
|
|
'type' => array(
|
|
'in',
|
|
'other',
|
|
),
|
|
),
|
|
'dependency' => array(
|
|
'element' => 'style',
|
|
'value' => array( 'pagination' ),
|
|
),
|
|
'description' => esc_html__( 'Select "animation in" for page transition.', 'js_composer' ),
|
|
),
|
|
array(
|
|
'type' => 'animation_style',
|
|
'heading' => esc_html__( 'Animation Out', 'js_composer' ),
|
|
'param_name' => 'paging_animation_out',
|
|
'group' => esc_html__( 'Pagination', 'js_composer' ),
|
|
'settings' => array(
|
|
'type' => array( 'out' ),
|
|
),
|
|
'dependency' => array(
|
|
'element' => 'style',
|
|
'value' => array( 'pagination' ),
|
|
),
|
|
'description' => esc_html__( 'Select "animation out" for page transition.', 'js_composer' ),
|
|
),
|
|
array(
|
|
'type' => 'vc_grid_item',
|
|
'heading' => esc_html__( 'Grid element template', 'js_composer' ),
|
|
'param_name' => 'item',
|
|
'description' => sprintf( esc_html__( '%sCreate new%s template or %smodify selected%s. Predefined templates will be cloned.', 'js_composer' ), '<a href="' . esc_url( admin_url( 'post-new.php?post_type=vc_grid_item' ) ) . '" target="_blank">', '</a>', '<a href="#" target="_blank" data-vc-grid-item="edit_link">', '</a>' ),
|
|
'group' => esc_html__( 'Item Design', 'js_composer' ),
|
|
'value' => 'none',
|
|
),
|
|
array(
|
|
'type' => 'vc_grid_id',
|
|
'param_name' => 'grid_id',
|
|
),
|
|
array(
|
|
'type' => 'animation_style',
|
|
'heading' => esc_html__( 'Initial loading animation', 'js_composer' ),
|
|
'param_name' => 'initial_loading_animation',
|
|
'value' => 'fadeIn',
|
|
'settings' => array(
|
|
'type' => array(
|
|
'in',
|
|
'other',
|
|
),
|
|
),
|
|
'description' => esc_html__( 'Select initial loading animation for grid element.', 'js_composer' ),
|
|
),
|
|
array(
|
|
'type' => 'el_id',
|
|
'heading' => esc_html__( 'Element ID', 'js_composer' ),
|
|
'param_name' => 'el_id',
|
|
'description' => sprintf( esc_html__( 'Enter element ID (Note: make sure it is unique and valid according to %sw3c specification%s).', 'js_composer' ), '<a href="https://www.w3schools.com/tags/att_global_id.asp" target="_blank">', '</a>' ),
|
|
),
|
|
array(
|
|
'type' => 'textfield',
|
|
'heading' => esc_html__( 'Extra class name', 'js_composer' ),
|
|
'param_name' => 'el_class',
|
|
'description' => esc_html__( 'Style particular content element differently - add a class name and refer to it in custom CSS.', 'js_composer' ),
|
|
),
|
|
array(
|
|
'type' => 'css_editor',
|
|
'heading' => esc_html__( 'CSS box', 'js_composer' ),
|
|
'param_name' => 'css',
|
|
'group' => esc_html__( 'Design Options', 'js_composer' ),
|
|
),
|
|
|
|
// Load more btn
|
|
array(
|
|
'type' => 'hidden',
|
|
'heading' => esc_html__( 'Button style', 'js_composer' ),
|
|
'param_name' => 'button_style',
|
|
'value' => '',
|
|
'param_holder_class' => 'vc_colored-dropdown',
|
|
'group' => esc_html__( 'Load More Button', 'js_composer' ),
|
|
'dependency' => array(
|
|
'element' => 'style',
|
|
'value' => array( 'load-more' ),
|
|
),
|
|
'description' => esc_html__( 'Select button style.', 'js_composer' ),
|
|
),
|
|
array(
|
|
'type' => 'hidden',
|
|
'heading' => esc_html__( 'Button color', 'js_composer' ),
|
|
'param_name' => 'button_color',
|
|
'value' => '',
|
|
'param_holder_class' => 'vc_colored-dropdown',
|
|
'group' => esc_html__( 'Load More Button', 'js_composer' ),
|
|
'dependency' => array(
|
|
'element' => 'style',
|
|
'value' => array( 'load-more' ),
|
|
),
|
|
'description' => esc_html__( 'Select button color.', 'js_composer' ),
|
|
),
|
|
array(
|
|
'type' => 'hidden',
|
|
'heading' => esc_html__( 'Button size', 'js_composer' ),
|
|
'param_name' => 'button_size',
|
|
'value' => '',
|
|
'description' => esc_html__( 'Select button size.', 'js_composer' ),
|
|
'group' => esc_html__( 'Load More Button', 'js_composer' ),
|
|
'dependency' => array(
|
|
'element' => 'style',
|
|
'value' => array( 'load-more' ),
|
|
),
|
|
),
|
|
), self::$btn3Params );
|
|
self::$basicGrid = array_merge( self::$basicGrid );
|
|
|
|
return self::$basicGrid;
|
|
}
|
|
|
|
/**
|
|
* Media grid common settings
|
|
*/
|
|
public static function getMediaCommonAtts() {
|
|
|
|
if ( self::$mediaGrid ) {
|
|
return self::$mediaGrid;
|
|
}
|
|
|
|
if ( is_null( self::$btn3Params ) && is_null( self::$gridColsList ) ) {
|
|
self::initData();
|
|
}
|
|
|
|
self::$mediaGrid = array_merge( array(
|
|
array(
|
|
'type' => 'attach_images',
|
|
'heading' => esc_html__( 'Images', 'js_composer' ),
|
|
'param_name' => 'include',
|
|
'description' => esc_html__( 'Select images from media library.', 'js_composer' ),
|
|
|
|
),
|
|
array(
|
|
'type' => 'dropdown',
|
|
'heading' => esc_html__( 'Display Style', 'js_composer' ),
|
|
'param_name' => 'style',
|
|
'value' => array(
|
|
esc_html__( 'Show all', 'js_composer' ) => 'all',
|
|
esc_html__( 'Load more button', 'js_composer' ) => 'load-more',
|
|
esc_html__( 'Lazy loading', 'js_composer' ) => 'lazy',
|
|
esc_html__( 'Pagination', 'js_composer' ) => 'pagination',
|
|
),
|
|
'dependency' => array(
|
|
'element' => 'post_type',
|
|
'value_not_equal_to' => array( 'custom' ),
|
|
),
|
|
'edit_field_class' => 'vc_col-sm-6',
|
|
'description' => esc_html__( 'Select display style for grid.', 'js_composer' ),
|
|
),
|
|
array(
|
|
'type' => 'textfield',
|
|
'heading' => esc_html__( 'Items per page', 'js_composer' ),
|
|
'param_name' => 'items_per_page',
|
|
'description' => esc_html__( 'Number of items to show per page.', 'js_composer' ),
|
|
'value' => '10',
|
|
'dependency' => array(
|
|
'element' => 'style',
|
|
'value' => array(
|
|
'lazy',
|
|
'load-more',
|
|
'pagination',
|
|
),
|
|
),
|
|
'edit_field_class' => 'vc_col-sm-6',
|
|
),
|
|
array(
|
|
'type' => 'dropdown',
|
|
'heading' => esc_html__( 'Grid elements per row', 'js_composer' ),
|
|
'param_name' => 'element_width',
|
|
'value' => self::$gridColsList,
|
|
'std' => '4',
|
|
'edit_field_class' => 'vc_col-sm-6',
|
|
'description' => esc_html__( 'Select number of single grid elements per row.', 'js_composer' ),
|
|
),
|
|
array(
|
|
'type' => 'dropdown',
|
|
'heading' => esc_html__( 'Gap', 'js_composer' ),
|
|
'param_name' => 'gap',
|
|
'value' => array(
|
|
'0px' => '0',
|
|
'1px' => '1',
|
|
'2px' => '2',
|
|
'3px' => '3',
|
|
'4px' => '4',
|
|
'5px' => '5',
|
|
'10px' => '10',
|
|
'15px' => '15',
|
|
'20px' => '20',
|
|
'25px' => '25',
|
|
'30px' => '30',
|
|
'35px' => '35',
|
|
),
|
|
'std' => '5',
|
|
'description' => esc_html__( 'Select gap between grid elements.', 'js_composer' ),
|
|
'edit_field_class' => 'vc_col-sm-6',
|
|
),
|
|
array(
|
|
'type' => 'hidden',
|
|
'heading' => esc_html__( 'Button style', 'js_composer' ),
|
|
'param_name' => 'button_style',
|
|
'value' => '',
|
|
'param_holder_class' => 'vc_colored-dropdown',
|
|
'group' => esc_html__( 'Load More Button', 'js_composer' ),
|
|
'dependency' => array(
|
|
'element' => 'style',
|
|
'value' => array( 'load-more' ),
|
|
),
|
|
'description' => esc_html__( 'Select button style.', 'js_composer' ),
|
|
),
|
|
array(
|
|
'type' => 'hidden',
|
|
'heading' => esc_html__( 'Button color', 'js_composer' ),
|
|
'param_name' => 'button_color',
|
|
'value' => '',
|
|
'param_holder_class' => 'vc_colored-dropdown',
|
|
'group' => esc_html__( 'Load More Button', 'js_composer' ),
|
|
'dependency' => array(
|
|
'element' => 'style',
|
|
'value' => array( 'load-more' ),
|
|
),
|
|
'description' => esc_html__( 'Select button color.', 'js_composer' ),
|
|
),
|
|
array(
|
|
'type' => 'hidden',
|
|
'heading' => esc_html__( 'Button size', 'js_composer' ),
|
|
'param_name' => 'button_size',
|
|
'value' => '',
|
|
'description' => esc_html__( 'Select button size.', 'js_composer' ),
|
|
'group' => esc_html__( 'Load More Button', 'js_composer' ),
|
|
'dependency' => array(
|
|
'element' => 'style',
|
|
'value' => array( 'load-more' ),
|
|
),
|
|
),
|
|
array(
|
|
'type' => 'dropdown',
|
|
'heading' => esc_html__( 'Arrows design', 'js_composer' ),
|
|
'param_name' => 'arrows_design',
|
|
'value' => array(
|
|
esc_html__( 'None', 'js_composer' ) => 'none',
|
|
esc_html__( 'Simple', 'js_composer' ) => 'vc_arrow-icon-arrow_01_left',
|
|
esc_html__( 'Simple Circle Border', 'js_composer' ) => 'vc_arrow-icon-arrow_02_left',
|
|
esc_html__( 'Simple Circle', 'js_composer' ) => 'vc_arrow-icon-arrow_03_left',
|
|
esc_html__( 'Simple Square', 'js_composer' ) => 'vc_arrow-icon-arrow_09_left',
|
|
esc_html__( 'Simple Square Rounded', 'js_composer' ) => 'vc_arrow-icon-arrow_12_left',
|
|
esc_html__( 'Simple Rounded', 'js_composer' ) => 'vc_arrow-icon-arrow_11_left',
|
|
esc_html__( 'Rounded', 'js_composer' ) => 'vc_arrow-icon-arrow_04_left',
|
|
esc_html__( 'Rounded Circle Border', 'js_composer' ) => 'vc_arrow-icon-arrow_05_left',
|
|
esc_html__( 'Rounded Circle', 'js_composer' ) => 'vc_arrow-icon-arrow_06_left',
|
|
esc_html__( 'Rounded Square', 'js_composer' ) => 'vc_arrow-icon-arrow_10_left',
|
|
esc_html__( 'Simple Arrow', 'js_composer' ) => 'vc_arrow-icon-arrow_08_left',
|
|
esc_html__( 'Simple Rounded Arrow', 'js_composer' ) => 'vc_arrow-icon-arrow_07_left',
|
|
|
|
),
|
|
'group' => esc_html__( 'Pagination', 'js_composer' ),
|
|
'dependency' => array(
|
|
'element' => 'style',
|
|
'value' => array( 'pagination' ),
|
|
),
|
|
'description' => esc_html__( 'Select design for arrows.', 'js_composer' ),
|
|
),
|
|
array(
|
|
'type' => 'dropdown',
|
|
'heading' => esc_html__( 'Arrows position', 'js_composer' ),
|
|
'param_name' => 'arrows_position',
|
|
'value' => array(
|
|
esc_html__( 'Inside Wrapper', 'js_composer' ) => 'inside',
|
|
esc_html__( 'Outside Wrapper', 'js_composer' ) => 'outside',
|
|
),
|
|
'group' => esc_html__( 'Pagination', 'js_composer' ),
|
|
'dependency' => array(
|
|
'element' => 'arrows_design',
|
|
'value_not_equal_to' => array( 'none' ),
|
|
// New dependency
|
|
),
|
|
'description' => esc_html__( 'Arrows will be displayed inside or outside grid.', 'js_composer' ),
|
|
),
|
|
array(
|
|
'type' => 'dropdown',
|
|
'heading' => esc_html__( 'Arrows color', 'js_composer' ),
|
|
'param_name' => 'arrows_color',
|
|
'value' => vc_get_shared( 'colors' ),
|
|
'param_holder_class' => 'vc_colored-dropdown',
|
|
'group' => esc_html__( 'Pagination', 'js_composer' ),
|
|
'dependency' => array(
|
|
'element' => 'arrows_design',
|
|
'value_not_equal_to' => array( 'none' ),
|
|
// New dependency
|
|
),
|
|
'description' => esc_html__( 'Select color for arrows.', 'js_composer' ),
|
|
),
|
|
array(
|
|
'type' => 'dropdown',
|
|
'heading' => esc_html__( 'Pagination style', 'js_composer' ),
|
|
'param_name' => 'paging_design',
|
|
'value' => array(
|
|
esc_html__( 'None', 'js_composer' ) => 'none',
|
|
esc_html__( 'Square Dots', 'js_composer' ) => 'square_dots',
|
|
esc_html__( 'Radio Dots', 'js_composer' ) => 'radio_dots',
|
|
esc_html__( 'Point Dots', 'js_composer' ) => 'point_dots',
|
|
esc_html__( 'Fill Square Dots', 'js_composer' ) => 'fill_square_dots',
|
|
esc_html__( 'Rounded Fill Square Dots', 'js_composer' ) => 'round_fill_square_dots',
|
|
esc_html__( 'Pagination Default', 'js_composer' ) => 'pagination_default',
|
|
esc_html__( 'Outline Default Dark', 'js_composer' ) => 'pagination_default_dark',
|
|
esc_html__( 'Outline Default Light', 'js_composer' ) => 'pagination_default_light',
|
|
esc_html__( 'Pagination Rounded', 'js_composer' ) => 'pagination_rounded',
|
|
esc_html__( 'Outline Rounded Dark', 'js_composer' ) => 'pagination_rounded_dark',
|
|
esc_html__( 'Outline Rounded Light', 'js_composer' ) => 'pagination_rounded_light',
|
|
esc_html__( 'Pagination Square', 'js_composer' ) => 'pagination_square',
|
|
esc_html__( 'Outline Square Dark', 'js_composer' ) => 'pagination_square_dark',
|
|
esc_html__( 'Outline Square Light', 'js_composer' ) => 'pagination_square_light',
|
|
esc_html__( 'Pagination Rounded Square', 'js_composer' ) => 'pagination_rounded_square',
|
|
esc_html__( 'Outline Rounded Square Dark', 'js_composer' ) => 'pagination_rounded_square_dark',
|
|
esc_html__( 'Outline Rounded Square Light', 'js_composer' ) => 'pagination_rounded_square_light',
|
|
esc_html__( 'Stripes Dark', 'js_composer' ) => 'pagination_stripes_dark',
|
|
esc_html__( 'Stripes Light', 'js_composer' ) => 'pagination_stripes_light',
|
|
),
|
|
'std' => 'radio_dots',
|
|
'group' => esc_html__( 'Pagination', 'js_composer' ),
|
|
'dependency' => array(
|
|
'element' => 'style',
|
|
'value' => array( 'pagination' ),
|
|
),
|
|
'description' => esc_html__( 'Select pagination style.', 'js_composer' ),
|
|
),
|
|
array(
|
|
'type' => 'dropdown',
|
|
'heading' => esc_html__( 'Pagination color', 'js_composer' ),
|
|
'param_name' => 'paging_color',
|
|
'value' => vc_get_shared( 'colors' ),
|
|
'std' => 'grey',
|
|
'param_holder_class' => 'vc_colored-dropdown',
|
|
'group' => esc_html__( 'Pagination', 'js_composer' ),
|
|
'dependency' => array(
|
|
'element' => 'paging_design',
|
|
'value_not_equal_to' => array( 'none' ),
|
|
// New dependency
|
|
),
|
|
'description' => esc_html__( 'Select pagination color.', 'js_composer' ),
|
|
),
|
|
array(
|
|
'type' => 'checkbox',
|
|
'heading' => esc_html__( 'Loop pages?', 'js_composer' ),
|
|
'param_name' => 'loop',
|
|
'description' => esc_html__( 'Allow items to be repeated in infinite loop (carousel).', 'js_composer' ),
|
|
'value' => array( esc_html__( 'Yes', 'js_composer' ) => 'yes' ),
|
|
'group' => esc_html__( 'Pagination', 'js_composer' ),
|
|
'dependency' => array(
|
|
'element' => 'style',
|
|
'value' => array( 'pagination' ),
|
|
),
|
|
),
|
|
array(
|
|
'type' => 'textfield',
|
|
'heading' => esc_html__( 'Autoplay delay', 'js_composer' ),
|
|
'param_name' => 'autoplay',
|
|
'value' => '-1',
|
|
'description' => esc_html__( 'Enter value in seconds. Set -1 to disable autoplay.', 'js_composer' ),
|
|
'group' => esc_html__( 'Pagination', 'js_composer' ),
|
|
'dependency' => array(
|
|
'element' => 'style',
|
|
'value' => array( 'pagination' ),
|
|
),
|
|
),
|
|
array(
|
|
'type' => 'animation_style',
|
|
'heading' => esc_html__( 'Animation In', 'js_composer' ),
|
|
'param_name' => 'paging_animation_in',
|
|
'group' => esc_html__( 'Pagination', 'js_composer' ),
|
|
'settings' => array(
|
|
'type' => array(
|
|
'in',
|
|
'other',
|
|
),
|
|
),
|
|
'dependency' => array(
|
|
'element' => 'style',
|
|
'value' => array( 'pagination' ),
|
|
),
|
|
'description' => esc_html__( 'Select "animation in" for page transition.', 'js_composer' ),
|
|
),
|
|
array(
|
|
'type' => 'animation_style',
|
|
'heading' => esc_html__( 'Animation Out', 'js_composer' ),
|
|
'param_name' => 'paging_animation_out',
|
|
'group' => esc_html__( 'Pagination', 'js_composer' ),
|
|
'settings' => array(
|
|
'type' => array( 'out' ),
|
|
),
|
|
'dependency' => array(
|
|
'element' => 'style',
|
|
'value' => array( 'pagination' ),
|
|
),
|
|
'description' => esc_html__( 'Select "animation out" for page transition.', 'js_composer' ),
|
|
),
|
|
array(
|
|
'type' => 'vc_grid_item',
|
|
'heading' => esc_html__( 'Grid element template', 'js_composer' ),
|
|
'param_name' => 'item',
|
|
'description' => sprintf( esc_html__( '%sCreate new%s template or %smodify selected%s. Predefined templates will be cloned.', 'js_composer' ), '<a href="' . esc_url( admin_url( 'post-new.php?post_type=vc_grid_item' ) ) . '" target="_blank">', '</a>', '<a href="#" target="_blank" data-vc-grid-item="edit_link">', '</a>' ),
|
|
'group' => esc_html__( 'Item Design', 'js_composer' ),
|
|
'value' => 'mediaGrid_Default',
|
|
),
|
|
array(
|
|
'type' => 'vc_grid_id',
|
|
'param_name' => 'grid_id',
|
|
),
|
|
array(
|
|
'type' => 'el_id',
|
|
'heading' => esc_html__( 'Element ID', 'js_composer' ),
|
|
'param_name' => 'el_id',
|
|
'description' => sprintf( esc_html__( 'Enter element ID (Note: make sure it is unique and valid according to %sw3c specification%s).', 'js_composer' ), '<a href="https://www.w3schools.com/tags/att_global_id.asp" target="_blank">', '</a>' ),
|
|
),
|
|
array(
|
|
'type' => 'textfield',
|
|
'heading' => esc_html__( 'Extra class name', 'js_composer' ),
|
|
'param_name' => 'el_class',
|
|
'description' => esc_html__( 'Style particular content element differently - add a class name and refer to it in custom CSS.', 'js_composer' ),
|
|
),
|
|
array(
|
|
'type' => 'css_editor',
|
|
'heading' => esc_html__( 'CSS box', 'js_composer' ),
|
|
'param_name' => 'css',
|
|
'group' => esc_html__( 'Design Options', 'js_composer' ),
|
|
),
|
|
), self::$btn3Params, array(
|
|
// Load more btn bc
|
|
array(
|
|
'type' => 'hidden',
|
|
'heading' => esc_html__( 'Button style', 'js_composer' ),
|
|
'param_name' => 'button_style',
|
|
'value' => '',
|
|
'param_holder_class' => 'vc_colored-dropdown',
|
|
'group' => esc_html__( 'Load More Button', 'js_composer' ),
|
|
'dependency' => array(
|
|
'element' => 'style',
|
|
'value' => array( 'load-more' ),
|
|
),
|
|
'description' => esc_html__( 'Select button style.', 'js_composer' ),
|
|
),
|
|
array(
|
|
'type' => 'hidden',
|
|
'heading' => esc_html__( 'Button color', 'js_composer' ),
|
|
'param_name' => 'button_color',
|
|
'value' => '',
|
|
'param_holder_class' => 'vc_colored-dropdown',
|
|
'group' => esc_html__( 'Load More Button', 'js_composer' ),
|
|
'dependency' => array(
|
|
'element' => 'style',
|
|
'value' => array( 'load-more' ),
|
|
),
|
|
'description' => esc_html__( 'Select button color.', 'js_composer' ),
|
|
),
|
|
array(
|
|
'type' => 'hidden',
|
|
'heading' => esc_html__( 'Button size', 'js_composer' ),
|
|
'param_name' => 'button_size',
|
|
'value' => '',
|
|
'description' => esc_html__( 'Select button size.', 'js_composer' ),
|
|
'group' => esc_html__( 'Load More Button', 'js_composer' ),
|
|
'dependency' => array(
|
|
'element' => 'style',
|
|
'value' => array( 'load-more' ),
|
|
),
|
|
),
|
|
array(
|
|
'type' => 'animation_style',
|
|
'heading' => esc_html__( 'Initial loading animation', 'js_composer' ),
|
|
'param_name' => 'initial_loading_animation',
|
|
'value' => 'fadeIn',
|
|
'settings' => array(
|
|
'type' => array(
|
|
'in',
|
|
'other',
|
|
),
|
|
),
|
|
'description' => esc_html__( 'Select initial loading animation for grid element.', 'js_composer' ),
|
|
),
|
|
) );
|
|
|
|
self::$mediaGrid = array_merge( self::$mediaGrid );
|
|
|
|
return self::$mediaGrid;
|
|
}
|
|
|
|
public static function getMasonryCommonAtts() {
|
|
|
|
if ( self::$masonryGrid ) {
|
|
return self::$masonryGrid;
|
|
}
|
|
|
|
$gridParams = self::getBasicAtts();
|
|
|
|
self::$masonryGrid = $gridParams;
|
|
$style = self::arraySearch( self::$masonryGrid, 'param_name', 'style' );
|
|
unset( self::$masonryGrid[ $style ]['value'][ esc_html__( 'Pagination', 'js_composer' ) ] );
|
|
|
|
$animation = self::arraySearch( self::$masonryGrid, 'param_name', 'initial_loading_animation' );
|
|
$masonryAnimation = array(
|
|
'type' => 'dropdown',
|
|
'heading' => esc_html__( 'Initial loading animation', 'js_composer' ),
|
|
'param_name' => 'initial_loading_animation',
|
|
'value' => array(
|
|
esc_html__( 'None', 'js_composer' ) => 'none',
|
|
esc_html__( 'Default', 'js_composer' ) => 'zoomIn',
|
|
esc_html__( 'Fade In', 'js_composer' ) => 'fadeIn',
|
|
),
|
|
'std' => 'zoomIn',
|
|
'description' => esc_html__( 'Select initial loading animation for grid element.', 'js_composer' ),
|
|
);
|
|
self::$masonryGrid[ $animation ] = $masonryAnimation;
|
|
|
|
$key = self::arraySearch( self::$masonryGrid, 'group', esc_html__( 'Pagination', 'js_composer' ) );
|
|
while ( $key ) {
|
|
unset( self::$masonryGrid[ $key ] );
|
|
$key = self::arraySearch( self::$masonryGrid, 'group', esc_html__( 'Pagination', 'js_composer' ) );
|
|
}
|
|
|
|
$vcGridItem = self::arraySearch( self::$masonryGrid, 'param_name', 'item' );
|
|
self::$masonryGrid[ $vcGridItem ]['value'] = 'masonryGrid_Default';
|
|
|
|
self::$masonryGrid = array_merge( self::$masonryGrid );
|
|
|
|
return array_merge( self::$masonryGrid );
|
|
}
|
|
|
|
public static function getMasonryMediaCommonAtts() {
|
|
if ( self::$masonryMediaGrid ) {
|
|
return self::$masonryMediaGrid;
|
|
}
|
|
|
|
$mediaGridParams = self::getMediaCommonAtts();
|
|
|
|
self::$masonryMediaGrid = $mediaGridParams;
|
|
$key = self::arraySearch( self::$masonryMediaGrid, 'group', esc_html__( 'Pagination', 'js_composer' ) );
|
|
while ( $key ) {
|
|
unset( self::$masonryMediaGrid[ $key ] );
|
|
$key = self::arraySearch( self::$masonryMediaGrid, 'group', esc_html__( 'Pagination', 'js_composer' ) );
|
|
}
|
|
|
|
$vcGridItem = self::arraySearch( self::$masonryMediaGrid, 'param_name', 'item' );
|
|
self::$masonryMediaGrid[ $vcGridItem ]['value'] = 'masonryMedia_Default';
|
|
|
|
$style = self::arraySearch( self::$masonryMediaGrid, 'param_name', 'style' );
|
|
|
|
unset( self::$masonryMediaGrid[ $style ]['value'][ esc_html__( 'Pagination', 'js_composer' ) ] );
|
|
|
|
$animation = self::arraySearch( self::$masonryMediaGrid, 'param_name', 'initial_loading_animation' );
|
|
$masonryAnimation = array(
|
|
'type' => 'dropdown',
|
|
'heading' => esc_html__( 'Initial loading animation', 'js_composer' ),
|
|
'param_name' => 'initial_loading_animation',
|
|
'value' => array(
|
|
esc_html__( 'None', 'js_composer' ) => 'none',
|
|
esc_html__( 'Default', 'js_composer' ) => 'zoomIn',
|
|
esc_html__( 'Fade In', 'js_composer' ) => 'fadeIn',
|
|
),
|
|
'std' => 'zoomIn',
|
|
'settings' => array(
|
|
'type' => array(
|
|
'in',
|
|
'other',
|
|
),
|
|
),
|
|
'description' => esc_html__( 'Select initial loading animation for grid element.', 'js_composer' ),
|
|
);
|
|
self::$masonryMediaGrid[ $animation ] = $masonryAnimation;
|
|
|
|
self::$masonryMediaGrid = array_merge( self::$masonryMediaGrid );
|
|
|
|
return array_merge( self::$masonryMediaGrid );
|
|
}
|
|
|
|
/**
|
|
* Function to search array
|
|
*/
|
|
public static function arraySearch( $array, $column, $value ) {
|
|
if ( ! is_array( $array ) ) {
|
|
return false;
|
|
}
|
|
foreach ( $array as $key => $innerArray ) {
|
|
$exists = isset( $innerArray[ $column ] ) && $innerArray[ $column ] === $value;
|
|
if ( $exists ) {
|
|
return $key;
|
|
}
|
|
}
|
|
|
|
return false;
|
|
}
|
|
}
|
|
}
|