Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save shameemreza/d2cebb288bf738ae14d633c0c7da23ed to your computer and use it in GitHub Desktop.
Save shameemreza/d2cebb288bf738ae14d633c0c7da23ed to your computer and use it in GitHub Desktop.
WooCommerce: activate product tabs from URL
<?php
/**
* wc_direct_link_to_product_tabs
*
* Allows you to create custom URLs to activate product tabs by default, directly from the URL
* ex: http://mysite.com/my-product-name#reviews
*/
function wc_direct_link_to_product_tabs() {
if( is_product() ) {
?>
<script type="text/javascript">
jQuery(document).ready(function($) {
if( window.location.hash ) {
// Vars
var tab = window.location.hash.replace('#', '');
var tab_content = 'tab-' + tab;
// Tabs
$( 'li.description_tab' ).removeClass( 'active' );
$( 'li.' + tab + '_tab' ).addClass( 'active' );
// Tabs content
$( '#tab-description' ).hide();
$( '#' + tab_content ).show();
}
// when the tab is selected update the url with the hash
$(".tabs a").click( function() {
window.location.hash = $(this).parent('li').attr("class").replace(' active', '').replace('_tab', '');
});
});
</script>
<?php
}
}
add_action( 'wp_footer', 'wc_direct_link_to_product_tabs', 30 );
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment