在WooCommerce加售之前显示自定义属性（链接的产品）

Question

I manage to display the custom attributes but they are shown after linked products how can I make them appear before?

On the left: what I currently have, right desired result

Thanks

Answer 1

If you look to the woocommerce template content-single-product.php you will see that:

/**
 * woocommerce_after_single_product_summary hook.
 *
 * @hooked woocommerce_output_product_data_tabs - 10
 * @hooked woocommerce_upsell_display - 15
 * @hooked woocommerce_output_related_products - 20
 */
do_action( 'woocommerce_after_single_product_summary' );

That means that in the woocommerce_after_single_product_summary hook, the following is displayed:

1. First (with a priority of 10) The product tabs,
2. Then (with a priority of 15) The upsells,
3. And to finish (with a priority of 20) The related products.

So if you want to display your custom code between the product tabs and the upsells, you will need to use a custom function hooked in woocommerce_after_single_product_summary action hook with a priority between 11 to 14.

You can do it this way:

add_action('woocommerce_after_single_product_summary', 'custom_code_after_single_product_summary', 12 );
function custom_code_after_single_product_summary() {
    global $product;

    // Set here your post "meta_key" for your custom product attribute
    $meta_key1 = 'pa_when-to-use';

    // Your code (related to your comment):
    echo get_post_meta($product->get_id(),  $meta_key1, true);
}

Code goes in function.php file of your active child theme (or theme) or also in any plugin file.

Tested and works on WooCommerce 3+…