How to configure the Image Dropdown Input?

📝 Note: This is part of PPOM pro, which you can get from here.

The Image Dropdown input allows you to present a sneak peek of the product using thumbnails in a dropdown. The user can also access the product variation by clicking on the image, but only after a few configurations.

1

Navigate to WooCommerce > PPOM Fields, and add a new field group.

2

Insert the Image Dropdown input and configure its name.

3

Enable the Image Replace feature to ensure the proper view for your visitors.

4

Enable the Gallery effect to keep the images from the dropdown as product images.

5

Switch to the Add Images tab to insert the variations.

6

Insert the images and fill in the details.

Save the changes, attach the field to the desired products, then check the results.

The product featured image will be replaced according to the selected image from the dropdown.

📝 Note: Check the live behavior of the input using this demo.