Envira Gallery Blog

Digital Photography Tips, Tutorials and Resources

Image Galleries for your WooCommerce Products

How to Create a WooCommerce Product Image Gallery

by Waseem Abbas on Oct 17, 2016

Share This Post!

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.

Envira Gallery

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.)

Featured Content Addon

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.

Featured Content Gallery

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.

Post Type

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.

Copy Shortcode

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.

Paste Shortcode

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.

Share This Post!

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.