Hi there @likitha02!
There are no built-in options to make that change. So one solution could be custom CSS code that uses flexbox that allows you changing the order of HTML elements.
Unfortunately, we cannot help you with creating the needed code directly as per our support policy https://woocommerce.com/support-policy/
WooCommerce Customizations Page is a place to look for such help.
Just in case, you can read through this short guide to get more comfortable with CSS code and be able to make changes even yourself:
– https://cssworkshop.wordpress.com/
Here are some other helpful posts that will help you customize your site with CSS:
– https://dailypost.wordpress.com/2013/07/25/css-selectors/
– https://dailypost.wordpress.com/2013/06/21/css-intro/
– https://dailypost.wordpress.com/2013/08/29/css-matched-rule-pane/
– https://en.support.wordpress.com/custom-design/how-to-find-your-themes-css/
I hope that’s helpful and points you in the right direction. Let us know if you have more questions.
