Darna is fully compatible with Woocommerce so you can start your online shop with it in a matter of minutes. All you need to do is install Woocommerce plugin, setup your products and start selling!
Go to Woocommerce → Settings. Click on Product → Display tab. Then setup Product Images options.
The screenshot below will show you how to setup to have Woocommerce products that display like in Darnademo data.
Please consult Woocommerce Documentation for further information in setting up products and Woocommerce shop by this plugin.