Why I Love WordPress
In the early days (2003), WordPress was essentially a blogging tool and...
9.Apr.2016 | Code Snippets, eCommerce, WooCommerce, Wordpress
Here is a really simple way to create custom tabs for your WooCommerce builds using the ACF Repeater Field.
First, create your repeater field and call it “tabs”. Create 2 sub fields and call them whatever you like, I have used “tab_title” (text field) and “tab_content” (wysiwyg field). Then select to show fields for “Post Type > Product”.
Next, add this to your functions.php file:
<?php
function load_custom_tab( $tab_key, $tab_info ) {
echo apply_filters( 'the_content', $tab_info['tabContent'] );
}
function add_content_tabs( $tabs ) {
global $post;
$custom_tabs = get_field( 'tabs', $post->ID );
if ( $custom_tabs ) :
foreach( $custom_tabs as $index => $tab ) {
$tabs['customTab-' . $index] = array(
'title' => $tab['tab_title'],
'priority' => 20 + $index,
'tabContent' => $tab['tab_content'],
'callback' => 'load_custom_tab'
);
}
endif;
return $tabs;
}
add_filter( 'woocommerce_product_tabs', 'add_content_tabs' );
?>
Thats it!
Links: Gabe, WooCommerce, ACF Repeater Field
Coding Tips, WooCommerce Tips, WordPress Tips
Share
In the early days (2003), WordPress was essentially a blogging tool and...
To allow the editor user role to have full access to Gravity...
Add this code to your functions.php file to add the dimensions to...
If you’re a start up business, a sole trader or a small business, it is inevitable that you are going...
In the early days (2003), WordPress was essentially a blogging tool and quite limited in how you could build with...
A quick way to manually disable the WordPress emojicons code without needing a plugin. Pop this in your functions.php file:...