1-Hour WooCommerce Challenge: Let’s Recreate the Nike Product Page

// Remove breadcrumbs (Storefront theme)
add_action( 'storefront_before_content', function() {
	remove_action( 'storefront_before_content', 'woocommerce_breadcrumb', 10 );
}, 9 );

// Remove Sale! badge
add_filter( 'woocommerce_sale_flash', '__return_null' );

// Display tags above product title
add_action( 'woocommerce_single_product_summary', function() {
	$terms = get_the_terms( get_the_ID(), 'product_tag' );
	if ( $terms ) {
		$term_names = array();
		foreach ( $terms as $term ) {
			$term_names[] = $term->name;
		}
		echo implode( ', ', $term_names );
	}
}, 4 );

// Display cats below product title
add_action( 'woocommerce_single_product_summary', function() {
	$terms = get_the_terms( get_the_ID(), 'product_cat' );
	if ( $terms ) {
		$term_names = array();
		foreach ( $terms as $term ) {
			$term_names[] = $term->name;
		}
		echo implode( ', ', $term_names );
	}
}, 6 );

// Remove rating from below the product title
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_rating', 10 );

// Replace Variable Price With Variation Price
add_action( 'woocommerce_variable_add_to_cart', function() {
   global $product;
   $price = $product->get_price_html();
   wc_enqueue_js( "     
      $(document).on('found_variation', 'form.cart', function( event, variation ) {   
         if(variation.price_html) $('.summary > p.price').html(variation.price_html);
         $('.woocommerce-variation-price').hide();
      });
      $(document).on('hide_variation', 'form.cart', function( event, variation ) {   
         $('.summary > p.price').html('" . $price . "');
      });
   " );
});

// Remove short description
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_excerpt', 20 );

// Remove "Clear" Link
add_filter( 'woocommerce_reset_variations_link', '__return_empty_string', 9999 );

// Remove "meta"
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_meta', 40 );

// Add content above add to cart
add_action( 'woocommerce_before_add_to_cart_button', function() {
	echo '<div>Pay by Credit Card or PayPal with no fees!</div>';
});

// Add content below add to cart
add_action( 'woocommerce_after_add_to_cart_button', function() {
	echo '<h4>Shipping</h4><p>You\'ll see our shipping options at checkout.</p><h4>Free Pickup</h4><p>Find a Store</p>';
});

// Add short description at position 40
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_excerpt', 40 );

// Add reviews at position 41
add_action( 'woocommerce_single_product_summary', 'comments_template', 41 );

// Turn Reviews into a toggle
add_action( 'woocommerce_single_product_summary', function() {
	wc_enqueue_js( "
		$('.commentlist,#review_form_wrapper').hide();
		$(document).on('click','.woocommerce-Reviews-title',function(){
			$('.commentlist,#review_form_wrapper').toggle();
		});
	" );
}, 42 );

// Customize Reviews toggle title
add_filter( 'woocommerce_reviews_title', function( $reviews_title, $count, $product ) {
	return 'Reviews (' . $count . ')<span style="float: right" class="toggle">&nbsp;&nbsp;&#x25BC;</span><span style="float: right">' . wc_get_rating_html( $product->get_average_rating() ) . '</span>';
}, 9999, 3 );

// Remove product tabs
remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 10 );

// Display long description at position 14
add_action( 'woocommerce_after_single_product_summary', 'the_content', 14 );

// Remove Related products
remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20 );

// Display "Complete the Look" section
add_action( 'woocommerce_after_single_product_summary', function() { 
	global $product;
	$args = array(
		'type' => 'grouped',
		'status' => 'publish',
		'limit' => -1,    
	);
	$grouped_products = wc_get_products( $args );
	$product_ids = array();
	foreach ( $grouped_products as $grouped_product ) {
	   if ( in_array( $product->get_id(), $grouped_product->get_children() ) ) {
		   $product_ids[] = $grouped_product->get_id();
	   }
	}
	if ( $product_ids )	{
		echo '<h2>Complete the Look</h2>';
		echo do_shortcode( '[products ids="' . implode( ',', $product_ids ) . '"]' );
	}
}, 13 );

// Include pattern/post with Instagram embeds
add_action( 'woocommerce_after_single_product_summary', function() { 
	echo '<h2>How Others Are Wearing It</h2>';
	echo '<p>Mention @Stride on Instagram for a chance to be featured.</p>';
	$page_id = 243112;
	$page_object = get_post( $page_id );
	echo apply_filters( 'the_content', $page_object->post_content );
}, 12 );