Add WooCommerce Product Images Using ACF

Sep 8, 2018

—

This code enables you to add product images using Advanced Custom Fields. You can add a unique product image on any Edit Product screen using ACF.

Watch Demo Video #

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

Displays your image as the product image when added on the Edit Product screen using the ACF image field. When none added, displays the placeholder image.

Installation #

There’s 2 steps :

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

Download Folder

Step 2 : Using ACF ( Free or Premium version ), create a new field named wc_product_image using the settings you see in the following screenshot :

Comments

2 responses to “Add WooCommerce Product Images Using ACF”

Chris Martin

December 7, 2021

So if I remove the product image a placeholder shows up. Great! But if I upload an image as a product image using the new ACF, nothing changes.

Log in to Reply
1. Brad Dalton
  
  December 7, 2021
  
  You need to use a different snippet for this ( link in the related tutorials at the end of the post ) as they are similar but slightly different.
  
  I’ve sent you the correct snippet installed in a fresh version of your theme which i tested and it does exactly what you want it to do. The other snippet replaces the placeholder image not the default product image on the single product page.
  
  Log in to Reply

Join 5000+ Followers

Get The Latest Free & Premium Tutorials Delivered The Second They’re Published.