How to Resize Thumbnails in the File Input field?

The PPOM (Personalized Product Option Manager) plugin allows you to create customized options for your products, including the ability for customers to upload personal files during their purchase process. This guide will walk you through enabling the file input field and resizing the thumbnail size for uploaded images.

1

Go to Appearance > Theme Editor in your WordPress admin dashboard.

2

In the right-hand sidebar, locate and select the functions.php file under Theme Files.

3

Copy and paste the following code snippet into your functions.php file:

// Change PPOM thumbs size to 400px
function custom_ppom_thumbs_size($size) {
    return '400px';
}
add_filter('ppom_thumbs_size', 'custom_ppom_thumbs_size');

4

After adding the code, click Update File to save your changes.

5

Go to the front end of your WooCommerce store.

6

Upload a file using the file input field and verify that the thumbnail size reflects your changes.

⏪ Before

⏩ After