<?php
/**
 * The template for displaying 404 pages (not found)
 *
 * @link https://codex.wordpress.org/Creating_an_Error_404_Page
 *
 * @package ShoBe
 */

get_header();
?>
	<section class="section"  id="primary">
        <div class="container">
            <div class="text-center">
                <h1 class="fw-medium"><?php esc_html_e( 'Oops! That page can\'t be found', 'shobe'); ?></h1>
				<p><?php esc_html_e( 'It looks like nothing was found at this location. Maybe try a search or browse one of our posts below.', 'shobe'); ?></p>
				<aside class="widget fs-14">
                    <?php get_search_form(); ?>
                </aside>
            </div>
        </div>
    </section>


<?php if ( class_exists( 'WooCommerce' ) ) : ?>
	<section>
		<div class="container">
			<div class="section-title">
			    <h2><?php esc_html_e( 'Most Popular', 'shobe' ); ?></h2>
			</div>
			<?php echo do_shortcode('[products limit="4" columns="4" orderby="popularity"]'); ?>
		</div>
	</section>						
<?php endif; ?>

<?php get_footer(); ?>