How to Add Ecommerce to a Gallery

To enable eCommerce to your gallery, you’ll first need to create your pricelist, and then select Enable eCommerce from the Settings tab when inserting your gallery through the Imagely Gallery block.

Select a Pricelist

After you are finished adding your items to your pricelist, go to Imagely > Galleries > [select your gallery you’d like to set your images for sale] . Next ensure that Enable eCommerce is checked in the Settings tab and select the pricelist you’d like your gallery to use.

By default each image in the gallery will have the selection Use gallery’s pricelist. You can adjust this to be set to None (not for sale) or attach a different pricelist from the “Images” tab by mouse hovering over individual images and clicking on the vertical three dots icon then select Edit Details.

This is helpful for galleries that have a mix of products that have been sold or are not for sale, or images that are available at different sizes.

Heads up! You’ll need to have the Pro Lightbox activated to display the Ecommerce option in your gallery. Make sure that is set as your active Lightbox Effect under Imagely > Settings > Lightbox Effects.

eCommerce Display

Once you successfully enable eCommerce on your gallery, on the frontend you’ll see a shopping cart icon in the bottom right of your gallery:

The icon will also appear in the bottom left of your Pro Lightbox display:

When selected, the eCommerce sidebar will appear to the right where visitors can select what options they’d like to add to cart. Set the quantity, click update cart to add items to cart. The total will automatically update in the top right of the sidebar. When they are finished they can select x items in the top left or View Cart / Checkout button. Clicking either of those two links will redirect them to their cart:

Here visitors can click the continue shopping to go back to the last image in the Pro Lightbox they were viewing, Empty Cart, checkout with PayPal or checkout with a credit card (Stripe).