• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2784

Original Genesis Tutorials & 6000+ Guaranteed Code

Snippets

  • Consultation
  • Full Access
  • Log in

Add WooCommerce Product Images Using WP Custom Fields

This code enables you to add your own custom image for each product. If no custom image is added, the placeholder image from Woocommerce is displayed as seen in the following video :

Watch Demo Video #

Tested using the Lifestyle Pro child theme by StudioPress however will work in any Genesis child theme or non Genesis theme.

This solution enables you to use WordPress custom fields to add a unique product image rather than use the product image meta box or the default placeholder image. If none added, the default placeholder is shown.

Installation #

There’s 2 steps :

Step 1 : Add the PHP code from the download folder to the end of your child themes functions.php file.

Register or login to access the download folder :

Download Folder

Step 2 : Create a new custom field named wc_product_image add your image link as seen in the following screenshot :

Related Tutorials

  • Filter WooCommerce Main Product Image
  • Custom WooCommerce Product Image

Custom Fields Product Image WooCommerce

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.