The Woo Products option gives you the opportunity to display the Calculator on the product page so the users are able to calculate the price of a product in different parameters.
Let's have a look at the settings.
First, you need to enable the option by turning on the Enable Calculator for WooCommerce Products.
Then, on the Categories field indicate the product category where you wish to display the Calculator:
After, choose where to display the Calculator on the product page under the Select Hook For Showing Calculator field.
The Calculator can be displayed:
Before Single Product - before the product content begins (At the Top of Product )
Before Product Meta - before the product's meta info (on the right side of the product image)
After Product Meta - after the product's meta info (on the right side of the product image)
After Single Product Summary - after the product main information (before the product tabs)
After Single Products - at the end of the product content (At the Bottom of the Product)
Also, you can enable the Hide WooCommerce Add To Cart Form option to remove the WooCoomerce default Add to Cart button on the product page.
Next comes the Link WooCommerce Meta to Calculator Fields section. Here you can bind the WooCommerce Metas with the Calculator Fields using provided actions.
On the WooCommerce Meta field select the available meta.
Then indicate your needed field on the Calculator Field (the current calculator fields appear). After select with which action you want to tie them: Set Value or Set Value and disable.
Set Value - automatically displays the value of Meta on the calculator field
Set Value and disable - shows the value on the calculator field and makes the field impossible to change.