Sort and display WordPress custom post types by taxonomy on Archive or Page

wp-display-cpt-by-term.php

<?php get_header(); ?>
<h1><?php post_type_archive_title(); ?></h1>
<!-- Set Up Page Anchors -->
<div>
	<ul>
		<li>Jump to:</li>
		<?php
			$custom_terms = get_terms('termname'); // Taxonomy
			foreach($custom_terms as $custom_term) {
				$anchor = $custom_term->slug;
				$title = $custom_term->name;
		?>
		<li><a href="#<?php echo $anchor; ?>"><?php echo $title; ?></a></li>
		<?php 
			} 
		?>
	</ul>
</div>
<!-- Get the custom posts by term and display -->
<div>
	<?php
		$custom_terms = get_terms('termname'); // Taxonomy
		foreach($custom_terms as $custom_term) {
			wp_reset_query();
			$args = array('post_type' => 'posttype', // Post Type
				'tax_query' => array(
					array(
						'taxonomy' => 'termname', // Taxonomy
						'field' => 'slug',
						'terms' => $custom_term->slug,
					),
				),
			 );
			$loop = new WP_Query($args);
			if($loop->have_posts()) {
	?>
	<section>
		<h2 id="<?php echo $custom_term->slug; ?>"><?php echo $custom_term->name; ?></h2>
			<?php
				while($loop->have_posts()) : $loop->the_post();
			?>
		<div>	
			<h3><?php the_title(); ?></h3>
			<?php the_excerpt(); ?>
			<p><a href="<?php the_permalink(); ?>">View <?php the_title(); ?> $raquo;</a></p>
		</div>
		<?php 
				endwhile; 
			}
		?>
	</section>
		<?php 
			endif; 
		}
	?>
</div>
<?php get_footer(); ?>