Customizing Woocommerce single product product template?

Hey Peter,

Thank you for using Enfold.

The snippets are already available on the visual guide page. All you need to do is remove a specific hook and add it back with a different priority value. The priority value is the integer at the very end of the action hook, which defines where the element is going to be inserted. If you want to start from scratch, just add this code in the functions.php file to remove the default product elements.

remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_title', 5 );
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_rating', 10 );
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 10 );
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_excerpt', 20 );
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_meta', 40 );
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_sharing', 50 );

You can then add them back with this snippet, adjusting the priority value to suit your needs.

add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_title', 5 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_rating', 10 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 10 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_excerpt', 20 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_meta', 40 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_sharing', 50 );

The snippet above will render the product elements as follows in response to the priority value:

Title – 5
Rating – 10
Price – 10
Excerpt – 20
Add to Cart – 30
Meta Info – 40
Sharing – 50

Best regards,
Ismael

Hi,

Thanks for the update.

You should probably include this in the init hook that you’ve just created.

add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 11 );

We set the priority from 30 to 11, so the add to cart renders right after the product title.

Best regards,
Ismael

Hi,

Thanks for the update.

Is that from a plugin? Looks like the plugin is using the same hook to render those add ons. Please ask the plugin authors for the exact hook and callback name so that we can remove them if necessary.

Best regards,
Ismael

Hi,

Have your tried asking the plugin authors for the name of the callback or function used to render the mix and match products? And please confirm the name of the woocommerce template hook that they used.

Best regards,
Ismael

Hi,

Yes, that would help. Please provide the download link in the private field. Or post the FTP details in the private field.

Best regards,
Ismael

Hi,

Looks like the plugin is using the “woocommerce_before_add_to_cart_button” hook to display the product add on. We can’t override it though. Please ask the plugin author if it’s possible to remove that action and use the “display” callback on another hook.

Best regards,
Ismael

Hi,

Thanks for the update.

You can use the following code. That should move the add ons right after the product sharing section and before the product tabs.

add_action('init', 'ava_remove_pao_display', 30);
function ava_remove_pao_display() {
    global $Product_Addon_Display;
    remove_action( '<a href='https://refer.wordpress.com/r/84/woocommerce/' target='_blank' rel="nofollow">woocommerce</a>_before_add_to_cart_button', array( $Product_Addon_Display, 'display' ), 10 );
    add_action( '<a href='https://refer.wordpress.com/r/84/woocommerce/' target='_blank' rel="nofollow">woocommerce</a>_single_product_summary', array( $Product_Addon_Display, 'display' ), 60 );
}

Best regards,
Ismael