Envira Gallery Documentation

Documentation, Reference Materials and Tutorials for Envira Gallery

WooCommerce Addon

Would you like to create a Woocommerce gallery that displays an Add to Cart button on each image? The WooCommerce Addon for Envira Gallery allows you to link your Envira gallery images directly to WooCommerce Products. You can even choose to display the purchase form directly on your gallery images in both the gallery view and the lightbox view.


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, create a new gallery and add your product images to this gallery.

Next, you’ll need to enable WooCommerce for your gallery images either in grid view or ligthbox, select the WooCommerce tab and configure as you desire:

Enable Woocommerce for your gallery

After adding one or more images to your gallery, you’re ready to link an image to a WooCommerce product. First select the pencil icon at the top of the thumbnail image when editing your gallery:

Edit the item to choose your Woocommerce product the image should be assigned to

In the Edit Metadata view you can select a WooCommerce product to link your gallery image to then select the Save Metadata button to apply the setting:

Choose an available WooCommerce product to link your image to in the metadata edit screen.

Finally, Publish and view your gallery to see the WooCommerce Addon in action. If you’ve enabled WooCommerce for the Gallery Options you’ll see an Add to Cart option in the gallery grid view:

You can enable the Add to Cart button in the gallery grid view.

If you’ve enabled WooCommerce for the Lightbox Options you’ll see an Add to Cart option in the lightbox view:

You can independently enable the Add to Cart option for Lightbox view of your gallery images with the WooCommerce Addon.


A: Yes! The WooCommerce Addon for Envira 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: Please check your Mobile Tab of the gallery. There is a setting there to disable/enable the Add to Cart functionality specifically for mobile.

Enable Add to Cart on Tablets and Mobiles from the Mobile Tab


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! Gallery images can use the same product unless you are selling digital downloads. If you wish to set up 1 product for all image, just edit the gallery. Next, click the Select All » Edit. This will open up a Bulk Edit window for you to choose your product and it would be assigned to all gallery images when you click Save Metadata.

Bulk edit your gallery images to assign to 1 product


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.


This table describes the available configuration options for your Envira Galleries when using this Addon.

The Programmatic Name and Programmatic Values columns are used when configuring the Dynamic Addon’s shortcode or template tag, or when overriding the default settings for creating a new Gallery.

WooCommerce Tab
Config Item Description Options Programmatic Name Programmatic Values
GALLERY OPTIONS:
Enable WooCommerce? Enables or disables the WooCommerce Add to Cart functionality for each image in the gallery grid, if the image is assigned to a WooCommerce Product. Enabled/Disabled woocommerce 0,1
LIGHTBOX OPTIONS:
Enable WooCommerce? Enables or disables the WooCommerce Add to Cart functionality for each image in the Lightbox view, if the image is assigned to a WooCommerce Product. Enabled/Disabled lightbox_woocommerce 0,1

Mobile Tab
Config Item Description Options Programmatic Values
Disable WooCommerce In Galleries On Mobile? Enables or disables the WooCommerce Add to Cart functionality for each image in the gallery grid on tablets and mobile devices. Enabled/Disabled 0,1

Changelog

1.4.0 (04-10-2018)

  • Added: Fancybox3 support.
  • 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.