Hi @jameskoster,

I’ve looked at doing this using WooCommerce Attributes and it’s too limited!
I need a better way to add images into Attributes, is this not anything I can feature request for core?

I’ll explain how far I got…
I tried several plugins to add the image, whilst it adds, it is impossible to echo in the front end, as when referencing the attribute image, nothing returns, as this isn’t attribute related, considering I’m trying to return in a loop, this was never going to work I regret to say…

This: https://wordpress.org/plugins/woo-product-attribute-tab/ works wonders in doing the tab display I wanted, I tried to use functions.php as you described, but I got that tiny bit further with this plugin, although, I did remove “Additional Information” with the functions snippets.

I think being able to embed my custom post types into a tab, or at least attach those to attributes would help here, those custom post types allow me to insert a title, description & featured image, tying that in with Attributes would mean we can go to Attributes in a product then select “Ingredients” and pull the data from the “ingredients” post_type.

Does this make sense?

As I say, this is exactly what we’re looking for, found under “Main Ingredients” on this website: https://www.pevonia.co.uk/buy/index.php?route=product/product&path=238_58_234_66&product_id=302

Kind Regards
Dan

Hi James,

Thanks for getting back, yes, this is basically what we wish to do, the difficulty being getting the option to appear in the back end of the site for our marketing guys to easily chose ingredients,
That said, I’ve played more with Attributes and I am able to get these to display in a tab of their own, provided we can get the description outputted and an image attached (and outputted) then this is all we need! I will then use an accordian for the description on the same page rather than mix with the post_types…
Since opening this ticket, we have decided to have “Ingredients” listing all ingredients in a product and “Main Ingredients” listing the top 5 key ingredients, which implies that we will need to have differnt ways to store these ingredients, so using attributes would allow us to list these both in the same way.

So far, my functions.php looks like this, although, I would like to output the ingredients individually without being in the same <p> tag:

/**
 * Remove product data tabs
 */
add_filter( 'woocommerce_product_tabs', 'woo_remove_product_tabs', 98 );

function woo_remove_product_tabs( $tabs ) {

//    unset( $tabs['description'] );          // Remove the description tab
//    unset( $tabs['reviews'] );          // Remove the reviews tab
    unset( $tabs['additional_information'] );   // Remove the additional information tab

    return $tabs;
}
function woo_new_product_tab_content() {

    // The new tab content

    echo '<h2>List of Ingredients in this product</h2>';
    echo '<p>Here\'s your new product tab.</p>';
    global $product;
//     $ingredient = $product->get_attribute('pa_ingredients');
//     $product = wc_get_product( $product_id );
$ingredients_list = $product->get_attribute( 'ingredients' );
 //   print $ingredients_list;

$meta_image = get_wp_term_image($term_id); 

$has_row    = false;
$attributes = $product->get_attributes();
 
ob_start();
 
?>
<div class="product_attributes">
 
    <?php foreach ( $attributes as $attribute ) :
 
        if ( empty( $attribute['is_visible'] ) || ( $attribute['is_taxonomy'] && ! taxonomy_exists( $attribute['name'] ) ) ) 
            continue;
 
        $values = wc_get_product_terms( $product->get_id(), $attribute['name'], array( 'fields' => 'names' ) );
        $att_val = apply_filters( 'woocommerce_attribute', wpautop( wptexturize( implode( '<br>', $values ) ) ), $attribute, $values );
 
        if( empty( $att_val ) )
            continue;
 
        $has_row = true;
        ?>
 
    <div class="col">
        <div class="att_label"><?php //echo wc_attribute_label( $attribute['name'] ); ?></div>
        <div class="att_value"><?php $meta_image = get_wp_term_image($term->term_id); ?><?php echo $att_val; ?></div><!-- .att_value -->
    </div><!-- .col -->
 
    <?php endforeach; ?>
 
</div><!-- .product_attributes -->
<?php
if ( $has_row ) {
    echo ob_get_clean();
} else {
    ob_end_clean();
}
}