Envira Gallery Documentation

Documentation, Reference Materials and Tutorials for Envira Gallery

WooCommerce Addon

The Woocommerce Addon for Envira Gallery easily allows you to synch up your gallery images to existing Woocommerce products. We’ll walk you through how to set up your Envira gallery and add an Add to Cart button to each of your gallery images or lightbox images.


Please follow our instructions on how to install and activate addons.

In this instance, you’ll be activating the Envira WooCommerce Addon.

Before you can connect your gallery images to WooCommerce products, be sure you’ve created at least one WooCommerce product you want to link to. See WooCommerce’s documentation to get started with adding products if you’re not already familiar.

Once you have one or more WooCommerce products added to your site you can proceed with Step 2.

Your first step is to create a new gallery or edit an existing one. You can follow along with our documentation for creating your first gallery.

Next, navigate to the Woocommerce tab.

Click on the Woocommerce tab to enable the options for your gallery

On this tab you can choose to show your purchase form on the gallery view and the lightbox view.

Next, click on the Mobile tab of the gallery.

Navigate to the Mobile tab to choose if you want your purchase form to show on mobile devices

Here you can also choose to show the purchase form for mobile devices.

Now it’s time to set up each gallery image to be assigned to a product.

Once you’ve added your images to the gallery, click the blue pencil icon to open up the Edit Metadata window.

Click the blue pencil icon to edit the gallery images and assign each image to a Woocommerce product

From the options on the left of the image in the Woocommerce Product drop down, select the product the image should be assigned to. This allows Envira to send the item to the cart when your visitors select an item to purchase.

Then click the Save Metadata button to save the changes. You can use the right and left arrows at the top of the screen to repeat this steps for each image in the gallery. When you’re all done, click the X icon to close the Edit Metadata window.

Edit each gallery image to point to a Woocommerce product

Alternatively, if you’re going to have 1 product for all gallery images, you can just click the Select All check box and choose Edit to assign the Woocommerce Product to all of your gallery images.

You can bulk edit your gallery images to assign all gallery images to 1 Woocommerce product

When you click Save Metadata, the Bulk Edit window will automatically close.

Finally, click Publish or Update on your gallery to save the changes.

See the demo!

Alternatively, you can also use Envira’s Proofing Addon to receive orders for your gallery images from an email. Check out our tutorial on How to use the Proofing Addon for Envira Gallery.


A: Absolutely! The WooCommerce Addon supports both simple and variable products. It’s a good idea to make sure you’ve set a default when using variable products.

Set a default option for you variable product


A: Check that you’ve set a price for your WooCommerce Product. If your product is free be sure to set a price of 0.00.


A: You can check out WooCommerce’s Getting Started page for Documentation, Reference Materials, and Tutorials or you can check out the helpful videos on the WooCommerce 101 Video Series.


A: Check that you’ve completed Step 4 above. The mobile options would need to be set up in order to show the purchase form.


A: The importing process will look for unique ID #s that are assigned to the Woocommerce product on export. If your ID #s are different on the site you are importing the gallery to, the products wouldn’t get assigned to that gallery image.


A: Absolutely! Refer to Step 5 above to bulk edit your gallery images.


A: Absolutely! When dealing with digital downloads, you would need to create 1 product for each gallery image so that Woocommerce would know what download link to send your visitor upon successful checkout process. You can even use Envira’s Watermarking Addon to watermark your gallery image while having a separate image for downloading on your Woocommerce product.

Changelog

1.4.1 (05-01-2018)

  • Fix: Minor bug fixes.

1.3.2 (11-07-2017)

  • Fix: Title positioning
  • Fix Minor bug fixes

1.3.1 (10-23-2017)

  • Fix: Title/Caption appear above add to cart on gallery view.

1.2.0 (10-18-2017)

  • Added: Support for Grouped Products
  • Fix: Prevent Envira from Adding
  • Fix: Prevent updating Quantity when using the single product
  • Fix: Php notices with WooCommerce 3.0
  • Fix: Quotes in caption breaking form
  • Fix: Minor bug fixes

1.1.8 (08-22-2017)

  • Fixed: All Quantities updating when using the same product.
  • Fixed: Clear Variations Link in Lightbox
  • Fixed: Quotes in captions breaking Woo Form

1.1.7 (08-08-2017)

  • Fixed: Form breaking some lightbox themes.

1.1.6 (06-27-2017)

  • Fix: Various minor bugs.

1.1.5 (02-01-2017)

  • Added: Mobile Option to disable.

1.1.4.1 (2016-11-03)

  • Fix: Various minor bugs.

1.1.4 (2016-10-04)

  • Fix: Improved visual layout of "add to cart" area in lightbox view.
  • Fix: Output working in lightbox when justified gallery is enabled.

1.1.3 (2016-09-16)

  • Fix: Add To Cart buttons/UI now visible on automatic layouts.

1.1.2 (2016-09-08)

  • Fix: Removing PHP warnings under certain circumstances.

1.1.1 (2016-06-04)

  • Fix: Unassigning a product now properly unassigns a product.
  • Fix: Improving method on detecting if WooCommerce plugin is active and present.

1.1.0 (2016-05-19)

  • Fix: Get config correctly when a Dynamic Gallery / Album used

1.0.9 (2016-05-12)

  • Added: WooCommerce Add to Cart options for lightbox images within Galleries on Albums

1.0.8 (2016-04-21)

  • Updated: Spanish translation

1.0.7 (2016-03-31)

  • Added: Documentation and Video Help Links
  • Updated: Moved settings into own tab on Galleries and Albums
  • Updated: Moved image editing modal descriptions inline with fields

1.0.6 (2016-03-10)

  • Added: Image ID, Title and Caption stored as Item Meta in WooCommerce Orders (allows a single WooCommerce Product to be assigned to multiple Envira Gallery Images, and each image is distinguishable when viewing a WooCommerce Order)

1.0.5 (2016-02-25)

  • Updated: Spanish Translations

1.0.4 (2015-12-31)

  • Added: Support for new Envira Gallery 1.4.1.0+ meta editor

1.0.3 (2015-12-10)

  • Added: Spanish Translation

1.0.2 (2015-11-26)

  • Added: Display Product Price

1.0.1 (2015-11-06)

  • Fix: Lightbox output failed if Config output not enabled.

1.0.0 (2015-10-07)

  • Initial release of the addon.

1.2.0 (04-10-2018)

  • Added: Fancybox3 support.
  • Fix: Minor bug fixes.

1.1.0 (10-18-2017)

  • Fix: Minor bug fixes.

1.0.5 (05-16-2017)

  • Fix: Minor bug fixes.

1.0.4 (02-15-2017)

  • Fix: Minor bug fixes.

1.0.3 (2016-08-04)

  • Fix: Temp directory now deleted before each import.

1.0.2 (2016-02-25)

  • Updated: Spanish Translations

1.0.1 (2015-12-10)

  • Added: Spanish Translation

1.0.0

  • Initial release of the addon.