Edit Portfolio Sidebar

[blmg1]

I’d like to edit what my portfolio sidebar displays, like adding a search bar, previous posts, categories, etc. Right now, it only displays a share section. Please advise.

The Club No One Wants to Join - Nasck - National Association of Chevra Kadisha

[ruenel]

Hello @blmg1,

Thanks for writing in!

By default, the sidebar of the portfolio item is not editable. The right side displays the share, portfolio item link, tags and categories all related to the portfolio item. If you want to display widgets in the sidebar, you will need to modify the sidebar of the portfolio item. To do that, you can add this code in your child theme’s functions.php file:

function x_get_content_layout() {
    $content_layout = x_get_option( 'x_layout_content' );
    if ( $content_layout != 'full-width' ) {
      if ( is_home() ) {
        $opt    = x_get_option( 'x_blog_layout' );
        $layout = ( $opt == 'sidebar' ) ? $content_layout : $opt;
      } elseif ( is_singular( 'post' ) ) {
        $meta   = get_post_meta( get_the_ID(), '_x_post_layout', true );
        $layout = ( $meta == 'on' ) ? 'full-width' : $content_layout;
      } elseif ( x_is_portfolio_item() ) {
        $layout = 'content-sidebar';
      } elseif ( x_is_portfolio() ) {
        $layout = 'content-sidebar';
      } elseif ( is_page_template( 'template-layout-content-sidebar.php' ) ) {
        $layout = 'content-sidebar';
      } elseif ( is_page_template( 'template-layout-sidebar-content.php' ) ) {
        $layout = 'sidebar-content';
      } elseif ( is_page_template( 'template-layout-full-width.php' ) ) {
        $layout = 'full-width';
      } elseif ( is_archive() ) {
        if ( x_is_shop() || x_is_product_category() || x_is_product_tag() ) {
          $opt    = x_get_option( 'x_woocommerce_shop_layout_content' );
          $layout = ( $opt == 'sidebar' ) ? $content_layout : $opt;
        } else {
          $opt    = x_get_option( 'x_archive_layout' );
          $layout = ( $opt == 'sidebar' ) ? $content_layout : $opt;
        }
      } elseif ( x_is_product() ) {
        $layout = 'full-width';
      } elseif ( x_is_bbpress() ) {
        $opt    = x_get_option( 'x_bbpress_layout_content' );
        $layout = ( $opt == 'sidebar' ) ? $content_layout : $opt;
      } elseif ( x_is_buddypress() ) {
        $opt    = x_get_option( 'x_buddypress_layout_content' );
        $layout = ( $opt == 'sidebar' ) ? $content_layout : $opt;
      } elseif ( is_404() ) {
        $layout = 'full-width';
      } else {
        $layout = $content_layout;
      }
    } else {
      $layout = $content_layout;
    }
    return $layout;
  }

And you will also need this custom css code in X > Theme Options > Custom css:

.x-portfolio .entry-info,
.x-portfolio .entry-extra {
    float: none;
    width: 100%;
    clear: both;
}

We would love to know if this has worked for you. Thank you.