Connect Category Featured Image with Themer Category Archive Layout

By default, Beaver Themer category archive page would show featured image of the first post at hero banner section. Do you want to add unique and different image to every category page?

Category Featured Image

Red rectangular box is showing the unique category featured image

Below I’m sharing the codes and it adds an option to upload a different image for each category. Further, that featured image can be displayed in the front end of the category archive page using connections fields in the Beaver Themer.

Minimum Requirement

  1. Beaver Builder Plugin
  2. Beaver Themer Addon

Rest of the contents are only available to members. You must subscribe the MEMBERSHIP plan. You already subscribe the plan? Login at below.

Login

See the video for complete UI procedure:

4 Comments

  1. David Reedy on September 19, 2020 at 11:57 pm

    it is so great to find this code-exactly what i sought

    how update-proof is this code?
    I understand I should put this code in the child theme (using bb theme) which ensures it doesn’t get deleted.
    if this code breaks with a future update of wp or bb, will you support it?

    Also, I am using pods with Beaver Themer, and the plugin that links the two.
    Is this code compatible?

  2. olivier.gobet on May 14, 2018 at 4:26 pm

    Hello. I would like to use this trick for another CPT. How to change the settings?
    In my case, I have created a CPT “spectacle” and taxonomy attached is “ttt_evenement”.
    Thanks!

    • WP Beaver World on May 15, 2018 at 6:35 am

      Replace

      function probb_category_featured_image_field() {
          add_action( 'category_add_form_fields', 'probb_category_add_form_fields' );
          add_action( 'category_edit_form_fields', 'probb_category_edit_form_fields', 10 );    
       
          add_action( 'created_term', 'probb_save_category_form_fields', 10, 3 );
          add_action( 'edit_term', 'probb_save_category_form_fields', 10, 3 );
      }
      

      WITH

      function probb_category_featured_image_field() {
          add_action( 'category_add_form_fields', 'probb_category_add_form_fields' );
          add_action( 'category_edit_form_fields', 'probb_category_edit_form_fields', 10 );
      
          add_action( 'ttt_evenement_add_form_fields', 'probb_category_add_form_fields' );
          add_action( 'ttt_evenement_edit_form_fields', 'probb_category_edit_form_fields', 10 );    
       
          add_action( 'created_term', 'probb_save_category_form_fields', 10, 3 );
          add_action( 'edit_term', 'probb_save_category_form_fields', 10, 3 );
      }
      

      ==========================

      Replace

      add_filter( 'manage_edit-category_columns', 'probb_category_columns' );

      WITH

      add_filter( 'manage_edit-category_columns', 'probb_category_columns' );
      add_filter( 'manage_edit-ttt_evenement_columns', 'probb_category_columns' );
      

      ============================

      Replace

      add_filter('manage_category_custom_column', 'probb_category_column_image', 10, 3 );
      

      WITH

      add_filter('manage_category_custom_column', 'probb_category_column_image', 10, 3 );
      add_filter('manage_ttt_evenement_custom_column', 'probb_category_column_image', 10, 3 );
      

Leave a Comment

You must be logged in to post a comment.

Newsletter

Get free weekly PRO Beaver Builder Tutorials

shares