The Definitive Guide to Setting Up WordPress in 2024: A Bristol Freelance Web Developer’s Essential Setup
In the ever-evolving landscape of website development, staying ahead of the curve...
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 ever-evolving landscape of website development, staying ahead of the curve...
In the digital realm, your website serves as the cornerstone of your...
In the ever-evolving world of e-commerce, having a robust and flexible platform...
This is the best method I found for completely removing the comments from WordPress. This combination of functions will remove...
Being a freelance web developer, I often work on websites for start up and small businesses. The topic of social...
Get the featured image dimensions (width and height) in WordPress. Paste the following code in the single.php file. <?php $post_id...