Find out hooks
Example: Product Page
1. Plugins to use: Simply Show Hooks
2. ../plugins/woocommerce/templates/Content-single-product.php
Edit Product Tabs:
https://docs.woocommerce.com/document/editing-product-data-tabs/
Customize Storefront Home Page:
https://atlantisthemes.com/change-storefront-homepage-layout/#Storefront_Homepage
Hide Shopping Cart when it is empty
jQuery(function($) {
if($(‘.x-cart .inner’).html()==“0 Items”) {
$(‘.x-menu-item-woocommerce’).css(‘display’,‘none’);
}
$(“.add_to_cart_button”).on(“click”, function() {
if ( $(‘.x-menu-item-woocommerce’).css(‘display’) == ‘none’ ){
$(‘.x-menu-item-woocommerce’).css(‘display’,‘block’);
}
});
});
Load Custom Menu for the shop (single product page)
1. Find a file called: single-product.php and locate get_header( ‘shop’ )
2. Copy header.php to child theme
3. rename it to header-shop.php
4. change the menu name into the one to load
5. get_header(‘shop’) means header-shop.php with ‘prefix: header-‘