<?php
/**
* The template for displaying 404 pages (not found).
*
* @package storefront
*/
get_header(); ?>
<div id="primary" class="content-area">
<main id="main" class="site-main" role="main">
<div class="error-404 not-found">
<div class="page-content">
<header class="page-header">
<h1 class="page-title"><?php esc_html_e( 'Oops! That page can’t be found.', 'storefront' ); ?></h1>
</header><!-- .page-header -->
<p><?php esc_html_e( 'Nothing was found at this location. Try searching, or check out the links below.', 'storefront' ); ?></p>
<?php
echo '<section aria-label="' . esc_html__( 'Search', 'storefront' ) . '">';
if ( storefront_is_woocommerce_activated() ) {
the_widget( 'WC_Widget_Product_Search' );
} else {
get_search_form();
}
echo '</section>';
if ( storefront_is_woocommerce_activated() ) {
echo '<div class="fourohfour-columns-2">';
echo '<section class="col-1" aria-label="' . esc_html__( 'Promoted Products', 'storefront' ) . '">';
storefront_promoted_products();
echo '</section>';
echo '<nav class="col-2" aria-label="' . esc_html__( 'Product Categories', 'storefront' ) . '">';
echo '<h2>' . esc_html__( 'Product Categories', 'storefront' ) . '</h2>';
the_widget(
'WC_Widget_Product_Categories',
array(
'count' => 1,
)
);
echo '</nav>';
echo '</div>';
echo '<section aria-label="' . esc_html__( 'Popular Products', 'storefront' ) . '">';
echo '<h2>' . esc_html__( 'Popular Products', 'storefront' ) . '</h2>';
$shortcode_content = storefront_do_shortcode(
'best_selling_products',
array(
'per_page' => 4,
'columns' => 4,
)
);
echo $shortcode_content; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
echo '</section>';
}
?>
</div><!-- .page-content -->
</div><!-- .error-404 -->
</main><!-- #main -->
</div><!-- #primary -->
<?php
get_footer();