AlkantarClanX12
Current Path : /home/thanudqk/128shen.com/wp-content/plugins/js_composer/config/grids/ |
Current File : //home/thanudqk/128shen.com/wp-content/plugins/js_composer/config/grids/class-vc-grids-common.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; } } }