first commit

wp-content/themes/storefront/404.php

@@ -0,0 +1,85 @@
+<?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&rsquo;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();