WP Common CSS

/**
 * Blog common css
 * # Blog Content
 * # Blog Pagination
 */

/* # Blog Content */
.entry-content ul, .entry-summary ul, .comment-content ul, .entry-content ol, .entry-summary ol, .comment-content ol{
    margin-left: 0;
}
.entry-content table, th, td {
    border: 1px solid #ebebeb;
    padding: 0.4375em;
}
.site-content {
    word-wrap: break-word;
}

/* # Blog Pagination */
.pagination .nav-links .current {
    background: #000;
    color: #fff;
    border: 1px solid #e7e7e7;
    width: 35px;
    height: 35px;
    margin: 0 2px;
    display: inline-block;
    text-align: center;
    line-height: 35px;   
    font-size: 14px;    
}
.pagination .nav-links a.page-numbers {
    border: 1px solid #e7e7e7;
    width: 35px;
    height: 35px;
    margin: 0 2px;
    display: inline-block;
    text-align: center;
    line-height: 35px;
    color: #444;
    font-size: 14px;
    transition:0.3s;
}

.pagination .nav-links a.page-numbers:hover {
   background: #000;
   color: #fff;
}


/**
 * woocommerce common css
 * # Product view page
 * # Cart page
 * # Checkout page
 * # Login page
 * # Account dashboard pages
 */

/* # Product view page */
.woocommerce div.product div.images .flex-control-thumbs {
    margin: 30px 0 0;
}
.woocommerce div.product div.images .flex-control-thumbs li{
    margin: 0 15px 15px 0;
}
.page-content, .entry-content, .entry-summary{
    margin:0;
}
.summary.entry-summary .product_title.entry-title {
    font-size: 20px;    
    text-transform: uppercase;
    color: #222222;
    letter-spacing: 0.5px;
    margin: 0 0 12px;
    font-weight: 500;
}
.woocommerce div.product .woocommerce-product-rating {
    margin: 0 0 12px;
    padding: 0;
}
.woocommerce-product-rating .woocommerce-review-link{
    font-size: 14px;
}
.woocommerce .woocommerce-product-rating .star-rating {
    margin: 11px 10px 0 0;
    float: left;
}
.woocommerce .star-rating {
    float: right;
    overflow: hidden;
    position: relative;
    height: 1em;
    line-height: 1;
    font-size: 1em;
    width: 6.4em;
    font-family: star;
    letter-spacing: 3px;
}
.woocommerce .star-rating, .woocommerce-page .star-rating, .wpb_wl_summary .star-rating {    
    font-size: 12px;    
}
.woocommerce .summary .product_meta .posted_in, .entry-summary .sku_wrapper, .entry-summary .variations label, .woocommerce .summary .product_meta .tagged_as, .brand {
    color: #000;
    display: inline-block;    
    margin: 0;   
    font-weight: 500;
    width: 100%;    
    font-size: 13px;
    font-family: Poppins;
}
.woocommerce .summary .product_meta .posted_in a:hover, .woocommerce .summary .product_meta .tagged_as a:hover, .brand span a:hover, .social a:hover {
    color: #dd7e2e;
}
.woocommerce .summary .product_meta{
    padding: 0 0 30px;
}
.product_meta span {
    padding: 4px 0;
}
.entry-summary .sku {
    font-weight: normal;
    color: #838383;
}
.woocommerce .summary .product_meta .posted_in a, .woocommerce .summary .product_meta .tagged_as a, .brand span a, .social a {
    font-weight: normal;
    color: #838383;
}
.woocommerce .summary.entry-summary .variations select{
    font-size: 13px !important;
}
.woocommerce div.product form.cart .variations label{
    font-weight: 500;
}
.woocommerce div.product .stock{
    font-weight: 500;
}
.woocommerce div.product form.cart .variations{
    margin-bottom: 0;
}
.woocommerce .quantity input.qty{
    width: 60px;
    height: 50px;
    display: inline;
    margin: 0 3px;
    vertical-align: top;
}
.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled]{
    padding: 14px 20px !important;
}
.woocommerce-tabs ul.tabs li.active a {
    background: #f5f5f5;
    color: #000;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {    
    font-size: 15px;
    font-weight: 500;
    color: #000;
}
.woocommerce div.product .woocommerce-tabs .panel h2 {
    display: none;
}
.woocommerce div.product .woocommerce-tabs .panel h5 {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.5px;
    color: #000;
}
.woocommerce div.product .woocommerce-tabs .panel ul, ol {
    margin: 0 0 25px;
}
.woocommerce div.product .woocommerce-tabs .panel ul li, ol li {
    color: #7e7e7e;
    font-size: 14px;
    font-weight: normal;
}
.woocommerce-tabs.wc-tabs-wrapper {
    margin: 50px 0;
    display: inline-block;
    width: 100%;
}
section.related.products h2 {
    font-size: 22px;    
    padding: 13px 0;
}
section.up-sells.upsells.products h2 {
    font-size: 22px;
    padding: 13px 0;
}
.woocommerce table.shop_attributes td, .woocommerce-page table.shop_attributes td {
    padding: 8px;
    border-top: 0;
    margin: 0;
    font-weight: normal;
    font-size: 14px;
    color: #7e7e7e;
    font-style: normal;
}
.woocommerce table.shop_attributes th{
    font-size: 14px;
    color: #000;
    font-weight: 600;
    font-weight: Poppins;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta{
    font-family: Poppins;
    color: #000;
    font-size: 14px;
}
.woocommerce #respond input#submit:hover{
    background: #84b77c;
    color:#fff;
}
.woocommerce #review_form .comment-form p.comment-form-cookies-consent input {
    float: left;
    margin: 6px 5px 0 0;
}

/* # Cart page */
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th {
    font-size: 13px;
    font-weight: 600;
    line-height: 40px;
    background: #f5f5f5;
    color: #000;
}
.woocommerce table th, td {
    border: 1px solid #ebebeb;
}
.woocommerce table th {
    border-width: 0 1px 0px 0;
    font-weight: 600;
}
.woocommerce table th, td {
    border-width: 0 1px 0px 0;
}
#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
    width: 40px;
    box-shadow: none;
}
.woocommerce table.shop_table .woocommerce-Price-amount {
    color: #787878;
}
.woocommerce .return-to-shop a.button{
    font-weight: 400;
    background: #000;
    padding:15px;
    color:#fff;
}
.woocommerce section.shipping-calculator-form button.button {
    padding: 0 15px;
    height: 40px;
}
.woocommerce .return-to-shop a.button:hover{
    background: #84b77c;
    color:#fff;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message{    
    font-size: 14px;
    letter-spacing: 0.3px;
}
.woocommerce .quantity .qty{
    font-size: 13px;
}
.woocommerce a.remove{
    color:#000 !important;
    font-size: 18px;
}
.woocommerce table.shop_table{
    font-size: 14px;
}
.woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
    width: auto;
    border: 1px solid #e5e5e5;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message{
    border-top: 2px solid #000;
    font-size: 14px;
    letter-spacing: 0.3px;
    font-family: Poppins;
    font-weight: 400;
}
.woocommerce-message::before{
    color:#000;
}
.woocommerce button.button{
    padding: 0px 20px;
    height: 50px;
    background-color: #000;
    font-weight: 400;
    color:#fff;
    transition: 0.3s;
    font-size: 14px;
    line-height: unset;
    cursor: pointer;
}
.woocommerce button.button:hover{
    background-color: #84b77c;
    text-decoration: none;
    background-image: none;
    color: #fff;
}
.woocommerce .woocommerce-message a.button:hover {
    background: #84b77c;
    color: #fff;
}
.woocommerce .woocommerce-message a.button{
    font-weight: 500;
}

.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled]{
    padding: 12px 20px;
}

.woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals .cart_totals h2 {
    font-size: 20px;
    text-align: right;
    font-weight: 400;
    margin: 0 0 20px;
}
.woocommerce .cart-collaterals .cart_totals table th, .woocommerce-page .cart-collaterals .cart_totals table th {
    padding: 6px 12px 6px 10px;
    width: 50%;
    background: #f5f5f5;
    font-weight: 500;
    font-size: 13px;
    line-height: 40px;
    font-family: Poppins;
}
.woocommerce .cart-collaterals .cart_totals table td, .woocommerce .cart-collaterals .cart_totals table th, .woocommerce-page .cart-collaterals .cart_totals table td, .woocommerce-page .cart-collaterals .cart_totals table th {
    vertical-align: middle;    
    letter-spacing: 0.3px;
}
p.woocommerce-shipping-destination strong {
    font-weight: 400;
}
p.woocommerce-shipping-destination {
    font-size: 13px;
}
.form-row{
    display: block;
}
.select2-container--default .select2-selection--single{
    border: 1px solid #ebebeb;
    height: 38px;
}

.select2-container, .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 38px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    outline: 0;
    line-height: normal;
    border: 1px solid #f0f0f0;
    padding: 8px 10px;
    font-size: 13px;
}
tr.order-total td span.woocommerce-Price-amount.amount {
    color: #000;
    font-weight: 600;
    font-size: 16px;
}
.woocommerce a.button.alt  {
    padding: 20px 25px;
    float: right;
    font-size: 15px;
    letter-spacing: 0.5px;
    font-weight: 400;
}

/* # Checkout page */
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
    float: left;
    width: 49%;
    max-width: none;
}
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    float: right;
    width: 49%;
    max-width: none;
}
.woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th, .woocommerce-page table.shop_table tfoot td, .woocommerce-page table.shop_table tfoot th {
    font-weight: 600;
    background: none;
}
.woocommerce-info {
    border-top-color: #000;
}
.woocommerce-info::before {
    color: #0b0b0b;
}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register{
    border: 0 ;  
    margin: 0;
    outline: 0;   
}

.woocommerce form .form-row label{
    color: #222;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2, .woocommerce-MyAccount-content {
    box-sizing: border-box;
    padding: 20px 30px;
    background: #f5f5f5;
}
.woocommerce .col2-set .col-1 h3, .col-2 h3 {
    font-size: 20px;
}
#order_review_heading {
    font-size: 20px;
    margin: 30px 0;
}
table.shop_table.woocommerce-checkout-review-order-table th {
    font-size: 13px;
    letter-spacing: 0.5px;
    font-family: Poppins;
}
.woocommerce form .form-row textarea, .woocommerce-page form .form-row textarea {
    min-height: 150px;
}
.woocommerce-checkout #payment {
    background: #f5f5f5;
    border-radius: 5px;
}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box{
    background-color: #eeeeee;
}
#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before{
    border: 1em solid #eeeeee;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
}
ul.wc_payment_methods.payment_methods.methods label {
    font-size: 14px;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{
    font-weight: 500;
    color: #fff;
    font-size: 14px;
    background: #000;
}

/* # Login page */
.u-column1.col-1 h2, .u-column2.col-2 h2{
    font-size: 20px;
}
.u-column1.col-1 form {
    padding: 0;
}
.u-column2.col-2 form {
    padding: 0;
}

/* # Account dashboard pages */
.woocommerce-MyAccount-navigation ul {
    margin: 0;
}
.woocommerce-MyAccount-navigation ul li a:before {
    content: "\f3fd";
    display: inline-block;
    float: right;
    font-family: 'Font Awesome 5 Free';
    font-kerning: auto;
    font-size: 15px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 900;
    line-height: 22px;
    margin-left: 0.53em;
    text-align: right;
    text-rendering: auto;
    width: 3em;
    opacity: 0.8;
    -khtml-opacity: 0.8;
    -webkit-opacity: 0.8;
    -moz-opacity: 0.8;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:before {
    content: "\f291";
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a:before {
    content: "\f019";
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a:before {
    content: "\f015";
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a:before {
    content: "\f007";
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:before {
    content: "\f2f5";
}
.woocommerce-MyAccount-navigation ul li {
    border-bottom: 1px solid #ebebeb;
    list-style-type: none;
}
.woocommerce-MyAccount-navigation ul li a {
    padding: 10px 0;
    display: block;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 500;
    color: #666666;
}
.woocommerce-MyAccount-navigation ul li.is-active a, .woocommerce-MyAccount-navigation ul li a:hover {
    color: #000000;
}
.u-columns.woocommerce-Addresses.col2-set.addresses address {
    font-size: 14px;
}
form.woocommerce-EditAccountForm.edit-account legend {
    font-size: 18px;
}
.woocommerce-MyAccount-content a.woocommerce-button.button:hover {
    background: #84b77c;
    color:#fff;
}
a.woocommerce-Button.button {
    background: none;
    color: #000;
}
.woocommerce table.my_account_orders .button{
    font-size: 12px;
}
section.woocommerce-customer-details h2 {
    font-size: 22px;
}
section.woocommerce-customer-details address {
    font-size: 14px;
}
.woocommerce-column.woocommerce-column--1.woocommerce-column--billing-address.col-1 {
    padding: 0;
}
.woocommerce-column.woocommerce-column--2.woocommerce-column--shipping-address.col-2 {
    padding: 0;
}
.woocommerce .woocommerce-customer-details address{
    border-bottom-width: 1px;
    border-right-width: 1px;
}



@media (max-width: 767.98px) {
    /* responsive woocommerce */
    .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
        width: 100%;
    }
    .woocommerce table.shop_table td, th {
        padding: 10px !important;
        font-size: 13px;
    }
    .woocommerce a.button.alt{
        float: none !important;
    }
    .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {        
        width: 100%;       
    }
    .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {       
        width: 100%;       
    }
    .woocommerce-account .woocommerce-MyAccount-navigation {
        float: left;
        width: 100%;
        margin: 0 0 30px 0;
    }
    .woocommerce-account .woocommerce-MyAccount-content {
        float: right;
        width: 100%;
    }
    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
        width: 100%;
    }
    .woocommerce nav.woocommerce-pagination{
        margin: 0 0 50px;
    }

}

@media (min-width: 768px) {
    /* responsive woocommerce */
    .woocommerce .cart-collaterals .cart_totals,
    .woocommerce-page .cart-collaterals .cart_totals {
        width: 100%;
    }
    .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {        
        width: 100%;       
    }
    .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {       
        width: 100%;       
    }
    .woocommerce-account .woocommerce-MyAccount-navigation {
        float: left;
        width: 100%;
        margin: 0 0 30px 0;
    }
    .woocommerce-account .woocommerce-MyAccount-content {
        float: right;
        width: 100%;
    }    
}

@media (min-width: 992px) {
    /* responsive woocommerce */
    .woocommerce .cart-collaterals .cart_totals,
    .woocommerce-page .cart-collaterals .cart_totals {
        width: 50%;
    }
    .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {        
        width: 49%;       
    }
    .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {       
        width: 49%;       
    }
    .woocommerce-account .woocommerce-MyAccount-navigation {
        float: left;
        width: 20%;
    }
    .woocommerce-account .woocommerce-MyAccount-content {
        float: right;
        width: 75%;
    }
    .woocommerce nav.woocommerce-pagination{
        margin: 0px;
    }
}

@media (min-width: 1200px) {
    .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{
        width: 40%;
    }
    .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{
        width: 56%;
    }
}

Advertisements

WordPress Snippets


<?php

/* Tag list */
the_tags(' ', ' ', ' ');
echo get_the_tag_list("<ul class=\"list-unstyled text-center\"><li>", "</li><li>", "</li></ul>");


/* Get All tags */
$tags = get_tags();
$html = '<div class="post_tags">';
foreach ( $tags as $tag ) {
	$tag_link = get_tag_link( $tag->term_id );
			
	$html .= "<a href='{$tag_link}' title='{$tag->name} Tag' class='{$tag->slug}'>";
	$html .= "{$tag->name}</a>";
}
$html .= '</div>';
echo $html;


/* Post thumbnail */
if(has_post_thumbnail()){
	the_post_thumbnail('large', array('class' => 'img-fluid'));   
}

/* Comments */
if(comments_open()): ?>
	<div class="col-md-10 offset-md-1">
		<?php comments_template();?>
	</div>
<?php endif;


/* Post pagination */
the_posts_pagination(array(
	"screen_reader_text" => ' '
	)
);

/* template file included */
get_template_part('');


/* php file or lib included */
get_theme_file_path('');


/* post navigation */
next_post_link();
echo "<br>";
previous_post_link();


/* password protected post */
function alpha_protected_post($excerpt){
	if (! post_password_required()) {
		return $excerpt;
	}else{
		echo get_the_password_form();
	}
}

add_filter('the_excerpt', 'alpha_protected_post');


/* css added in header */
function launcher_style(){
	if (is_page()) {
		$thumb_img = get_the_post_thumbnail_url( null, 'large' );
		?>
		<style>
			.home-side{
				background-image: url(<?php echo $thumb_img;?>);
			}
		</style>
		<?php
	}
}

add_action( 'wp_head', 'launcher_style', 11);


/* custom meta field data retrieve */
$placeholder = get_post_meta( get_the_ID(), 'placeholder', true );


/* post format */
$alpha_format = get_post_format();


/* author info */
get_the_author_meta();


/* author image */
echo get_avatar( get_the_author_meta( 'id') );


/* body class remove or add */
function alpha_body_class($classes){
	unset($classes[array_search('wp-custom-logo', $classes)]);
	$classes[] = "newclass_add";
	return $classes;
}

add_filter( 'body_class','alpha_body_class');


/* post class remove or add */
function alpha_post_class($classes){
	unset($classes[array_search('tag-blog', $classes)]);	
	return $classes;
}

add_filter( 'post_class','alpha_post_class');


/* image srcset remove */
function alpha_image_srcset(){
	return null;
}
add_filter( 'wp_calculate_image_srcset', 'alpha_image_srcset' );


/* If you want to override a function into the child theme, just put in a check */
if(!function_exists('alpha_date')) {
	function alpha_date(){
		echo date("d/m/y");
	}
}

?>

Woocommerce Snippets

/****************************/

Woocommerce:
===============

|| Related products
   plugins > woocommerce > templates > single-product > related.php


|| how to move best seller product on the top
   go to storefront-template-hooks.php
   add_action( 'homepage', 'storefront_best_selling_products', 70 ); 
                      to
   add_action( 'homepage', 'storefront_best_selling_products', 10 );


|| img src directory
   <img src="<?php echo get_template_directory_uri(); ?>/assets/images/bd.jpg" width="" height="" alt="" />

|| custom css add
   <link rel="stylesheet" type="text/css" href="<?php echo get_stylesheet_directory_uri(). '/assets/css/custom.css' ?>">

|| Add Custom Fonts, top of the style.css file
   @font-face {
	font-family: calib;
	src: url('assets/fonts/calibrib.ttf');
}

|| search form anywhere
   <form role="search" method="get" class="woocommerce-product-search" action="<?php echo esc_url( home_url( '/'  ) ); ?>">
	<label class="screen-reader-text" for="s"><?php _e( 'Search for:', 'woocommerce' ); ?></label>
	<input type="search" class="search-field" placeholder="<?php echo esc_attr_x( 'Search Products&hellip;', 'placeholder', 'woocommerce' ); ?>" value="<?php echo get_search_query(); ?>" name="s" title="<?php echo esc_attr_x( 'Search for:', 'label', 'woocommerce' ); ?>" />
	<input type="submit" value="<?php echo esc_attr_x( 'Search', 'submit button', 'woocommerce' ); ?>" />
	<input type="hidden" name="post_type" value="product" />
   </form>


|| Number of related products
   add_filter( 'woocommerce_output_related_products_args', 'jk_related_products_args' );
   function jk_related_products_args( $args ) {
	$args['posts_per_page'] = 4; // 4 related products
	$args['columns'] = 3; // arranged in 3 columns
	return $args;
}


|| How to Remove Product Review,  go to functions.php
   	add_filter( 'woocommerce_product_tabs', 'helloacm_remove_product_review', 99);
	function helloacm_remove_product_review($tabs) {
		unset($tabs['reviews']);
		return $tabs;
	}

|| remove sidebar from product view page,  go to functions.php
   /* Storefront Theme – Remove WooCommerce Sidebar on the Single Product Page */
	add_action( 'get_header', 'bbloomer_remove_storefront_sidebar' );
	function bbloomer_remove_storefront_sidebar() {
	    if ( is_product() ) {
	        remove_action( 'storefront_sidebar', 'storefront_get_sidebar', 10 );
	    }
	}

|| add to cart text change, go to functions.php
   
   /* custom function add for add to cart text change */
	add_filter( 'woocommerce_product_add_to_cart_text', 'woo_archive_custom_cart_button_text' );    // 2.1 + 
	function woo_archive_custom_cart_button_text() {
	    return __( 'BY NOW', 'woocommerce' );
	}

|| how to change product column
   your theme > inc > woocommerce > storefront-woocommerce-template-functions.php
   search storefront_loop_columns

|| How do I add WooCommerce product categories to a custom menu?
    Go to Appearance > Menus
    In the upper right corner, click on Screen Options and ensure the "Products" and "Product Categories" boxes are checked

|| Display My Account link in a template file
   <?php if ( is_user_logged_in() ) { ?>
      <a href="<?php echo get_permalink( get_option('woocommerce_myaccount_page_id') ); ?>" title="<?php _e('My Account','woothemes'); ?>"><?php _e('My Account','woothemes'); ?></a>
   <?php } 
   else { ?>
      <a href="<?php echo get_permalink( get_option('woocommerce_myaccount_page_id') ); ?>" title="<?php _e('Login / Register','woothemes'); ?>"><?php _e('Login / Register','woothemes'); ?</a>
   <?php } ?>

|| How to enable registration on "My Account" page
   Go to WooCommerce > Settings > Account and  Enable customer registration on the "My account" page.

|| How To Change Product Images Size?
   1st woocommerce > setting > product > Display > Product Images
   2nd Regenerate Thumbnails plugins install and active
   tutorial link: https://www.youtube.com/watch?v=YVLb3eG0JdI
   

|| product detail page sku and category
   wp-content\plugins\woocommerce\templates\single-product\meta.php

|| Product listing page product name
   content-product.php
   <a href="<?php the_permalink(); ?>">---- </a>

|| product view page review tab remove

<?php
	add_filter( 'woocommerce_product_tabs', 'sb_woo_remove_reviews_tab', 98);
	function sb_woo_remove_reviews_tab($tabs) {

	 unset($tabs['reviews']);

	 return $tabs;
	}
?>

|| product view short description:
   woocommerce/single-product/short-description.php

|| breadcrumbs slash '/' replace as '>'
   function.php

<?php
	add_filter( 'woocommerce_breadcrumb_defaults', 'my_change_breadcrumb_delimiter' );
	function my_change_breadcrumb_delimiter( $defaults ) {
	 // Change the breadcrumb delimiter from '/' to '>'
	 $defaults['delimiter'] = ' > ';
	 return $defaults;
	}
?>

|| Default breadcrumbs remove from product page:
   function.php
   <?php remove_action( 'woocommerce_before_main_content','woocommerce_breadcrumb', 20, 0);?>

|| prodcut view page related product remove
   function.php
   <?php remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20 );?>

|| Add to cart remove:
        <?php
		/* product listing page add to cart remove */
		function remove_loop_button(){
			remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10 );
		}
		add_action('init','remove_loop_button');
			or
		remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart' );
		
		/* product detail page add to cart remove */
		remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );
		
	?>

|| Price Remove
       <?php
		/* product listing page price remove */
		remove_action( 'woocommerce_after_shop_loop_item_title', 'woocommerce_template_loop_price', 10 );
		/* product detail page price remove */
		remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 10 );
		
	?>

|| edit products page:

You need to add a folder to your theme named "woocommerce" and copy the contents from the woocommerce plugin folder under "templates", 
copy archive-product.php and paste your theme woocommerce folder. The loop folder contains the files you want to use. 
so, in your theme, you'd have something like
themefolder/woocommerce/archive-product.php
themefolder/woocommerce/loop/...
<?php
	do_action( 'woocommerce_sidebar' )
?>


|| Dynamic Product Category in sidebar:
   Appearance > Widget:
   drag and drop (WooCommerce Product Categories) in (primary sidebar) or (secondary widget area)

|| Dynamic product category anywhere:
   function.php

<?php
	/* product category */
	function wooCommerceCategories() {

		$taxonomy     = 'product_cat';
		$orderby      = 'name';  
		$show_count   = 0;      // 1 for yes, 0 for no
		$pad_counts   = 0;      // 1 for yes, 0 for no
		$hierarchical = 1;      // 1 for yes, 0 for no  
		$title        = '';  
		$empty        = 0;

		$args = array(
			'taxonomy'     => $taxonomy,
			'orderby'      => $orderby,
			'show_count'   => $show_count,
			'pad_counts'   => $pad_counts,
			'hierarchical' => $hierarchical,
			'title_li'     => $title,
			'hide_empty'   => $empty
		);
		$all_categories = get_categories( $args );
		 foreach ($all_categories as $cat) {
			if($cat->category_parent == 0) {
				$category_id = $cat->term_id;       
				echo '<br /><a href="'. get_term_link($cat->slug, 'product_cat') .'">'. $cat->name .'</a>'; 
				$args2 = array(
						'taxonomy'     => $taxonomy,
						'child_of'     => 0,
						'parent'       => $category_id,
						'orderby'      => $orderby,
						'show_count'   => $show_count,
						'pad_counts'   => $pad_counts,
						'hierarchical' => $hierarchical,
						'title_li'     => $title,
						'hide_empty'   => $empty
				);
				$sub_cats = get_categories( $args2 );
				if($sub_cats) {
					foreach($sub_cats as $sub_category) {
						echo  $sub_category->name ;
					}   
				}
			}       
		}
	}
	/**/
?>

/* function call */

<div class="product_category col-lg-1 col-md-2">
     <?php if(function_exists("wooCommerceCategories")) wooCommerceCategories(); ?>
</div>