The screenshot below will show you how to config product image like demo
Go to Woocommerce >> Settings Click on Display tab. Then setup Product Images options as below

Please consult Woocommerce Documentation for further information in setting up products and Woocommerce shop.