Zakir Sajib zakirsajib

## gist:4d45e6d6b39d96f3e6de7988f3e0bf83
git clone -b <branch name> <repo url>

## table.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
   "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="et">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>table</title>
    <style type="text/css">
      .odd { background-color: #808080; }
      .generated_for_mobile { margin-bottom: 30px }

## gist:18ee7d433688acb7c2098242b77e34be
# There are two ways we can do this.
# Either using CSS or using remove action hook.

# Using CSS
.related.products {
  display: none;
}

# Using remove action
remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20 );

## gist:bb48cacb8ebef3f8447d3a5660590be5
# We can do it using CSS

#page .woocommerce-tabs .panel{
  width: 100%;
}

## gist:f6c8c07625ef78a7b454fab03d868b6e
# Using CSS

.product .cart .single_add_to_cart_button{
  border: 2px solid #3bb54a;
  background-color: #fff;
}

## gist:fd6b68384c33e8c374a882aa65be7b1a
# There are two ways we can hide Sale text

# Using CSS
.content-area .summary .onsale{
  display: none;
}

# Using remove action
remove_action( 'woocommerce_before_single_product_summary', 'woocommerce_show_product_sale_flash', 10 );

## gist:a01a74fde85e0c136f22f124d357b1bb
# Using CSS

.shoptimizer-primary-navigation {
    background-color: darkblue;
}

## gist:79351c53918794c0728c5ec2bd79f633
# Using CSS

@media screen and (max-width: 767px){
  .site-branding p{
    display: none;
  }
}

## functions.php
#Using Hooks or CSS
# Code must go to functions.php of Storefront theme or its child theme

function remove_header_from_cart(){
	if( is_cart() ):?>
		<style>
			header,
			footer{
				display: none;
			}

## gist:fc549e5b1b2bde1d335d9b2d9e78a180
# jQuery
$( '.post-type-archive-product #secondary' ).prepend( '<div class="close-drawer"></div>' );

# JavaScript
var drawer = document.createElement("div");
drawer.className="close-drawer"
document.querySelector('.post-type-archive-product #secondary').appendChild(drawer);
	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
	"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

	<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="et">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>table</title>
	<style type="text/css">
	.odd { background-color: #808080; }
	.generated_for_mobile { margin-bottom: 30px }
	# There are two ways we can do this.
	# Either using CSS or using remove action hook.

	# Using CSS
	.related.products {
	display: none;
	}

	# Using remove action
	remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20 );
	# We can do it using CSS

	#page .woocommerce-tabs .panel{
	width: 100%;
	}
	# Using CSS

	.product .cart .single_add_to_cart_button{
	border: 2px solid #3bb54a;
	background-color: #fff;
	}
	# There are two ways we can hide Sale text

	# Using CSS
	.content-area .summary .onsale{
	display: none;
	}

	# Using remove action
	remove_action( 'woocommerce_before_single_product_summary', 'woocommerce_show_product_sale_flash', 10 );
	# Using CSS

	.shoptimizer-primary-navigation {
	background-color: darkblue;
	}
	# Using CSS

	@media screen and (max-width: 767px){
	.site-branding p{
	display: none;
	}
	}
	#Using Hooks or CSS
	# Code must go to functions.php of Storefront theme or its child theme

	function remove_header_from_cart(){
	if( is_cart() ):?>
	<style>
	header,
	footer{
	display: none;
	}
	# jQuery
	$( '.post-type-archive-product #secondary' ).prepend( '<div class="close-drawer"></div>' );

	# JavaScript
	var drawer = document.createElement("div");
	drawer.className="close-drawer"
	document.querySelector('.post-type-archive-product #secondary').appendChild(drawer);