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...
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...
In the ever-evolving landscape of website development, staying ahead of the curve is essential. As a freelance web developer based...
A quick snipped of code that can be used attach a function to the escape key. Great for adding or...
Need a bespoke WooCommerce site with dynamic content for two types of visitor? For example, this is from a recent...