How to Create a WooCommerce Product Image Gallery

Last updated on Apr 6, 2017 by Waseem Abbas

Do you want to create an image gallery featuring your WooCommerce products? If you have an online shop, you may want to display your product photos in an image gallery. In this article, we will share how to create a WooCommerce product image gallery.

If you use WooCommerce, there is an easy way to display your products inside a photo gallery. With the Envira Gallery plugin, you can create an image gallery that automatically displays all of your products.

To create a WooCommerce product image gallery, you’ll need to follow these 6 steps:

• Step 1. Install and activate Envira Gallery plugin
• Step 2. Install and activate Featured Content addon
• Step 3. Create an image gallery for featured content
• Step 4. Add products as post type in settings
• Step 5. Publish the image gallery and copy shortcode
• Step 6. Add the image gallery to a post or page

Ready to get started? Let’s go!

Step 1: Install and Activate Envira Gallery Plugin

First thing you need to do is install and activate Envira Gallery WordPress plugin.

If you need help, check out this guide on how to install Envira Gallery.

Step 2: Install and Activate Featured Content Addon

Upon activation of the Envira Gallery plugin, you can go to Envira Gallery » Addons to install and activate the Featured Content Addon.

To access this addon, you must have Envira’s Plus or higher license. (Learn how to upgrade your license here.)

Step 3: Create an Image Gallery for Featured Content

Once the Featured Content Addon is activated, go to Envira Gallery » Add New. In the External Gallery tab, simply select the Featured Content option.

Step 4: Add Products as Post Type in Settings

Next, scroll down to the Images tab and in the Select Your Post Type(s) field, go ahead and select Products.

Step 5: Publish the Image Gallery and Copy Shortcode

Once you are satisfied with your settings, go ahead and click on the Publish button. Then, copy the shortcode from the Envira Gallery Code widget.

You will need this shortcode for the next step…

Step 6: Add the Image Gallery to a Post or Page

To display your WooCommerce products image gallery, you will need to go to Posts/Pages » Add New or edit an existing post or page. Then paste the shortcode into the visual editor.

Make sure to hit the Update button to save your changes. Now you have an image gallery that features your products!

That’s all. We hope this article has helped you to learn how to create a WooCommerce product image gallery. You may also want to check out our guide on how to sell your photos in WordPress.

If you like this article, then please follow us on Facebook and Twitter for more free WordPress tutorials.