The issue here is that the user wanted to display his search results as a grid.
Solution:
In the loop wizard for views you have the option to do a Bootstrap grid display. Select Bootstrap or Table grid and select the number of columns you want and the grid code will be automatically generated.
I originally chose to use a custom field to populate the featured image for Product pages for image customization and display preferences. The custom field displays exactly as I need but I'd like to know if I'm creating problems by not using the Product Image field considering that I have to use woocommerce. Is there a best practice recommendation here?
Solution:
You can use Views shortcode [wpv-post-featured-image] to output woocommerce product image:
And if it is an variable product post, you can also use shortcode [wpv-woo-product-image] (Woocommerce Views plugin) to display different variable product images: