Modern Checkbox Pro User Guide

1. Create mappings

Mappings connect a checkbox label to the field you want to show or hide.

1. Open the app and click Add Mapping.
2. Enter the Checkbox Label exactly as it appears on the product page.
3. Enter the Target Field Label (the option you want to show/hide).
4. Click Save Changes.

2. Visibility behavior

When the checkbox is unchecked, the target field hides. When checked, it becomes visible.

• Targets can be text fields, select menus, or custom options.
• Multiple checkboxes can control different fields.

3. Styling presets

Select a preset to instantly match your store’s design.

• Primary: Modern blue with crisp contrast.
• Ocean: Bright teal with soft glow.
• Midnight: Dark slate for premium brands.

4. Size and shape

Control toggle size and corner radius from the Admin panel:

• Size: Small, Medium, or Large.
• Shape: Rounded or Squared.

5. Advanced Mode

Advanced Mode lets you target complex option layouts.

• Use it if your option label is nested or hidden.
• Ideal for date pickers or custom product builders.

6. Troubleshooting

Checkbox doesn’t toggle

Verify that the checkbox label matches exactly and the target label is correct.

Target field not found

Ensure the target option is inside a standard .form-field container.

Styling doesn’t update

Save changes in the Admin panel and refresh the product page.