Woocommerce change position "in stock"

Hey soltner,

Thank you for the inquiry.

We checked the product page and it looks like the stock is now located after the price. Do you require more help with this? You can use the template hooks if you want to move certain elements in the product page.

Example:

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 );

add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_meta', 10 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_excerpt', 20 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 30 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 40 );

Best regards,
Ismael

Hi,

Thank you for the update.

Try to add this code in the functions.php file to display the stock after the price.

add_action("woocommerce_single_product_summary", function() {
	global $product;
	echo wc_get_stock_html( $product ); // WPCS: XSS ok.
}, 15);

You may need to remove or hide the default “in stock” element using css.

Best regards,
Ismael

Hi,

Thanks for the update. Please try this CSS instead:

.single-product p.in-stock:nth-child(2) {
  display: none;
}

Best regards,
Rikard

Hi,

Thanks for the update. Please try this CSS instead:

.single-product p.in-stock:nth-of-type(2) {
  display: none;
}

Best regards,
Rikard

Hi,

Thanks for the update, I hope you had a good holiday :-)

Could you provide us with admin WordPress login details in private, so that we can try to adjust the CSS for you please?

Best regards,
Rikard

Hi,

Thanks for that. I couldn’t get any CSS to apply from Quick CSS or you style sheet in the child theme, but this works in the WordPress customiser. Please try it out:

.single-product p.in-stock:nth-of-type(3) {
  display: none;
}

Best regards,
Rikard

Hi,

Great, I’m glad that we could help you out :-)

Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard

Hi,

Thanks for letting us know, I’ll go ahead and close this thread for now then. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard