A lot of people might not know this but WooCommerce actually has a built-in drag and drop functionality in their plugin. To use it, click into your “Products” page and click on “Sorting” at the top.
You can then hover over a product and drag them around to change their order. And yes, this directly affects the order in which they appear on the frontend of your shopping page.