Breaking News: Grepper is joining You.com. Read the official announcement!

add term image wordpress

Don't touch answered on July 14, 2024 Popularity 3/10 Helpfulness 1/10

answer add term image wordpress

add term image wordpress

Comment

// event category list shortcode
add_shortcode( 'category_list_event', 'category_list_event_func' );

function category_list_event_func() {
    
    $terms = get_terms( array(
      'taxonomy' => 'eventcat',
      'hide_empty' => true,
      
    ) );
    
    $taxonomy_list = '';

    if(isset($terms) && !empty($terms)){
        
        foreach($terms as $term){
            
            $upload_image = get_term_meta($term->term_id, 'term_image', true);
            $image_url = esc_url($upload_image);
            $link_url = esc_url(get_term_link($term));
            $location = esc_html($term->name);
            
            $taxonomy_list .= '<div class="gt-banner-box" style="background-image: url(\''. $image_url .'\');">
                <a href="'. $link_url .'" target="_parent">
                    <div class="gt-content">
                    <span class="primary">'. $location .'</span>
                    </div>
                </a>
            </div>';
                                
        }
    
    }else{
        $taxonomy_list = "No data found!";
    }
    
    return '<div class="bsw-event-category-grid">'. $taxonomy_list .'</div>';
}

// add term image
add_action('eventcat_add_form_fields', 'add_term_image', 10, 2);

function add_term_image($taxonomy){
    ?>
    <div class="bsw-term-image-field-container-side">
        <label for="">Upload and Image</label>
        <input type="text" name="txt_upload_image" id="txt_upload_image" value="" style="width: 77%">
        <input type="button" id="upload_image_btn" class="button" value="Upload an Image" />
    </div>
    <?php
}

// save term image
add_action('created_eventcat', 'save_term_image', 10, 2);

function save_term_image($term_id, $tt_id) {
    if (isset($_POST['txt_upload_image']) && '' !== $_POST['txt_upload_image']){
        $group = esc_url($_POST['txt_upload_image']);
        add_term_meta($term_id, 'term_image', $group, true);
    }
}

// add term image on edit
add_action('eventcat_edit_form_fields', 'edit_image_upload', 10, 2);

function edit_image_upload($term, $taxonomy) {
    // get current group
    $txt_upload_image = get_term_meta($term->term_id, 'term_image', true);
?>
    <div class="bsw-term-image-field-container">
        <label for="">Upload and Image</label>
        <input type="text" name="txt_upload_image" id="txt_upload_image" value="<?php echo $txt_upload_image ?>" style="width: 77%">
        <input type="button" id="upload_image_btn" class="button" value="Upload an Image" />
    </div>
<?php
}

// save term image on edit
add_action('edited_eventcat', 'update_image_upload', 10, 2);

function update_image_upload($term_id, $tt_id) {
    if (isset($_POST['txt_upload_image']) && '' !== $_POST['txt_upload_image']){
        $group = esc_url($_POST['txt_upload_image']);
        update_term_meta($term_id, 'term_image', $group);
    }
}

// enque and localize script
function image_uploader_enqueue($hook_suffix) {
    // global $typenow;
    if ($hook_suffix === 'edit-tags.php' || $hook_suffix === 'term.php') {
        wp_enqueue_media();

        // Style it as you need // wp_enqueue_style( 'admin-custom-css', get_stylesheet_directory_uri() . '/assets/admin-asset.css');
        
        wp_register_script( 'meta-image', get_stylesheet_directory_uri() . '/assets/media-uploader.js', array( 'jquery' ) );
        wp_localize_script( 'meta-image', 'meta_image',
            array(
                'title' => 'Upload an Image',
                'button' => 'Use this Image',
            )
        );
        wp_enqueue_script( 'meta-image' );
    }
}
add_action( 'admin_enqueue_scripts', 'image_uploader_enqueue' );

Popularity 3/10 Helpfulness 1/10 Language php

Source: Grepper

Tags: add image php wordpress

Link to this answer
Share Copy Link

Contributed on Jul 14 2024

Don't touch

0 Answers Avg Quality 2/10

add term image wordpress

Contents

More Related Answers

add term image wordpress

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.