Tips on how to customise Woocommerce Single Product Web page | 14 Helpful Hacks

add_filter( 'woocommerce_product_tabs', 'custom_tab' );
perform custom_tab( $tabs ) {	
	// Provides the brand new tab
	$tabs['form'] = array(
		'title' 	=> __( 'Ship us an enquiry', 'woocommerce' ),
		'precedence' 	=> 30,
		'callback' 	=> 'custom_tab_content'
	);
	return $tabs;
}
perform custom_tab_content() {

	// The brand new tab content material

	echo '<h4>Ship us an enquiry</h4>';
	echo '<p>Lorem ipsum dolor sit amet consectetur adipiscing elit ultricies convallis volutpat, placerat proin scelerisque eget velit tellus at nibh risus. </p>';
	echo do_shortcode( '' );
}

/* Associated merchandise IN CUSTOM TAB */

// Take away associated merchandise from authentic location
remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20);
 
// Create a brand new {custom} tab
add_filter( 'woocommerce_product_tabs', 'related_product_tab' );
 
perform related_product_tab( $tabs ) {   
$tabs['related-products'] = array(
   'title'    => __( 'Associated merchandise', 'woocommerce' ),
   'precedence'    => 50,
   'callback'    => 'related_product_tab_content'
);
   return $tabs;
}
 
// Add associated merchandise inside new tab
perform related_product_tab_content() {
woocommerce_output_related_products();
}

 /* UPSELLS IN CUSTOM TAB */

// Take away uplsells merchandise from authentic location
remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_upsell_display', 15 );
 
// Create a brand new {custom} tab
 
add_filter( 'woocommerce_product_tabs', 'upsells_product_tab' );
 
perform upsells_product_tab( $tabs ) {   
$tabs['upsells-products'] = array(
   'title'    => __( 'Appropriate merchandise', 'woocommerce' ),
   'precedence'    => 50,
   'callback'    => 'upsells_tab_content'
);
   return $tabs;
}
// Add upsells inside new tab
perform upsells_tab_content() {
woocommerce_upsell_display();
}

perform scroll_to_product_tab() {

world $put up, $product;

// LINK TO SCROLL TO DESC TAB
if ( $post->post_content ) {
echo '<p><a category="jump-to-tab" href="#tab-description">' . __( 'Learn extra', 'woocommerce' ) . ' →</a></p>';
}

// LINK TO SCROLL TO ADDITIONAL INFO TAB
if ( $product && ( $product->has_attributes() || apply_filters( 'wc_product_enable_dimensions_display', $product->has_weight() || $product->has_dimensions() ) ) ) {
echo '<p><a category="jump-to-tab" href="#tab-additional_information">' . __( 'Extra data', 'woocommerce' ) . ' →</a></p>';
}
// LINK TO SCROLL TO REVIEWS TAB
if ( comments_open() ) {
echo '<p><a category="jump-to-tab" href="#tab-reviews">' . __( 'Critiques', 'woocommerce' ) . ' →</a></p>';
}
?>
<script>
jQuery(doc).prepared(perform($){
$('a.jump-to-tab').click on(perform(e){
e.preventDefault();
var tabhash = $(this).attr("href");
var tabli = 'li.' + tabhash.substring(1);
var tabpanel = '.panel' + tabhash;
$(".wc-tabs li").every(perform() {
if ( $(this).hasClass("lively") ) {
$(this).removeClass("lively");
}
});
$(tabli).addClass("lively");
$(".woocommerce-tabs .panel").css("show","none");
$(tabpanel).css("show","block");
$('html,physique').animate({scrollTop:$(tabpanel).offset().high -150},'sluggish'); // Set your offset by altering -150 worth
});
});
</script>

add_action( 'woocommerce_single_product_summary', 'scroll_to_product_tab', 21 );
  
perform scroll_to_product_tab() {
     
    world $put up, $product; 
     
    // LINK TO SCROLL TO DESC TAB
    if ( $put up->post_content ) {
        echo '<p><a category="jump-to-tab" href="#tab-description">' . __( 'Learn extra', 'woocommerce' ) . ' →</a></p>';
    }
     
    // LINK TO SCROLL TO ADDITIONAL INFO TAB
    if ( $product && ( $product->has_attributes() || apply_filters( 'wc_product_enable_dimensions_display', $product->has_weight() || $product->has_dimensions() ) ) ) {
        echo '<p><a category="jump-to-tab" href="#tab-additional_information">' . __( 'Extra data', 'woocommerce' ) . ' →</a></p>';
    }
        // LINK TO SCROLL TO REVIEWS TAB
    if ( comments_open() ) {
        echo '<p><a category="jump-to-tab" href="#tab-reviews">' . __( 'Critiques', 'woocommerce' ) . ' →</a></p>';
    }
    ?>
        <script>
        jQuery(doc).prepared(perform($){
            $('a.jump-to-tab').click on(perform(e){
                e.preventDefault();
                var tabhash = $(this).attr("href");
                var tabli = 'li.' + tabhash.substring(1);
                var tabpanel = '.panel' + tabhash;
                $(".wc-tabs li").every(perform() {
                    if ( $(this).hasClass("lively") ) {
                        $(this).removeClass("lively");
                    }
                });
                $(tabli).addClass("lively");
                $(".woocommerce-tabs .panel").css("show","none");
                $(tabpanel).css("show","block");
                $('html,physique').animate({scrollTop:$(tabpanel).offset().high -150},'sluggish'); // Set your offset by altering -150 worth
            });
        });
        </script>
    <?php
}

if( window.location.hash ) {
// Vars
var tab = window.location.hash.substitute('#', '');

// Tabs
$( 'li.description_tab' ).removeClass( 'lively' );
$( 'a[href="#' + tab + '"]' ).father or mother( 'li' ).addClass( 'lively' );

// Tabs content material
$( '#tab-description' ).cover();
$( '#tab-' + tab.substitute( 'tab-', '' ) ).present();
}

// when the tab is chosen replace the url with the hash
$( '.tabs a' ).click on( perform() {
window.location.hash = 'tab-' + $(this).father or mother('li').attr("class").substitute(' lively', '').substitute('_tab', '');
});

});
</script>

perform direct_link_to_product_tabs() {
	if( is_product() ) {
	?>
		<script kind="textual content/javascript">
			jQuery(doc).prepared(perform($) {

				if( window.location.hash ) {
					// Vars
					var tab = window.location.hash.substitute('#', '');

					// Tabs
					$( 'li.description_tab' ).removeClass( 'lively' );
					$( 'a[href="#' + tab + '"]' ).father or mother( 'li' ).addClass( 'lively' );

					// Tabs content material
					$( '#tab-description' ).cover();
					$( '#tab-' + tab.substitute( 'tab-', '' ) ).present();
				}

				// when the tab is chosen replace the url with the hash
				$( '.tabs a' ).click on( perform() { 
window.location.hash = 'tab-' + $(this).father or mother('li').attr("class").substitute(' lively', '').substitute('_tab', '');
				});

			});
		</script>
	<?php
	}
}
add_action( 'wp_footer', 'direct_link_to_product_tabs', 30 );

// works for Easy and Variable kind
$regular_price = get_post_meta( $product->get_id(), '_regular_price', true ); // 36.32
$sale_price = get_post_meta( $product->get_id(), '_sale_price', true ); // 24.99

if( !empty($sale_price) ) {

$saved_amount = $regular_price – $sale_price;
$currency_symbol = get_woocommerce_currency_symbol();

$proportion = spherical( ( ( $regular_price – $sale_price ) / $regular_price ) * 100 );
?>
<p class="you_save_price">You save: <?php echo $currency_symbol .''. number_format($saved_amount, 2, '.', ''); ?></p>

perform you_save_text_for_product() {
	world $product;

	// works for Easy and Variable kind
	$regular_price 	= get_post_meta( $product->get_id(), '_regular_price', true ); // 36.32
	$sale_price 	= get_post_meta( $product->get_id(), '_sale_price', true ); // 24.99
		
	if( !empty($sale_price) ) {
	
		$saved_amount 		= $regular_price - $sale_price;
		$currency_symbol 	= get_woocommerce_currency_symbol();

		$proportion = spherical( ( ( $regular_price - $sale_price ) / $regular_price ) * 100 );
		?>
			<p class="you_save_price">You save: <?php echo $currency_symbol .''. number_format($saved_amount, 2, '.', ''); ?></p>				
		<?php		
	} 
		
}
add_action( 'woocommerce_single_product_summary', 'you_save_text_for_product', 12 ); // hook precedence

if( $variation->is_on_sale() ) {
$saved_amount = $information['display_regular_price'] – $information['display_price'];
$proportion = spherical( $saved_amount / $information['display_regular_price'] * 100 );

$information['price_html'] .= '<p id="you_save_price">'. __("You Save") .': ' . wc_price($saved_amount) . ' ('.$proportion.'%)

// For product variations (on variable merchandise)
add_filter( 'woocommerce_available_variation', 'variable_product_saving_amount', 10, 3 );
perform variable_product_saving_amount( $information, $product, $variation ) {

    if( $variation->is_on_sale() ) {
        $saved_amount  = $information['display_regular_price'] - $information['display_price'];
        $proportion    = spherical( $saved_amount / $information['display_regular_price'] * 100 );

        $information['price_html'] .= '<p id="you_save_price">'. __("You Save") .': ' . wc_price($saved_amount) . ' ('.$proportion.'%)</p>';
    }
    return $information;
}

// Get the product classes set within the product
$phrases = wp_get_post_terms( get_the_id(), 'product_cat' );

// Test that there’s at leat one product class set for the product
if(sizeof($phrases) > 0){
// Get the primary product class WP_Term object
$time period = reset($phrases);
// Get the time period hyperlink (button hyperlink)
$hyperlink = get_term_link( $time period, 'product_cat' );

// Button textual content
$textual content = __('← Again to class','woocommerce') . ' <sturdy>' . $term->identify . '</sturdy>';

// Output
echo '<div class="back-to-category"><a href="'.esc_url($hyperlink).'" title="'.$textual content.'" '.$term->slug.'">'.$textual content.'</a>