🏠 Root
/
home
/
a
/
r
/
t
/
artorgp
/
parankhoit
/
wp-content
/
plugins
/
post-grid
/
includes
/
Editing: metabox-post-grid-hook.php
<?php /* * @Author PickPlugins */ if ( ! defined('ABSPATH')) exit; // if direct access add_action('post_grid_metabox_tabs_content_shortcode', 'post_grid_metabox_tabs_content_shortcode',10, 2); function post_grid_metabox_tabs_content_shortcode($tab, $post_id){ $settings_tabs_field = new settings_tabs_field(); ?> <div class="section"> <div class="section-title">Shortcodes</div> <p class="description section-description">Simply copy these shortcode and user under content</p> <?php ob_start(); ?> <div class="copy-to-clipboard"> <input type="text" value="[post_grid id='<?php echo $post_id; ?>']"> <span class="copied">Copied</span> <p class="description">You can use this shortcode under post content</p> </div> <div class="copy-to-clipboard"> To avoid conflict:<br> <input type="text" value="[post_grid_pickplugins id='<?php echo $post_id; ?>']"> <span class="copied">Copied</span> <p class="description">To avoid conflict with 3rd party shortcode also used same <code>[post_grid]</code>You can use this shortcode under post content</p> </div> <div class="copy-to-clipboard"> <textarea cols="50" rows="1" onClick="this.select();" ><?php echo '<?php echo do_shortcode("[post_grid id='; echo "'".$post_id."']"; echo '"); ?>'; ?></textarea> <span class="copied">Copied</span> <p class="description">PHP Code, you can use under theme .php files.</p> </div> <div class="copy-to-clipboard"> <textarea cols="50" rows="1" onClick="this.select();" ><?php echo '<?php echo do_shortcode("[post_grid_pickplugins id='; echo "'".$post_id."']"; echo '"); ?>'; ?></textarea> <span class="copied">Copied</span> <p class="description">To avoid conflict, PHP code you can use under theme .php files.</p> </div> <style type="text/css"> .copy-to-clipboard{} .copy-to-clipboard .copied{ display: none; background: #e5e5e5; padding: 4px 10px; line-height: normal; } </style> <script> jQuery(document).ready(function($){ $(document).on('click', '.copy-to-clipboard input, .copy-to-clipboard textarea', function () { $(this).focus(); $(this).select(); document.execCommand('copy'); $(this).parent().children('.copied').fadeIn().fadeOut(2000); }) }) </script> <?php $html = ob_get_clean(); $args = array( 'id' => 'post_grid_shortcodes', 'title' => __('Post Grid Shortcode','woocommerce-products-slider'), 'details' => '', 'type' => 'custom_html', 'html' => $html, ); $settings_tabs_field->generate_field($args, $post_id); ?> </div> <?php } add_action('post_grid_metabox_tabs_content_general', 'post_grid_metabox_tabs_content_general', 10, 2); function post_grid_metabox_tabs_content_general($tab, $post_id){ $settings_tabs_field = new settings_tabs_field(); $post_grid_meta_options = get_post_meta($post_id, 'post_grid_meta_options', true); $lazy_load_enable = !empty($post_grid_meta_options['lazy_load_enable']) ? $post_grid_meta_options['lazy_load_enable'] : 'yes'; $lazy_load_image_src = !empty($post_grid_meta_options['lazy_load_image_src']) ? $post_grid_meta_options['lazy_load_image_src'] : ''; $load_fontawesome = !empty($post_grid_meta_options['load_fontawesome']) ? $post_grid_meta_options['load_fontawesome'] : ''; $container_padding = !empty($post_grid_meta_options['container']['padding']) ? $post_grid_meta_options['container']['padding'] : '10px'; $container_bg_color = !empty($post_grid_meta_options['container']['bg_color']) ? $post_grid_meta_options['container']['bg_color'] : ''; $container_bg_image = !empty($post_grid_meta_options['container']['bg_image']) ? $post_grid_meta_options['container']['bg_image'] : ''; $items_wrapper_text_align = !empty($post_grid_meta_options['items_wrapper']['text_align']) ? $post_grid_meta_options['items_wrapper']['text_align'] : ''; ?> <div class="section"> <div class="section-title"><?php echo __('Lazy load', 'woocommerce-products-slider'); ?></div> <p class="description section-description"><?php echo __('Choose lazy load options.', 'woocommerce-products-slider'); ?></p> <?php $args = array( 'id' => 'lazy_load_enable', 'parent' => 'post_grid_meta_options', 'title' => __('Enable lazy load','woocommerce-products-slider'), 'details' => __('Choose enable or disable lazy load.','woocommerce-products-slider'), 'type' => 'radio', 'multiple' => true, 'value' => $lazy_load_enable, 'default' => 'no', 'args' => array( 'no'=>__('No','woocommerce-products-slider'), 'yes'=>__('Yes','woocommerce-products-slider'), ), ); $settings_tabs_field->generate_field($args, $post_id); $args = array( 'id' => 'lazy_load_image_src', 'parent' => 'post_grid_meta_options', 'title' => __('Lazy load image source','woocommerce-products-slider'), 'details' => __('Set custom lazy load image source.','woocommerce-products-slider'), 'type' => 'media_url', 'value' => $lazy_load_image_src, 'default' => '', ); $settings_tabs_field->generate_field($args, $post_id); $args = array( 'id' => 'load_fontawesome', 'parent' => 'post_grid_meta_options', 'title' => __('Load font awesome','woocommerce-products-slider'), 'details' => __('Choose enable or disable font-awesome load.','woocommerce-products-slider'), 'type' => 'radio', 'multiple' => true, 'value' => $load_fontawesome, 'default' => 'no', 'args' => array( 'no'=>__('No','woocommerce-products-slider'), 'yes'=>__('Yes','woocommerce-products-slider'), ), ); $settings_tabs_field->generate_field($args, $post_id); ?> </div> <div class="section"> <div class="section-title"><?php echo __('Container settings', 'woocommerce-products-slider'); ?></div> <p class="description section-description"><?php echo __('Choose container options.', 'woocommerce-products-slider'); ?></p> <?php $args = array( 'id' => 'padding', 'parent' => 'post_grid_meta_options[container]', 'title' => __('Container padding','woocommerce-products-slider'), 'details' => __('Set custom padding for grid container, ex: 10px 15px 10px 15px','woocommerce-products-slider'), 'type' => 'text', 'value' => $container_padding, 'default' => '', ); $settings_tabs_field->generate_field($args, $post_id); $args = array( 'id' => 'bg_color', 'parent' => 'post_grid_meta_options[container]', 'title' => __('Container background color','woocommerce-products-slider'), 'details' => __('Set custom background color for grid container.','woocommerce-products-slider'), 'type' => 'colorpicker', 'value' => $container_bg_color, 'default' => '', ); $settings_tabs_field->generate_field($args, $post_id); $args = array( 'id' => 'bg_image', 'parent' => 'post_grid_meta_options[container]', 'title' => __('Container background color','woocommerce-products-slider'), 'details' => __('Set custom background color for grid container.','woocommerce-products-slider'), 'type' => 'media_url', 'value' => $container_bg_image, 'default' => '', ); $settings_tabs_field->generate_field($args, $post_id); ?> </div> <div class="section"> <div class="section-title"><?php echo __('Items wrapper settings', 'woocommerce-products-slider'); ?></div> <p class="description section-description"><?php echo __('Choose items wrapper options.', 'woocommerce-products-slider'); ?></p> <?php $args = array( 'id' => 'text_align', 'parent' => 'post_grid_meta_options[items_wrapper]', 'title' => __('Text align','woocommerce-products-slider'), 'details' => __('Container text align.','woocommerce-products-slider'), 'type' => 'select', 'value' => $items_wrapper_text_align, 'default' => 'center', 'args' => array( 'left'=>__('Left','woocommerce-products-slider'), 'center'=>__('Center','woocommerce-products-slider'), 'right'=>__('Right','woocommerce-products-slider'), ), ); $settings_tabs_field->generate_field($args, $post_id); ?> </div> <?php } add_action('post_grid_metabox_tabs_content_query_post', 'post_grid_metabox_tabs_content_query_post', 10, 2); function post_grid_metabox_tabs_content_query_post($tab, $post_id){ $settings_tabs_field = new settings_tabs_field(); $class_post_grid_functions = new class_post_grid_functions(); $post_grid_posttypes_array = post_grid_posttypes_array(); $post_grid_meta_options = get_post_meta($post_id, 'post_grid_meta_options', true); $post_types = !empty($post_grid_meta_options['post_types']) ? $post_grid_meta_options['post_types'] : array('post'); $categories = !empty($post_grid_meta_options['categories']) ? $post_grid_meta_options['categories'] : array(); $categories_relation = !empty($post_grid_meta_options['categories_relation']) ? $post_grid_meta_options['categories_relation'] : 'OR'; $taxonomies = !empty($post_grid_meta_options['taxonomies']) ? $post_grid_meta_options['taxonomies'] : array(); $post_status = !empty($post_grid_meta_options['post_status']) ? $post_grid_meta_options['post_status'] : array(); $query_order = !empty($post_grid_meta_options['query_order']) ? $post_grid_meta_options['query_order'] : ''; $query_orderby = !empty($post_grid_meta_options['query_orderby']) ? $post_grid_meta_options['query_orderby'] : ''; $query_orderby_meta_key = !empty($post_grid_meta_options['query_orderby_meta_key']) ? $post_grid_meta_options['query_orderby_meta_key'] : ''; $posts_per_page = !empty($post_grid_meta_options['posts_per_page']) ? $post_grid_meta_options['posts_per_page'] : 10; $offset = isset($post_grid_meta_options['offset']) ? $post_grid_meta_options['offset'] : '0'; $exclude_post_id = isset($post_grid_meta_options['exclude_post_id']) ? $post_grid_meta_options['exclude_post_id'] : ''; $include_post_id = isset($post_grid_meta_options['include_post_id']) ? $post_grid_meta_options['include_post_id'] : ''; $keyword = !empty($post_grid_meta_options['keyword']) ? $post_grid_meta_options['keyword'] :''; $no_post_text = !empty($post_grid_meta_options['no_post_text']) ? $post_grid_meta_options['no_post_text'] : ''; $post_taxonomies_arr = post_grid_get_taxonomies($post_types) ?> <div class="section"> <div class="section-title">Query Post</div> <p class="description section-description">Set the option for display and query posts.</p> <?php $args = array( 'id' => 'post_types', 'parent' => 'post_grid_meta_options', 'title' => __('Post types','woocommerce-products-slider'), 'details' => __('Select your desired post types here you want to display post from, you can choose multiple post type.','woocommerce-products-slider'), 'type' => 'select2', 'multiple' => true, 'value' => $post_types, 'default' => array('post'), 'attributes' => array('grid_id'=>$post_id), 'args' => $post_grid_posttypes_array, ); $settings_tabs_field->generate_field($args, $post_id); ?> <div class="setting-field"> <div class="field-lable">Post Taxonomies & terms</div> <div class="field-input"> <div class="expandable" id="taxonomies-terms"> <?php if(!empty($post_taxonomies_arr)): foreach ($post_taxonomies_arr as $taxonomyIndex => $taxonomy){ $taxonomy_term_arr = array(); $the_taxonomy = get_taxonomy($taxonomy); $terms_relation = isset($taxonomies[$taxonomy]['terms_relation']) ? $taxonomies[$taxonomy]['terms_relation'] : 'IN'; $terms = isset($taxonomies[$taxonomy]['terms']) ? $taxonomies[$taxonomy]['terms'] : array(); $checked = isset($taxonomies[$taxonomy]['checked']) ? $taxonomies[$taxonomy]['checked'] : ''; //var_dump($terms_relation); $taxonomy_terms = get_terms( $taxonomy, array( 'hide_empty' => false, ) ); if(!empty($taxonomy_terms)) foreach ($taxonomy_terms as $taxonomy_term){ $taxonomy_term_arr[$taxonomy_term->term_id] =$taxonomy_term->name.'('.$taxonomy_term->count.')'; } $taxonomy_term_arr = !empty($taxonomy_term_arr) ? $taxonomy_term_arr : array(); ?> <div class="item"> <div class="header"> <span class="expand "> <i class="fas fa-expand"></i> <i class="fas fa-compress"></i> </span> <label><input type="checkbox" <?php if(!empty($checked)) echo 'checked'; ?> name="post_grid_meta_options[taxonomies][<?php echo $taxonomy; ?>][checked]" value="<?php echo $taxonomy; ?>" /> <?php echo $the_taxonomy->labels->name; ?>(<?php echo $taxonomy; ?>)</label> </div> <div class="options"> <?php $args = array( 'id' => 'terms', 'css_id' => 'terms-'.$taxonomyIndex, 'parent' => 'post_grid_meta_options[taxonomies]['.$taxonomy.']', 'title' => __('Categories or Terms','woocommerce-products-slider'), 'details' => __('Select post terms or categories','woocommerce-products-slider'), 'type' => 'select2', 'multiple' => true, 'value' => $terms, 'default' => array(), 'args' => $taxonomy_term_arr, ); $settings_tabs_field->generate_field($args, $post_id); $args = array( 'id' => 'terms_relation', 'parent' => 'post_grid_meta_options[taxonomies]['.$taxonomy.']', 'title' => __('Terms relation','woocommerce-products-slider'), 'details' => __('Choose term relation. some option only available in pro','woocommerce-products-slider'), 'type' => 'radio', 'for' => $taxonomy, 'multiple' => true, 'value' => $terms_relation, 'default' => 'IN', 'args' => array( 'IN'=>__('IN','woocommerce-products-slider'), 'NOT IN'=>__('NOT IN','woocommerce-products-slider'), 'AND'=>__('AND','woocommerce-products-slider'), 'EXISTS'=>__('EXISTS','woocommerce-products-slider'), 'NOT EXISTS'=>__('NOT EXISTS','woocommerce-products-slider'), ), ); $settings_tabs_field->generate_field($args, $post_id); ?> </div> </div> <?php }else: echo __('Please choose at least one post types. save/update post grid','woocommerce-products-slider'); endif; ?> </div> <p class="description"><?php echo __('Select post categories & terms.', 'woocommerce-products-slider'); ?></p> </div> </div> <?php $args = array( 'id' => 'categories_relation', 'parent' => 'post_grid_meta_options', 'title' => __('Taxonomies relation','woocommerce-products-slider'), 'details' => __('Choose Taxonomies relation.','woocommerce-products-slider'), 'type' => 'radio', //'for' => $taxonomy, 'multiple' => true, 'value' => $categories_relation, 'default' => 'IN', 'args' => array( 'OR'=>__('OR','woocommerce-products-slider'), 'AND'=>__('AND','woocommerce-products-slider'), ), ); $settings_tabs_field->generate_field($args, $post_id); $args = array( 'id' => 'post_status', 'parent' => 'post_grid_meta_options', 'title' => __('Post status','woocommerce-products-slider'), 'details' => __('Display post from following post status.','woocommerce-products-slider'), 'type' => 'select2', 'multiple' => true, 'value' => $post_status, 'default' => array('publish'), 'args' => $class_post_grid_functions->get_post_status(), ); $settings_tabs_field->generate_field($args, $post_id); $args = array( 'id' => 'query_order', 'parent' => 'post_grid_meta_options', 'title' => __('Post query order','woocommerce-products-slider'), 'details' => __('Query order ascending or descending.','woocommerce-products-slider'), 'type' => 'select', //'for' => $taxonomy, //'multiple' => true, 'value' => $query_order, 'default' => 'DESC', 'args' => array( 'ASC'=>__('Ascending','woocommerce-products-slider'), 'DESC'=>__('Descending','woocommerce-products-slider'), ), ); $settings_tabs_field->generate_field($args, $post_id); $args = array( 'id' => 'query_orderby', 'parent' => 'post_grid_meta_options', 'title' => __('Post query orderby','woocommerce-products-slider'), 'details' => __('Select post query orderby','woocommerce-products-slider'), 'type' => 'select2', 'multiple' => true, 'value' => $query_orderby, 'default' => array('date'), 'args' => $class_post_grid_functions->get_query_orderby(), ); $settings_tabs_field->generate_field($args, $post_id); $args = array( 'id' => 'query_orderby_meta_key', 'parent' => 'post_grid_meta_options', 'title' => __('Query orderby meta key','woocommerce-products-slider'), 'details' => __('You can use custom meta field key for orderby meta key','woocommerce-products-slider'), 'type' => 'text', 'value' => $query_orderby_meta_key, 'default' => '', 'placeholder' => 'my_meta_key', ); $settings_tabs_field->generate_field($args, $post_id); $args = array( 'id' => 'posts_per_page', 'parent' => 'post_grid_meta_options', 'title' => __('Posts per page','woocommerce-products-slider'), 'details' => __('Number of post each pagination. -1 to display all. default is 10 if you left empty.','woocommerce-products-slider'), 'type' => 'text', 'value' => $posts_per_page, 'default' => '', 'placeholder' => '10', ); $settings_tabs_field->generate_field($args, $post_id); $args = array( 'id' => 'offset', 'parent' => 'post_grid_meta_options', 'title' => __('Offset','woocommerce-products-slider'), 'details' => __('Display posts from the n\'th, if you set Posts per page to -1 will not work offset.','woocommerce-products-slider'), 'type' => 'text', 'value' => $offset, 'default' => '', 'placeholder' => '3', ); $settings_tabs_field->generate_field($args, $post_id); $args = array( 'id' => 'exclude_post_id', 'parent' => 'post_grid_meta_options', 'title' => __('Exclude by post ID','woocommerce-products-slider'), 'details' => __('You can exclude any post by ids here, use comma separate post id value, ex: 45,48','woocommerce-products-slider'), 'type' => 'text', 'value' => $exclude_post_id, 'default' => '', 'placeholder' => '45,48,50', ); $settings_tabs_field->generate_field($args, $post_id); $args = array( 'id' => 'include_post_id', 'parent' => 'post_grid_meta_options', 'title' => __('Include by post ID','woocommerce-products-slider'), 'details' => __('You can include any post by ids here, use comma separate post id value, ex: 45,48','woocommerce-products-slider'), 'type' => 'text', 'value' => $include_post_id, 'default' => '', 'placeholder' => '45,48,50', ); $settings_tabs_field->generate_field($args, $post_id); $args = array( 'id' => 'keyword', 'parent' => 'post_grid_meta_options', 'title' => __('Search parameter','woocommerce-products-slider'), 'details' => __('Query post by search keyword, please follow the reference https://codex.wordpress.org/Class_Reference/WP_Query#Search_Parameter','woocommerce-products-slider'), 'type' => 'text', 'value' => $keyword, 'default' => '', 'placeholder' => 'Keyword', ); $settings_tabs_field->generate_field($args, $post_id); $args = array( 'id' => 'no_post_text', 'parent' => 'post_grid_meta_options', 'title' => __('No post found text','woocommerce-products-slider'), 'details' => __('Custom text for no post found. default: No post found','woocommerce-products-slider'), 'type' => 'text', 'value' => $no_post_text, 'default' => '', 'placeholder' => 'No post found', ); $settings_tabs_field->generate_field($args, $post_id); ?> </div> <?php } add_action('post_grid_metabox_tabs_content_layouts','post_grid_metabox_tabs_content_layouts',10, 2); function post_grid_metabox_tabs_content_layouts($tab, $post_id){ //var_dump($post_id); $settings_tabs_field = new settings_tabs_field(); $post_grid_meta_options = get_post_meta($post_id,'post_grid_meta_options', true); $layout_id = !empty($post_grid_meta_options['layout_id']) ? $post_grid_meta_options['layout_id'] : ''; //post_grid_get_first_post('post_grid_layout') $post_grid_info = get_option('post_grid_info'); $import_layouts = isset($post_grid_info['import_layouts']) ? $post_grid_info['import_layouts'] : ''; //var_dump($import_layouts); ?> <div class="section"> <div class="section-title"><?php echo __('Layouts', 'woocommerce-products-slider'); ?></div> <p class="description section-description"><?php echo __('Choose item layouts.', 'woocommerce-products-slider'); ?></p> <?php $layout_convert_url = get_permalink($post_id).'?post_grid_layout_convert=true'; $layout_convert_url = wp_nonce_url($layout_convert_url, 'post_grid_layout_convert'); ob_start(); ?> <p><a target="_blank" class="button" href="<?php echo admin_url().'post-new.php?post_type=post_grid_layout'; ?>"><?php echo __('Create layout','woocommerce-products-slider'); ?></a> </p> <p><a target="_blank" class="button" href="<?php echo admin_url().'edit.php?post_type=post_grid_layout'; ?>"><?php echo __('Manage layouts','woocommerce-products-slider'); ?></a> </p> <p><a target="_blank" class="button" href="<?php echo $layout_convert_url; ?>"><?php echo __('Covert old layout to new layout','woocommerce-products-slider'); ?></a> for this post grid.</p> <?php if($import_layouts != 'done'): ?> <p><a href="<?php echo admin_url().'edit.php?post_type=post_grid&page=import_layouts'; ?>" class="button import-default-layouts"><?php echo __('Import default layouts','woocommerce-products-slider'); ?></a> </p> <?php endif; $html = ob_get_clean(); $args = array( 'id' => 'create_post_grid_layout', 'parent' => 'post_grid_meta_options[query]', 'title' => __('Create layout','post-grid'), 'details' => __('Please follow the links to create layouts or manage.','post-grid'), 'type' => 'custom_html', 'html' => $html, ); $settings_tabs_field->generate_field($args); $item_layout_args = array(); $query_args['post_type'] = array('post_grid_layout'); $query_args['post_status'] = array('publish'); $query_args['orderby'] = 'date'; $query_args['order'] = 'DESC'; $query_args['posts_per_page'] = -1; $wp_query = new WP_Query($query_args); $item_layout_args[''] = array('name'=>'Empty layout', 'thumb'=> 'https://i.imgur.com/JyurCtY.jpg', ); if ( $wp_query->have_posts() ) : while ( $wp_query->have_posts() ) : $wp_query->the_post(); $post_id = get_the_id(); $layout_name = get_the_title(); $product_thumb = wp_get_attachment_image_src( get_post_thumbnail_id($post_id), 'full' ); $product_thumb_url = isset($product_thumb['0']) ? esc_url_raw($product_thumb['0']) : ''; $layout_options = get_post_meta($post_id,'layout_options', true); $layout_preview_img = !empty($layout_options['layout_preview_img']) ? $layout_options['layout_preview_img'] : 'https://i.imgur.com/JyurCtY.jpg'; $product_thumb_url = !empty( $product_thumb_url ) ? $product_thumb_url : $layout_preview_img; $item_layout_args[$post_id] = array('name'=>$layout_name, 'link_text'=>'Edit', 'link'=> get_edit_post_link($post_id), 'thumb'=> $product_thumb_url, ); endwhile; endif; $args = array( 'id' => 'layout_id', 'parent' => 'post_grid_meta_options', 'title' => __('Item layouts','post-grid'), 'details' => __('Choose grid item layout. When "Empty layout" is selecetd old layout data will be loaded.','post-grid'), 'type' => 'radio_image', 'value' => $layout_id, 'default' => '', 'width' => '250px', 'args' => $item_layout_args, ); $settings_tabs_field->generate_field($args); ?> </div> <?php } add_action('post_grid_metabox_tabs_content_skin_layout', 'post_grid_metabox_tabs_content_skin_layout', 10, 2); function post_grid_metabox_tabs_content_skin_layout($tab, $post_id){ $settings_tabs_field = new settings_tabs_field(); $class_post_grid_functions = new class_post_grid_functions(); $post_grid_posttypes_array = post_grid_posttypes_array(); $post_grid_meta_options = get_post_meta($post_id, 'post_grid_meta_options', true); $layout_content = !empty($post_grid_meta_options['layout']['content']) ? $post_grid_meta_options['layout']['content'] : 'OR'; $enable_multi_skin = !empty($post_grid_meta_options['enable_multi_skin']) ? $post_grid_meta_options['enable_multi_skin'] : 'no'; $skin = !empty($post_grid_meta_options['skin']) ? $post_grid_meta_options['skin'] : 'flat'; ?> <div class="section"> <div class="section-title">Slin & Layout</div> <p class="description section-description">Choose skin and customize layout.</p> <?php $class_post_grid_functions = new class_post_grid_functions(); ob_start(); ?> <div class="layout-list"> <div class="idle "> <div class="name"> <select class="select-layout-content" name="post_grid_meta_options[layout][content]" > <?php $post_grid_layout_content = get_option('post_grid_layout_content'); if(empty($post_grid_layout_content)){ $layout_content_list = $class_post_grid_functions->layout_content_list(); } else{ $layout_content_list = $post_grid_layout_content; } foreach($layout_content_list as $layout_key=>$layout_info){ ?> <option <?php if($layout_content==$layout_key) echo 'selected'; ?> value="<?php echo $layout_key; ?>"><?php echo $layout_key; ?></option> <?php } ?> </select> <a target="_blank" class="edit-layout button" href="<?php echo admin_url().'edit.php?post_type=post_grid&page=layout_editor&layout_content='.$layout_content;?>" ><?php echo __('Edit' , 'post-grid'); ?></a> </div> <script> jQuery(document).ready(function($) { $(document).on('change', '.select-layout-content', function() { var layout = $(this).val(); $('.edit-layout').attr('href', '<?php echo admin_url().'edit.php?post_type=post_grid&page=layout_editor&layout_content='; ?>'+layout); }) }) </script> <?php if(empty($layout_content)){ $layout_content = 'flat-left'; } ?> <div class="layer-content"> <div class="<?php echo $layout_content; ?>"> <?php $post_grid_layout_content = get_option( 'post_grid_layout_content' ); if(empty($post_grid_layout_content)){ $layout = $class_post_grid_functions->layout_content($layout_content); } else{ if(!empty($post_grid_layout_content[$layout_content])){ $layout = $post_grid_layout_content[$layout_content]; } else{ $layout = array(); } } // $layout = $class_post_grid_functions->layout_content($layout_content); //var_dump($layout); foreach($layout as $item_key=>$item_info){ $item_key = $item_info['key']; ?> <div class="item <?php echo $item_key; ?>" style=" <?php echo $item_info['css']; ?> "> <?php if($item_key=='thumb'){ ?> <img style="width:100%; height:auto;" src="<?php echo post_grid_plugin_url; ?>assets/admin/images/thumb.png" /> <?php } elseif($item_key=='title'){ ?> Lorem Ipsum is simply <?php } elseif($item_key=='excerpt'){ ?> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text <?php } else{ echo $item_info['name']; } ?> </div> <?php } ?> </div> </div> </div> </div> <style type="text/css"> #post-grid .layout-list .idle, #post-grid .layout-list .hover { display: inline-block; height: auto; margin: 0 10px; vertical-align: top; width: 400px; } #post-grid .layout-list .hover { display: none; } #post-grid .layout-list .idle .name, #post-grid .layout-list .hover .name { background: rgb(240, 240, 240) none repeat scroll 0 0; border-bottom: 1px solid rgb(153, 153, 153); font-size: 20px; line-height: normal; padding: 5px 0; text-align: center; } #post-grid .layout-list .idle .name .edit-layout { background: #ddd none repeat scroll 0 0; padding: 2px 10px; text-decoration: none; } </style> <?php $html = ob_get_clean(); $args = array( 'id' => 'content_layout', 'title' => __('Content Layout','post-grid'), 'details' => 'Choose Content Layout', 'type' => 'custom_html', 'html' => $html, ); $settings_tabs_field->generate_field($args, $post_id); $skins = $class_post_grid_functions->skins(); // ob_start(); ?> <div class="setting-field"> <div class="field-lable">Skins</div> <p class="description">Select grid skins</p> <div class="field-input"> </div> </div> <div class="skin-list"> <?php if(!empty($skins)) foreach($skins as $skin_slug=>$skin_info){ ?> <div class="skin-container"> <?php if($skin==$skin_slug){ $checked = 'checked'; $selected_skin = 'selected'; } else{ $checked = ''; $selected_skin = ''; } ?> <div class="header <?php echo $selected_skin; ?>"> <!-- <span class="edit-link"><a href="#">Edit</a></span>--> <label><input <?php echo $checked; ?> type="radio" name="post_grid_meta_options[skin]" value="<?php echo $skin_slug; ?>" ><?php echo $skin_info['name']; ?></label> </div> <div class="skin <?php echo $skin_slug; ?>"> <div class="layer-media"> <div class="thumb "><img src="<?php echo post_grid_plugin_url; ?>assets/admin/images/thumb.png" /></div> </div> <div class="layer-content"> <div class="title ">Hello title</div> <div class="content ">There are many variations of passages of Lorem Ipsum available, but the majority have</div> </div> </div> </div> <?php } ?> </div> <style type="text/css"> #post-grid .skin-list{ text-align: center; } #post-grid .skin-list .skin-container { display: inline-block; margin: 10px; width: 310px; overflow: hidden; vertical-align: top; padding: 15px; } #post-grid .skin-list .skin-container .header { background: rgb(252, 110, 60) none repeat scroll 0 0; padding: 3px 10px; text-align: left; } #post-grid .skin-list .skin-container .header.selected { background: rgb(58, 212, 127) none repeat scroll 0 0; } #post-grid .skin-list .edit-link { float: right; } #post-grid .skin-list .edit-link a{ color: #fff; text-decoration: none; } #post-grid .skin-list .skin-container label { color: rgb(255, 255, 255); } #post-grid .skin-list .skin { display: inline-block; overflow: hidden; vertical-align: top; } #post-grid .skin-list .skin .thumb img { height: auto; width: 100%; } #post-grid .skin-list .skin .title { font-size: 16px; line-height: normal; padding: 5px 0; } #post-grid .skin-list .skin .content { font-size: 13px; line-height: normal; padding: 5px 0; } #post-grid .skin-list .layer-content > div { padding: 5px 15px !important; } </style> <?php // $html = ob_get_clean(); // // $args = array( // 'id' => 'skins', // 'title' => __('Skins','post-grid'), // 'details' => 'Select grid Skins', // 'type' => 'custom_html', // 'html' => $html, // // // ); // // $settings_tabs_field->generate_field($args, $post_id); $items_media_height_style = !empty($post_grid_meta_options['media_height']['style']) ? $post_grid_meta_options['media_height']['style'] : 'auto_height'; $items_media_fixed_height = !empty($post_grid_meta_options['media_height']['fixed_height']) ? $post_grid_meta_options['media_height']['fixed_height'] : '220px'; $featured_img_size = !empty($post_grid_meta_options['featured_img_size']) ? $post_grid_meta_options['featured_img_size'] : ''; $thumb_linked = !empty($post_grid_meta_options['thumb_linked']) ? $post_grid_meta_options['thumb_linked'] : 'yes'; $media_source = !empty($post_grid_meta_options['media_source']) ? $post_grid_meta_options['media_source'] : array(); ob_start(); ?> <label><input <?php if($items_media_height_style=='auto_height') echo 'checked'; ?> type="radio" name="post_grid_meta_options[media_height][style]" value="auto_height" /><?php _e('Auto height', 'post-grid'); ?></label><br /> <label><input <?php if($items_media_height_style=='fixed_height') echo 'checked'; ?> type="radio" name="post_grid_meta_options[media_height][style]" value="fixed_height" /><?php _e('Fixed height', 'post-grid'); ?></label><br /> <label><input <?php if($items_media_height_style=='max_height') echo 'checked'; ?> type="radio" name="post_grid_meta_options[media_height][style]" value="max_height" /><?php _e('Max height', 'post-grid'); ?></label><br /> <div class=""> <input type="text" name="post_grid_meta_options[media_height][fixed_height]" value="<?php echo $items_media_fixed_height; ?>" /> </div> <?php $html = ob_get_clean(); $args = array( 'id' => 'skins', 'title' => __('Media height','post-grid'), 'details' => __('Grid item media height for different device, you can use % or px, em and etc, example: 80% or 250px','post-grid'), 'type' => 'custom_html', 'html' => $html, ); $settings_tabs_field->generate_field($args, $post_id); $args = array( 'id' => 'featured_img_size', 'parent' => 'post_grid_meta_options', 'title' => __('Featured image size','post-grid'), 'details' => __('Select media image size','post-grid'), 'type' => 'select', 'value' => $featured_img_size, 'default' => 'large', 'args' => post_grid_image_sizes(), ); $settings_tabs_field->generate_field($args, $post_id); $args = array( 'id' => 'thumb_linked', 'parent' => 'post_grid_meta_options', 'title' => __('Featured image linked to post','post-grid'), 'details' => __('Select if you want to link to post with featured image.','post-grid'), 'type' => 'radio', 'multiple' => true, 'value' => $thumb_linked, 'default' => 'yes', 'args' => array( 'yes'=>__('Yes','post-grid'), 'no'=>__('No','post-grid'), ), ); $settings_tabs_field->generate_field($args, $post_id); ob_start(); ?> <?php if(empty($media_source)){ $media_source = $class_post_grid_functions->media_source(); } else{ //$media_source_main = $class_post_grid_functions->media_source(); $media_source = $media_source; } ?> <div class="media-source-list expandable"> <?php foreach($media_source as $source_key=>$source_info){ ?> <div class="item"> <div class="header"> <span class="move" title="<?php echo __('Move', 'post-grid'); ?>"><i class="fas fa-bars"></i></span> <input type="hidden" name="post_grid_meta_options[media_source][<?php echo $source_info['id']; ?>][id]" value="<?php echo $source_info['id']; ?>" /> <input type="hidden" name="post_grid_meta_options[media_source][<?php echo $source_info['id']; ?>][title]" value="<?php echo $source_info['title']; ?>" /> <label> <input <?php if(!empty($source_info['checked'])) echo 'checked'; ?> type="checkbox" name="post_grid_meta_options[media_source][<?php echo $source_info['id']; ?>][checked]" value="yes" /><?php echo $source_info['title']; ?> </label> </div> </div> <?php } ?> </div> <script> jQuery(document).ready(function($) { $( ".media-source-list" ).sortable({revert: "invalid", handle: '.move'}); }) </script> <?php $html = ob_get_clean(); $args = array( 'id' => 'skins', 'title' => __('Media source','post-grid'), 'details' => __('Choose media source you want to display from.','post-grid'), 'type' => 'custom_html', 'html' => $html, ); $settings_tabs_field->generate_field($args); ?> </div> <?php } add_action('post_grid_metabox_tabs_content_item_style', 'post_grid_metabox_tabs_content_item_style', 10, 2); function post_grid_metabox_tabs_content_item_style($tab, $post_id){ $settings_tabs_field = new settings_tabs_field(); $class_post_grid_functions = new class_post_grid_functions(); $post_grid_meta_options = get_post_meta($post_id, 'post_grid_meta_options', true); $items_height_style = !empty($post_grid_meta_options['item_height']['style']) ? $post_grid_meta_options['item_height']['style'] : 'auto_height'; $items_height_style_tablet = !empty($post_grid_meta_options['item_height']['style_tablet']) ? $post_grid_meta_options['item_height']['style_tablet'] : 'auto_height'; $items_height_style_mobile = !empty($post_grid_meta_options['item_height']['style_mobile']) ? $post_grid_meta_options['item_height']['style_mobile'] : 'auto_height'; $items_fixed_height = !empty($post_grid_meta_options['item_height']['fixed_height']) ? $post_grid_meta_options['item_height']['fixed_height'] : '220px'; $items_fixed_height_tablet = !empty($post_grid_meta_options['item_height']['fixed_height_tablet']) ? $post_grid_meta_options['item_height']['fixed_height_tablet'] : '220px'; $items_fixed_height_mobile = !empty($post_grid_meta_options['item_height']['fixed_height_mobile']) ? $post_grid_meta_options['item_height']['fixed_height_mobile'] : '220px'; $items_bg_color_type = !empty($post_grid_meta_options['items_bg_color_type']) ? $post_grid_meta_options['items_bg_color_type'] : 'fixed'; $items_bg_color = !empty($post_grid_meta_options['items_bg_color']) ? $post_grid_meta_options['items_bg_color'] : '#fff'; $items_margin = !empty($post_grid_meta_options['margin']) ? $post_grid_meta_options['margin'] : '10px'; $item_padding = !empty($post_grid_meta_options['item_padding']) ? $post_grid_meta_options['item_padding'] : '0px'; ?> <div class="section"> <div class="section-title">Item style settings</div> <p class="description section-description">Customize item style</p> <?php ob_start(); ?> <table> <tr> <td style="padding: 0 20px 0 0"> <div class=""> <p><b>Desktop:</b>(min-width:1024px)</p> <label><input <?php if($items_height_style=='auto_height') echo 'checked'; ?> type="radio" name="post_grid_meta_options[item_height][style]" value="auto_height" /><?php _e('Auto height','post-grid'); ?></label><br /> <label><input <?php if($items_height_style=='fixed_height') echo 'checked'; ?> type="radio" name="post_grid_meta_options[item_height][style]" value="fixed_height" /><?php _e('Fixed height','post-grid'); ?></label><br /> <label><input <?php if($items_height_style=='max_height') echo 'checked'; ?> type="radio" name="post_grid_meta_options[item_height][style]" value="max_height" /><?php _e('Max height','post-grid'); ?></label><br /> <input type="text" name="post_grid_meta_options[item_height][fixed_height]" value="<?php echo $items_fixed_height; ?>" /> </div> </td> </tr> <tr> <td style="padding: 0 20px 0 0"> <div class=""> <p><b>Tablet:</b>( min-width:768px )</p> <label><input <?php if($items_height_style_tablet=='auto_height') echo 'checked'; ?> type="radio" name="post_grid_meta_options[item_height][style_tablet]" value="auto_height" /><?php _e('Auto height','post-grid'); ?></label><br /> <label><input <?php if($items_height_style_tablet=='fixed_height') echo 'checked'; ?> type="radio" name="post_grid_meta_options[item_height][style_tablet]" value="fixed_height" /><?php _e('Fixed height','post-grid'); ?></label><br /> <label><input <?php if($items_height_style_tablet=='max_height') echo 'checked'; ?> type="radio" name="post_grid_meta_options[item_height][style_tablet]" value="max_height" /><?php _e('Max height','post-grid'); ?></label><br /> <input type="text" name="post_grid_meta_options[item_height][fixed_height_tablet]" value="<?php echo $items_fixed_height_tablet; ?>" /> </div> </td> </tr> <tr> <td style="padding: 0 20px 0 0"> <div class=""> <p><b>Mobile:</b>( min-width : 320px, )</p> <label><input <?php if($items_height_style_mobile=='auto_height') echo 'checked'; ?> type="radio" name="post_grid_meta_options[item_height][style_mobile]" value="auto_height" /><?php _e('Auto height','post-grid'); ?></label><br /> <label><input <?php if($items_height_style_mobile=='fixed_height') echo 'checked'; ?> type="radio" name="post_grid_meta_options[item_height][style_mobile]" value="fixed_height" /><?php _e('Fixed height','post-grid'); ?></label><br /> <label><input <?php if($items_height_style_mobile=='max_height') echo 'checked'; ?> type="radio" name="post_grid_meta_options[item_height][style_mobile]" value="max_height" /><?php _e('Max height','post-grid'); ?></label><br /> <input type="text" name="post_grid_meta_options[item_height][fixed_height_mobile]" value="<?php echo $items_fixed_height_mobile; ?>" /> </div> </td> </tr> </table> <?php $html = ob_get_clean(); $args = array( 'id' => 'items_height', 'title' => __('Grid item height','post-grid'), 'details' => __('Grid item height for different device, you can use % or px, em and etc, example: 80% or 250px','post-grid'), 'type' => 'custom_html', 'html' => $html, ); $settings_tabs_field->generate_field($args, $post_id); $args = array( 'id' => 'items_bg_color_type', 'parent' => 'post_grid_meta_options', 'title' => __('Items background color type','post-grid'), 'details' => __('Select items background color type.','post-grid'), 'type' => 'radio', 'multiple' => true, 'value' => $items_bg_color_type, 'default' => 'fixed', 'args' => array( 'fixed'=>__('Fixed','post-grid'), ), ); $settings_tabs_field->generate_field($args, $post_id); $args = array( 'id' => 'items_bg_color', 'parent' => 'post_grid_meta_options', 'title' => __('Grid item background color','post-grid'), 'details' => __('Set custom color for grid item.','post-grid'), 'type' => 'colorpicker', 'value' => $items_bg_color, 'default' => '', ); $settings_tabs_field->generate_field($args, $post_id); $args = array( 'id' => 'margin', 'parent' => 'post_grid_meta_options', 'title' => __('Grid item margin','post-grid'), 'details' => __('Grid item wrapper margin, you can use top right bottom left style, ex: 10px 15px 10px 15px','post-grid'), 'type' => 'text', 'value' => $items_margin, 'default' => '', ); $settings_tabs_field->generate_field($args, $post_id); $args = array( 'id' => 'item_padding', 'parent' => 'post_grid_meta_options', 'title' => __('Grid item padding','post-grid'), 'details' => __('Grid item wrapper padding, you can use top right bottom left style, ex: 10px 15px 10px 15px','post-grid'), 'type' => 'text', 'value' => $item_padding, 'default' => '', ); $settings_tabs_field->generate_field($args, $post_id); ?> </div> <?php } add_action('post_grid_metabox_tabs_content_grid_settings', 'post_grid_metabox_tabs_content_grid_settings', 10, 2); function post_grid_metabox_tabs_content_grid_settings($tab, $post_id){ $settings_tabs_field = new settings_tabs_field(); $class_post_grid_functions = new class_post_grid_functions(); $post_grid_posttypes_array = post_grid_posttypes_array(); $post_grid_meta_options = get_post_meta($post_id, 'post_grid_meta_options', true); $items_width_desktop = !empty($post_grid_meta_options['width']['desktop']) ? $post_grid_meta_options['width']['desktop'] : '280px'; $items_width_tablet = !empty($post_grid_meta_options['width']['tablet']) ? $post_grid_meta_options['width']['tablet'] : '280px'; $items_width_mobile = !empty($post_grid_meta_options['width']['mobile']) ? $post_grid_meta_options['width']['mobile'] : '90%'; $grid_layout_name = !empty($post_grid_meta_options['grid_layout']['name']) ? $post_grid_meta_options['grid_layout']['name'] : 'layout_grid'; $grid_layout_col_multi = !empty($post_grid_meta_options['grid_layout']['col_multi']) ? $post_grid_meta_options['grid_layout']['col_multi'] : '2'; ?> <div class="section"> <div class="section-title">Layout settings</div> <p class="description section-description">Customize the layout</p> <?php $grid_layout_args['layout_grid'] = array('name'=>'N by N', 'thumb'=> post_grid_plugin_url.'assets/admin/images/layout_grid.png', ); $grid_layout_args = apply_filters('post_grid_grid_layouts', $grid_layout_args); $args = array( 'id' => 'name', 'parent' => 'post_grid_meta_options[grid_layout]', 'title' => __('Grid layout','post-grid'), 'details' => __('Choose grid item layout.','post-grid'), 'type' => 'radio_image', 'value' => $grid_layout_name, 'default' => '', 'width' => '100px', 'args' => $grid_layout_args, ); $settings_tabs_field->generate_field($args); ob_start(); ?> <div class=""> Desktop:(min-width:1024px)<br> <input placeholder="250px or 30%" type="text" name="post_grid_meta_options[width][desktop]" value="<?php echo $items_width_desktop; ?>" /> </div> <br> <div class=""> Tablet:( min-width:768px )<br> <input placeholder="250px or 30%" type="text" name="post_grid_meta_options[width][tablet]" value="<?php echo $items_width_tablet; ?>" /> </div> <br> <div class=""> Mobile:( min-width : 320px, )<br> <input placeholder="250px or 30%" type="text" name="post_grid_meta_options[width][mobile]" value="<?php echo $items_width_mobile; ?>" /> </div> <?php $html = ob_get_clean(); $args = array( 'id' => 'skins', 'title' => __('Grid item width','post-grid'), 'details' => __('Grid item width for different device, you can use % or px, em and etc, example: 80% or 250px','post-grid'), 'type' => 'custom_html', 'html' => $html, ); $settings_tabs_field->generate_field($args, $post_id); ?> </div> <?php } add_action('post_grid_metabox_tabs_content_grid', 'post_grid_metabox_tabs_content_grid', 10, 2); function post_grid_metabox_tabs_content_grid($tab, $post_id){ $settings_tabs_field = new settings_tabs_field(); $post_grid_meta_options = get_post_meta($post_id, 'post_grid_meta_options', true); ?> <div class="section"> <div class="section-title">Grid Settings</div> <p class="description section-description">Customize the Grid.</p> <?php ?> </div> <?php } add_action('post_grid_metabox_tabs_content_pagination', 'post_grid_metabox_tabs_content_pagination', 10, 2); function post_grid_metabox_tabs_content_pagination($tab, $post_id){ $settings_tabs_field = new settings_tabs_field(); $post_grid_meta_options = get_post_meta($post_id, 'post_grid_meta_options', true); $pagination_type = !empty($post_grid_meta_options['nav_bottom']['pagination_type']) ? $post_grid_meta_options['nav_bottom']['pagination_type'] : 'normal'; $max_num_pages = !empty($post_grid_meta_options['pagination']['max_num_pages']) ? $post_grid_meta_options['pagination']['max_num_pages'] : '0'; $prev_text = !empty($post_grid_meta_options['pagination']['prev_text']) ? $post_grid_meta_options['pagination']['prev_text'] : __('« Previous','post-grid'); $next_text = !empty($post_grid_meta_options['pagination']['next_text']) ? $post_grid_meta_options['pagination']['next_text'] : __('Next »','post-grid'); $font_size = !empty($post_grid_meta_options['pagination']['font_size']) ? $post_grid_meta_options['pagination']['font_size'] : '16px'; $font_color = !empty($post_grid_meta_options['pagination']['font_color']) ? $post_grid_meta_options['pagination']['font_color'] : '#fff'; $bg_color = !empty($post_grid_meta_options['pagination']['bg_color']) ? $post_grid_meta_options['pagination']['bg_color'] : '#646464'; $active_bg_color = !empty($post_grid_meta_options['pagination']['active_bg_color']) ? $post_grid_meta_options['pagination']['active_bg_color'] : '#4b4b4b'; ?> <div class="section"> <div class="section-title">Pagination Settings</div> <p class="description section-description">Customize the pagination.</p> <?php $pagination_types = apply_filters('post_grid_pagination_types', array( 'none'=>__('None','post-grid'), 'normal'=>__('Normal Pagination','post-grid'), ) ); $args = array( 'id' => 'pagination_type', 'parent' => 'post_grid_meta_options[nav_bottom]', 'title' => __('Pagination type','post-grid'), 'details' => __('Select pagination you want to display.','post-grid'), 'type' => 'radio', 'multiple' => true, 'value' => $pagination_type, 'default' => 'inline', 'args' => $pagination_types, ); $settings_tabs_field->generate_field($args, $post_id); $args = array( 'id' => 'max_num_pages', 'parent' => 'post_grid_meta_options[pagination]', 'title' => __('Max number of pagination','post-grid'), 'details' => __('Display max number of pagination item, default: 0','post-grid'), 'type' => 'text', 'value' => $max_num_pages, 'default' => 0, // 'conditions' => array( // 'field' => 'post_grid_meta_options','value' => 'normal','type' => '=' // ) ); $settings_tabs_field->generate_field($args, $post_id); $args = array( 'id' => 'prev_text', 'parent' => 'post_grid_meta_options[pagination]', 'title' => __('Previous text','post-grid'), 'details' => __('Custom text for previous page','post-grid'), 'type' => 'text', 'value' => $prev_text, 'default' => '', 'placeholder' => '« Previous', ); $settings_tabs_field->generate_field($args, $post_id); $args = array( 'id' => 'next_text', 'parent' => 'post_grid_meta_options[pagination]', 'title' => __('Next text','post-grid'), 'details' => __('Custom text for next page','post-grid'), 'type' => 'text', 'value' => $next_text, 'default' => '', 'placeholder' => 'Next »', ); $settings_tabs_field->generate_field($args, $post_id); $args = array( 'id' => 'font_size', 'parent' => 'post_grid_meta_options[pagination]', 'title' => __('Font size','post-grid'), 'details' => __('Custom font size for pagination','post-grid'), 'type' => 'text', 'value' => $font_size, 'default' => '16px', 'placeholder' => '16px', ); $settings_tabs_field->generate_field($args, $post_id); $args = array( 'id' => 'font_color', 'parent' => 'post_grid_meta_options[pagination]', 'title' => __('Text or link color','post-grid'), 'details' => __('Set custom text or link color.','post-grid'), 'type' => 'colorpicker', 'value' => $font_color, 'default' => '#ddd', ); $settings_tabs_field->generate_field($args, $post_id); $args = array( 'id' => 'bg_color', 'parent' => 'post_grid_meta_options[pagination]', 'title' => __('Default background color','post-grid'), 'details' => __('Set custom background color.','post-grid'), 'type' => 'colorpicker', 'value' => $bg_color, 'default' => '#ddd', ); $settings_tabs_field->generate_field($args, $post_id); $args = array( 'id' => 'active_bg_color', 'parent' => 'post_grid_meta_options[pagination]', 'title' => __('Active or hover background color','post-grid'), 'details' => __('Set custom background color.','post-grid'), 'type' => 'colorpicker', 'value' => $active_bg_color, 'default' => '#ddd', ); $settings_tabs_field->generate_field($args, $post_id); ?> </div> <?php } add_action('post_grid_metabox_tabs_content_search', 'post_grid_metabox_tabs_content_search', 10, 2); function post_grid_metabox_tabs_content_search($tab, $post_id){ $class_post_grid_functions = new class_post_grid_functions(); $settings_tabs_field = new settings_tabs_field(); $post_grid_meta_options = get_post_meta($post_id, 'post_grid_meta_options', true); $nav_top_search = !empty($post_grid_meta_options['nav_top']['search']) ? $post_grid_meta_options['nav_top']['search'] : 'no'; $nav_top_search_placeholder = !empty($post_grid_meta_options['nav_top']['search_placeholder']) ? $post_grid_meta_options['nav_top']['search_placeholder'] : __('Start typing', 'post-grid'); $nav_top_search_icon = !empty($post_grid_meta_options['nav_top']['search_icon']) ? $post_grid_meta_options['nav_top']['search_icon'] : '<i class="fas fa-search"></i>'; $search_loading_icon = !empty($post_grid_meta_options['nav_top']['search_loading_icon']) ? $post_grid_meta_options['nav_top']['search_loading_icon'] : '<i class="fas fa-spinner fa-spin"></i>'; $query_order = !empty($post_grid_meta_options['nav_top']['query_order']) ? $post_grid_meta_options['nav_top']['query_order'] : 'DESC'; $query_orderby = !empty($post_grid_meta_options['nav_top']['query_orderby']) ? $post_grid_meta_options['nav_top']['query_orderby'] : array('date'); ?> <div class="section"> <div class="section-title">Search Settings</div> <p class="description section-description">Choose option for search.</p> <?php $args = array( 'id' => 'search', 'parent' => 'post_grid_meta_options[nav_top]', 'title' => __('Display search form','post-grid'), 'details' => __('Display or hide search form at top.','post-grid'), 'type' => 'radio', 'value' => $nav_top_search, 'default' => 'no', 'args' => array( 'yes'=>__('Yes','post-grid'), 'no'=>__('No','post-grid'), ), ); $settings_tabs_field->generate_field($args, $post_id); $args = array( 'id' => 'search_placeholder', 'parent' => 'post_grid_meta_options[nav_top]', 'title' => __('Placeholder text','post-grid'), 'details' => __('Custom text for search input field','post-grid'), 'type' => 'text', 'value' => $nav_top_search_placeholder, 'default' => __('Start typing', 'post-grid'), ); $settings_tabs_field->generate_field($args, $post_id); $args = array( 'id' => 'search_icon', 'parent' => 'post_grid_meta_options[nav_top]', 'title' => __('Search icon','post-grid'), 'details' => __('Custom icon for search input field, you can use <a target="_blank" href="https://fontawesome.com/icons">fontawesome</a> icons.','post-grid'), 'type' => 'text', 'value' => $nav_top_search_icon, 'default' => '<i class="fas fa-search"></i>', ); $settings_tabs_field->generate_field($args, $post_id); $args = array( 'id' => 'search_loading_icon', 'parent' => 'post_grid_meta_options[nav_top]', 'title' => __('Loading icon','post-grid'), 'details' => __('Custom icon for search input field, you can use <a target="_blank" href="https://fontawesome.com/icons">fontawesome</a> icons.','post-grid'), 'type' => 'text', 'value' => $search_loading_icon, 'default' => '<i class="fas fa-spinner fa-spin"></i>', ); $settings_tabs_field->generate_field($args, $post_id); $args = array( 'id' => 'query_order', 'parent' => 'post_grid_meta_options[nav_top]', 'title' => __('Post query order','post-grid'), 'details' => __('Query order ascending or descending.','post-grid'), 'type' => 'select', //'for' => $taxonomy, //'multiple' => true, 'value' => $query_order, 'default' => 'DESC', 'args' => array( 'ASC'=>__('Ascending','post-grid'), 'DESC'=>__('Descending','post-grid'), ), ); $settings_tabs_field->generate_field($args, $post_id); $args = array( 'id' => 'query_orderby', 'parent' => 'post_grid_meta_options[nav_top]', 'title' => __('Post query orderby','post-grid'), 'details' => __('Select post query orderby','post-grid'), 'type' => 'select2', 'multiple' => true, 'value' => $query_orderby, 'default' => array('date'), 'args' => $class_post_grid_functions->get_query_orderby(), ); $settings_tabs_field->generate_field($args, $post_id); ?> </div> <?php } add_action('post_grid_metabox_tabs_content_masonry', 'post_grid_metabox_tabs_content_masonry', 10, 2); function post_grid_metabox_tabs_content_masonry($tab, $post_id){ $settings_tabs_field = new settings_tabs_field(); $post_grid_meta_options = get_post_meta($post_id, 'post_grid_meta_options', true); $masonry_enable = !empty($post_grid_meta_options['masonry_enable']) ? $post_grid_meta_options['masonry_enable'] : 'no'; ?> <div class="section"> <div class="section-title">Masonry Settings</div> <p class="description section-description">Customize the masonry.</p> <?php $args = array( 'id' => 'masonry_enable', 'parent' => 'post_grid_meta_options', 'title' => __('Masonry enable','post-grid'), 'details' => __('Enable or disable masonry style grid.','post-grid'), 'type' => 'radio', 'multiple' => true, 'value' => $masonry_enable, 'default' => 'inline', 'args' => array( 'yes'=>__('Yes','post-grid'), 'no'=>__('No','post-grid'), ), ); $settings_tabs_field->generate_field($args, $post_id); ?> </div> <?php } add_action('post_grid_metabox_tabs_content_custom_scripts', 'post_grid_metabox_tabs_content_custom_scripts', 10, 2); function post_grid_metabox_tabs_content_custom_scripts($tab, $post_id){ $settings_tabs_field = new settings_tabs_field(); $post_grid_meta_options = get_post_meta($post_id, 'post_grid_meta_options', true); $custom_js = !empty($post_grid_meta_options['custom_js']) ? $post_grid_meta_options['custom_js'] : ''; $custom_css = !empty($post_grid_meta_options['custom_css']) ? $post_grid_meta_options['custom_css'] : ''; ?> <div class="section"> <div class="section-title">Custom Scripts & CSS</div> <p class="description section-description">Write your custom Scripts and CSS here.</p> <?php $args = array( 'id' => 'custom_js', 'parent' => 'post_grid_meta_options', 'title' => __('Custom Js.','post-grid'), 'details' => __('You can add custom scripts here, do not use <code><script> </script></code> tag','post-grid'), 'type' => 'scripts_js', 'default' => '', 'value' => $custom_js, ); $settings_tabs_field->generate_field($args, $post_id); ?> <?php $args = array( 'id' => 'custom_css', 'parent' => 'post_grid_meta_options', 'title' => __('Custom CSS.','post-grid'), 'details' => __('You can add custom css here, do not use <code> <style> </style></code> tag','post-grid'), 'type' => 'scripts_css', 'value' => $custom_css, 'default' => '', ); $settings_tabs_field->generate_field($args, $post_id); ?> </div> <?php } function post_grid_update_taxonomies_terms_by_posttypes(){ $settings_tabs_field = new settings_tabs_field(); $response = array(); //$taxonomies = array(); //if(current_user_can('manage_options')){ $post_types = isset($_POST['post_types']) ? $_POST['post_types']: array(); $grid_id = isset($_POST['grid_id']) ? $_POST['grid_id']: ''; $post_grid_meta_options = get_post_meta($grid_id, 'post_grid_meta_options', true); $taxonomies = !empty($post_grid_meta_options['taxonomies']) ? $post_grid_meta_options['taxonomies'] : array(); $response['post_types'] = $post_types; $post_taxonomies_arr = post_grid_get_taxonomies($post_types); ob_start(); if(!empty($post_taxonomies_arr)): foreach ($post_taxonomies_arr as $taxonomyIndex=>$taxonomy){ $taxonomy_term_arr = array(); $the_taxonomy = get_taxonomy($taxonomy); $terms_relation = isset($taxonomies[$taxonomy]['terms_relation']) ? $taxonomies[$taxonomy]['terms_relation'] : 'IN'; $terms = isset($taxonomies[$taxonomy]['terms']) ? $taxonomies[$taxonomy]['terms'] : array(); $checked = isset($taxonomies[$taxonomy]['checked']) ? $taxonomies[$taxonomy]['checked'] : ''; //var_dump($terms_relation); $taxonomy_terms = get_terms( $taxonomy, array( 'hide_empty' => false, ) ); //var_dump($taxonomy_terms); if(!empty($taxonomy_terms)) foreach ($taxonomy_terms as $taxonomy_term){ $taxonomy_term_arr[$taxonomy_term->term_id] =$taxonomy_term->name.'('.$taxonomy_term->count.')'; } $taxonomy_term_arr = !empty($taxonomy_term_arr) ? $taxonomy_term_arr : array(); ?> <div class="item"> <div class="header"> <span class="expand"> <i class="fas fa-expand"></i> <i class="fas fa-compress"></i> </span> <label><input type="checkbox" <?php if(!empty($checked)) echo 'checked'; ?> name="post_grid_meta_options[taxonomies][<?php echo $taxonomy; ?>][checked]" value="<?php echo $taxonomy; ?>" /> <?php echo $the_taxonomy->labels->name; ?>(<?php echo $taxonomy; ?>)</label> </div> <div class="options"> <?php $args = array( 'id' => 'terms', 'css_id' => 'terms-'.$taxonomyIndex, 'parent' => 'post_grid_meta_options[taxonomies]['.$taxonomy.']', 'title' => __('Categories or Terms','post-grid'), 'details' => __('Select post terms or categories','post-grid'), 'type' => 'select2', 'multiple' => true, 'value' => $terms, 'default' => array(), 'args' => $taxonomy_term_arr, ); $settings_tabs_field->generate_field($args, $grid_id); $args = array( 'id' => 'terms_relation', 'parent' => 'post_grid_meta_options[taxonomies]['.$taxonomy.']', 'title' => __('Terms relation','post-grid'), 'details' => __('Choose term relation.','post-grid'), 'type' => 'radio', 'for' => $taxonomy, 'multiple' => true, 'value' => $terms_relation, 'default' => 'IN', 'args' => array( 'IN'=>__('IN','post-grid'), 'NOT IN'=>__('NOT IN','post-grid'), 'AND'=>__('AND','post-grid'), 'EXISTS'=>__('EXISTS','post-grid'), 'NOT EXISTS'=>__('NOT EXISTS','post-grid'), ), ); $settings_tabs_field->generate_field($args, $grid_id); ?> </div> </div> <?php } else: echo __('Please choose at least one post types. save/update post grid','post-grid'); endif; $response['html'] = ob_get_clean(); echo json_encode( $response ); //} die(); } add_action('wp_ajax_post_grid_update_taxonomies_terms_by_posttypes', 'post_grid_update_taxonomies_terms_by_posttypes');
Save
Cancel
