Ethos Portfolio detail pages missing title

Hi there,

I have a portfolio on my website and would like all my portfolio posts / pages to show their titles. Is there a way I can do this please? The Stack is Ethos and the portfolio page example is: http://tempsmal.wpengine.com/portfolio-item/an-entertainers-garden-hyde-park/

Also, is there a css code to remove all of the borders from the Gallery images please?

I would also like the Burger button on the top left hand side to link back to the portfolio page: http://tempsmal.wpengine.com/projects/

Many thanks

Hello @poyser7,

Thanks for the very detailed post information.

Please be advised that the portfolio item titles is being displayed in the landmark header which is page of the site’s header. Since you have created a custom header, the landmark header no longer displays because it is being replaced with your custom header.

I would suggest that you add a portfolio item title in your content instead. This is the easiest way of displaying the portfolio item titles.

If you have several portfolio items and editing one by one is not an option, then you will need to modify the content-portfolio file template. To do that, since you have your child theme active and ready, please follow these steps below:
1] Using Notepad or TextEdit or Sublime Text or any text editor, please create a new file in your local machine.
2] Insert the following code into that new file

<?php

// =============================================================================
// VIEWS/ETHOS/CONTENT-PORTFOLIO.PHP
// -----------------------------------------------------------------------------
// Portfolio post output for Ethos.
// =============================================================================

?>

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
  <header class="entry-header">
    <h1 class="entry-title"><?php the_title(); ?></h1>
  </header>

  <?php x_ethos_entry_top_navigation(); ?>

  <div class="entry-featured">
    <?php x_portfolio_item_featured_content(); ?>
  </div>
  
  <div class="entry-wrap cf">
    <?php x_get_view( 'global', '_content', 'the-content' ); ?>
    <div class="entry-extra">
      <?php x_portfolio_item_project_link(); ?>
      <?php x_portfolio_item_tags(); ?>
      <?php x_portfolio_item_social(); ?>
    </div>
  </div>
  
</article>

3] Save the file named as content-portfolio.php
4] Upload this file to your server in the child theme’s folder wp-content/themes/pro-child/framework/views/ethos

You will need to create the folder path since it does not exist in your child theme yet.

Hope this helps. Kindly let us know.

1 Like

Thank you for this. Once I get ftp access ill give it a go.

Also, is there a way to get the Burger button on the top left hand side of the page to link back to the Portfolio index page?

Kind regards

Jay

Hello Jay,

Thanks for updating in!

Is there a way to get the Burger button on the top left-hand side of the page to link back to the Portfolio index page?

If you use the Layout - Portfolio page template in creating your portfolio page, the burger button in each of the portfolio item pages will be linked to the portfolio page or index. To demonstrate that, please create a new portfolio page and use Layout - Portfolio page template. As soon as you save the page, view the portfolio item. The burger button should be linked out to this new page.

Hope this helps. Please let us know how it goes.

Oh, of course​:man_facepalming:t4:. I originally created a standard page and dropped the grid into it. I’ll do as you say then. Cheers mate! :+1:t5:

No problem.
If you need anything else we can help you with, don’t hesitate to open another thread.

Hi RueNel,

Thanks for your help, unfortunately it doesn’t work, because the portfolio page needs to be designed in Pro, as it uses The Grid Plugin. When I create an actual page using the Portfolio template, it uses the standard Ethos Theme, which doesn’t follow the design of the entire site. Is there another way to make the Burger link back to a specific page? I remember one of you managed to figure it out years ago, but I have no record of it.

All the best.

Hello @poyser7,

Thanks for updating in!

Since your portfolio page is custom and not using the Layout - Fullwidth page template, you will need to override the portfolio parent link. Assuming that the child theme is set up, please add the following code in your child theme’s functions.php file

// Custom Parent Portfolio Link
// =============================================================================
if ( function_exists('x_get_parent_portfolio_link') ) :
  function x_get_parent_portfolio_link() {
  	$link = "http://www.google.com/";
    return $link;
  }
endif;

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

Hi RueNel,

Sorry for the delayed response - I was travelling home.

I added that code to the functions.php in the Child Theme folder, and it didn’t work Im afraid. am I missing something out, or is there an alternative solution?

Many thanks for your help.
Jay

Hello Jay,

Sorry if it did not worked out for you. Please remove that code and use this one instead:

// Custom Parent Portfolio Link
// =============================================================================

if ( ! function_exists( 'x_ethos_entry_top_navigation' ) ) :
  function x_ethos_entry_top_navigation() {

    if ( x_is_portfolio_item() ) {
      $link = "http://google.com/";
    } elseif ( x_is_product() ) {
      $link = x_get_shop_link();
    }

    $title = esc_attr( __( 'See All Posts', '__x__' ) );

    ?>

      <div class="entry-top-navigation">
        <a href="<?php echo $link; ?>" class="entry-parent" title="<?php $title; ?>"><i class="x-icon-th" data-x-icon-s="&#xf00a;"></i></a>
        <?php x_entry_navigation(); ?>
      </div>

    <?php

  }
endif;

Please do not forget to change the link. I used “http://google.com/” by the way.

Worked perfectly! thank you for your help @RueNel

Glad to hear that. :slight_smile:

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.