Use Alternative Product Image

Hi,

Thank you for writing in with your query regarding WCPT!

Right now the Product Image element only uses the product image as its source, not images from custom fields (planned for future among other advanced features).

But you can use the Custom Field element to print out an image if you enter the image markup in the custom field of every product.

If you are a WCPT PRO user (premium version) then you can also use the Advanced Custom Fields (ACF) plugin with your Custom Field element. In the settings of the Custom Field element set ‘Custom field is managed by’ to ‘ACF’. Now you can create an Image option via ACF and conveniently upload images for each of the products and then print them in your tables.

—

For more complex requirements you can use the Shortcode element and write out a custom shortcode that uses the global $product context to fulfil your requirement. I can assist you with this.

—

“I use the category option in the query section however the product image doesn’t display well on the product table.”

This comment was a bit strange. The Query > Category option has nothing to do with the product image. Perhaps I did not understand you well on this?

—

If your requirement is more complicated then let us discuss via the support mail: [email protected]

Happy to answer any other questions about the plugin!

Regards,
Kartik

Thanks, Kartik. I do happen to have Pro and will look into ACF. I mentioned the query just to illustrate the product images being called, I perhaps should have referred to the product images being called by the element instead. My product images, per the product categorized, are of different sizes. When they are called to the table through the element, it’d be nice to have them sized equally so they display even and together.

Depending on the user display, the table can look sloppy because the images may vary in height. Using the style option dimension limits still throws the image off screen a bit and can be difficult to scale and position the way I’d like. I was hoping to load a fixed-sized “copy” of the product image so I can be assured that it displays well across all devices.

As I said, I will look into AFC.

Thanks, E.

Thank you for clarifying your query further. What you want is a standard cropping among the product images. This way each of the images will have the same height and width, thereby providing a uniform view. For this, you need to:
(a) ensure that your product images are cropped to the right width and height. This is automatically managed by wordpress and woocommerce which crop your store cropped versions of your uploaded images automatically. But you can also use other image cropping plugins to manage your image sizes.
(b) in your Product Image element’s settings, use the very first option ‘Select image file size’ to pick the correct crop size for your images. Now you can have all the product images displayed in the same size.

The Style > width property is only going to manage the display width of the image. It cannot crop the image / change ratio on the fly. WCPT does not manage image cropping, however it lets you pick the right crop size and you can leverage another image cropping plugin to have your images transformed to that size.

Please let me know if you have any further questions about this.