content after shortcode

Question

My shortcode gets displayed before the_content(); I don't know how to fix it. Any help anyone?

here is the shortcode:

function portfolio_showcase() {
    $portfolio  = get_template_part('portfolio');
    return $portfolio;
}
add_shortcode( 'portfolio', 'portfolio_showcase' );

This is the template part:

<?php
    $args = array( 'post_type' => 'work', 'posts_per_page' => -1 );
    $loop = new WP_Query( $args );
?>

<?php while ( $loop->have_posts() ) : $loop->the_post(); ?>
<div class="card-grid">
    <div class="front">  <?php the_post_thumbnail(array(150,350)); ?></div>
        <div class="back">
            <h4><?php the_title();?></h4>
            <p><?php the_field('description');?></p>
            <p> <?php the_tags(); ?></p>
            <a href="<?php the_permalink();?>" class="btn btn-dark" target="_blank">More</a>
        </div>
    </div>
<?php endwhile; ?>

This is the loop:

<?php
    $args = array( 'post_type' => 'frontpage', 'posts_per_page' => -1 );
    $loop = new WP_Query( $args );
    while ( $loop->have_posts() ) : $loop->the_post();
 ?>

<section id="<?php echo $post->post_name; ?>" class="about">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 text-center">
                <h2><?php the_title(); ?></h2>
                    <?php the_content(); ?>
            </div>
        </div>
        <hr>
    </div>
</section>

<?php endwhile;  ?>

Welcome to the Treehouse Community

Looking to learn something new?

Dennis Eitner

Dennis Eitner

content after shortcode