single-jetpack-portfolio.php

<?php
/**
 * The template for displaying single projects.
 *
 * @link https://developer.wordpress.org/themes/basics/template-hierarchy/#single-post
 *
 * @package Noah Lite
 * @since   Noah Lite 1.0.0
 */

if ( ! defined( 'ABSPATH' ) ) {
	exit; // Exit if accessed directly
}

get_header(); ?>

<div id="primary" data-section-name="<?php echo esc_attr( get_post_field( 'post_name', get_post() ) ); ?>" class="content-area  u-container-sides-spacings  u-content_container_padding_top  u-content-bottom-spacing">
    <div class="o-wrapper  u-container-width">
        <main id="main" class="o-wrapper  u-content-width  site-main" role="main">

            <?php while ( have_posts() ) : the_post();

                get_template_part( 'template-parts/project/content-single', 'jetpack-portfolio' );

                // If comments are open or we have at least one comment, load up the comment template.
                if ( comments_open() || get_comments_number() ) { ?>
                    <div class="js-header-height-padding-top">
                        <?php comments_template(); ?>
                    </div>
                <?php }

            endwhile; // End of the loop. ?>

        </main><!-- #main -->
    </div>
</div><!-- #primary -->

<div id="projectsArchive" data-section-name="archive" class="c-project__more  js-project-more-content">

    <div class="content-area">

        <?php if ( ! empty( $comments ) ) { ?>
            <div class="c-separator"></div>
            <div class="u-content-width  u-content-bottom-spacing  js-header-height-padding-top">
                <?php echo $comments; ?>
            </div>
        <?php } ?>

        <div class="u-align-center js-share-target c-page-header__side"></div>
        <div class="c-separator"></div>

        <header class="u-align-center">
            <?php the_archive_title( '<h1 class="c-project__more-title  h4">', '</h1>' ); ?>
        </header><!-- .page-header -->

        <div class="u-content-bottom-spacing">

            <?php
            $projects = new WP_Query( array(
                'post_type' => 'jetpack-portfolio',
                'posts_per_page' => -1, //we want all the projects here
            ) );

            if ( $projects->have_posts() ) : ?>

                <div class="u-content-background">
                    <section class="c-archive-loop  u-full-width  u-portfolio_sides_spacing  u-content-bottom-spacing">
                        <div class="o-wrapper u-portfolio_grid_width">
                            <div <?php noahlite_portfolio_class(); ?>>

                                <?php while ( $projects->have_posts() ) : $projects->the_post();
                                    get_template_part( 'template-parts/project/content', 'jetpack-portfolio' );
                                endwhile; ?>

                            </div>
                        </div><!-- .o-wrapper -->
                    </section><!-- .c-archive-loop -->
                </div><!-- .u-content-background -->

            <?php else : ?>

                <div class="u-content-width">
                    <?php get_template_part( 'template-parts/content', 'none' ); ?>
                </div>

            <?php endif;

            wp_reset_postdata(); ?>

        </div><!-- .u-content-bottom-spacing -->
    </div><!-- .content-area -->
</div><!-- #projectsArchive -->

<?php get_footer();