Heres the code how I did it. Maybe it will help some of you.
In functions.php:
function additional_information_tab_content() {
// get the product
global $product;
// Get the post IDs of all the product variations
$variation_ids = $product->children;
// check if we have variations
if ( empty( $variation_ids ) )
return;
// walk the variations
foreach( $variation_ids as $variation_id ) {
$description = wcpvd_get_variation_description( $variation_id );
$model_name = ‘-‘.get_post_meta($variation_id, ‘attribute_pa_zustand’, true);
// echo ‘<div id=”variation-‘ . $variation_id . ‘” style=”display: none;”>’;
echo ‘<div class=”custom_variation” id=”model’ . $model_name . ‘” style=”display: none;”>’ . ‘<p>’ . $description . ‘</p>’ . ‘</div>’;
// echo ‘</div>’;
// echo $description;
}
}
function additional_information_tab($tabs) {
$tabs[‘additional_information_tab’] = array(
‘title’ => __(‘Zustand’, ‘woocommerce’), // Titel des Tabs
‘priority’ => 30, // Priority
‘callback’ => ‘additional_information_tab_content’ // Funktion, die den Inhalt des Tabs anzeigt
);
return $tabs;
}
add_filter(‘woocommerce_product_tabs’, ‘additional_information_tab’);
function remove_tab_reviews($tabs) {
// Hide variantdescription if not exist
global $product;
$variation_ids = $product->children;
if ( empty( $variation_ids ) ){
unset($tabs[‘additional_information_tab’]);
}
return $tabs;
}
add_filter(‘woocommerce_product_tabs’, ‘remove_tab_reviews’);
// Register Script
function load_scripts() {
wp_register_script( ‘additionalvariation’, get_stylesheet_directory_uri() . ‘/js/additionalvariation.js’, array( ‘jquery’ ) );
wp_enqueue_script( ‘additionalvariation’ );
}
add_action(‘wp_enqueue_scripts’, ‘load_scripts’);
And the jquery code saved in ../yourtheme/js
jQuery(window).load(function(){
// get the specific select element by id #model
jQuery(‘select#pa_zustand’).change(function() {
var value = “”;
// get the option that has been selected
jQuery( “select#pa_zustand option:selected” ).each(function() {
// get the value data-attribute, prepend it with “model”
value += “model-” + jQuery( this ).val();
// the variable value will now be identical to the id of one of the wrapping custom_variation divs
});
// Hide all custom_variation divs
jQuery( ‘.custom_variation’).css( ‘display’, ‘none’ );
// Display only the custom_variation div witht the specific id
jQuery( ‘.custom_variation#’ + value ).css( ‘display’, ‘block’ );
});
});
`
I dont think its really well scripted. If someone knows something to add I’m open for ideas ??
