After the add-on is installed, you can create image rules for each calculator. Each rule connects a condition to a WooCommerce product image.

1. Open the Calculator tab in the main plugin.
2. Open the dropdown menu for the calculator you want to configure.
3. Click Product Image Logic.
4. Click Add Rule.
5. Set the rule name, choose the image, define the rule conditions, then save it.
6. Enable Product Image Logic for that calculator.

What each rule contains

• Name: a descriptive internal label for the rule.
• Image: the WooCommerce product image to show when the rule matches.
• Rules: the condition that decides when the image should appear. These rules follow the same logic used in Conditional Logic.

How matching works

If multiple non-strict rules can match the same customer input, only one image will be used. For that reason, it is better to write rules that do not overlap unless that behavior is intentional.

Example of overlapping rules:

• Rule 1: show picture-1.png when Height >= 100
• Rule 2: show picture-2.png when Height >= 300

If the customer enters Height = 500, both rules match. A stricter setup is easier to maintain:

• Rule 1: show picture-1.png when Height >= 100 AND Height < 300
• Rule 2: show picture-2.png when Height >= 300