Shortcodes

Hi @mikosworld,

Are you sure there’s no option to load tabs? We have a lot of plugin users who also use Visual Composer – this plugin is definitely compatible.

Regardless, we do have some custom code you can add to render our product tabs as a shortcode. This is the shortcode function:

function yikes_custom_product_tabs_shortcode( $args ) {
	global $post;
	
	// Define our default values
	$defaults = array(
		'product_id' => $post->ID,
		'tab_number' => 'all',
		'tab_title'  => false,
	);

	// Let the user-defined values override our defaults
	$values = is_array( $args ) ? array_merge( $defaults, $args ) : $defaults;

	// Make sure we have a product ID and that the product ID is for a product 
	if ( empty( $values['product_id'] ) || ! empty( $values['product_id'] ) && get_post_type( $values['product_id'] ) !== 'product' ) {
		return;
	}

	// Fetch our tabs
	$tabs = maybe_unserialize( get_post_meta( $values['product_id'], 'yikes_woo_products_tabs', true ) );

	// Get just the specified tab. (minus tab number by one so it starts at 0)
	$tabs = absint( $values['tab_number'] ) < 1 ? $tabs : ( isset( $tabs[ absint( $values['tab_number'] ) - 1 ] ) ? array( $tabs[ absint( $values['tab_number'] ) - 1 ] ) : array() );

	if ( empty( $tabs ) ) {
		return;
	}

	// Debug statement to show all tab data. Feel free to remove.
	// echo '<pre>'; var_dump( $tabs ); echo '</pre>';

	$html = '';

	// Loop through the tabs and display each one
	foreach( $tabs as $tab ) {

		// Check if we're looking for a specific tab title.
		if ( false !== $values['tab_title'] && strtolower( $tab['title'] ) !== strtolower( $values['tab_title'] ) ) {
			continue;
		}

		$html .= '<p>' . $tab['title'] . '</p>';
		$html .= '<p>' . apply_filters( 'the_content', $tab['content'] ) . '</p>';
	}

	// Make sure to return your content, do not echo it.
	return $html;
}

add_shortcode( 'custom_product_tabs', 'yikes_custom_product_tabs_shortcode' );

You can use this shortcode like this:

[custom_product_tabs product_id="" tab_number="" tab_title=""]

• product_id : the ID of the product you want to show the tabs from. If no ID is passed in, we automatically grab the “current” product
• tab_number : this is the number of tabs to display. By default, all of a product’s tabs are shown.
• tab_title : this is the title of a specific tab you want to display. For example, ‘shipping’ (make sure the tab title is all lowercase)

Cheers,
Kevin.

• This reply was modified 6 years, 10 months ago by yikesitskevin.

Woot! Let me know if you need any improvements to that shortcode. I can see a lot of potential updates to it (changing HTML, removing tab title, etc.)