Creating a cart-enabled gallery

CE2 galleries supporting cart integration will have an E-Commerce Options or Cart Listening control group located in the Output Settings control pane. Some engines support cart listening only, while others support full cart integration.

Engines enabled for Cart Listening include TTG CE2 Pages, TTG CE2 Auto Index, TTG CE2 Theme for WordPress and others. Items may not be purchased from “listening” pages, but these pages remain aware of the shopping cart. If items are held in the cart, the View Cart widget will appear on listening pages, allowing the buyer to access their cart from anywhere on the site to complete checkout. If selling images with TTG CE2 Cart, it is advised that all pages be setup for cart listening.

Engines enabled for Full Cart Integration include TTG CE2 Photoswipe Gallery, TTG CE2 Horizon, etc. These galleries may be fitted with Purchase buttons and are used to sell images. All fully integrated galleries also support cart listening if, for example, you want to create a gallery from which images are not sold, but which remains cart aware.

Setup Cart Listening

CE2 engines not supporting sales are still capable of interacting with the cart. Setting up cart listening ensures that your visitors will be able to access their shopping cart from any page on your site, allowing them to check out from anywhere, at any time. TTG CE2 Pages, TTG CE2 Auto Index and TTG CE2 Theme for WordPress all support cart listening.

Cart listening is easy to setup. You need only supply the location of your shopping cart as an absolute URL, as pictured below. The controls are located in the Output Settings control pane.

Cart Listening options

You may also choose where on the page your cart total widget will appear when there are items in the cart. By default, the widget will appear in the top-right corner of the page.

Setup Full Cart Integration

Enabling your galleries to work with TTG CE2 Cart is similarly straightforward. Galleries supporting cart integration will have an E-Commerce Options control group in the Output Settings Control pane. The first thing to do is select TTG Cart as your E-Commerce Mode, as pictured.

Select TTG Cart as E-Commerce Mode

You may then customize the appearance of your purchase button. To use an icon only, leave the label blank.

The most important step is to provide the location of your installed cart as an absolute URL, beginning with http:// and ending with a slash, /, as pictured below.

Specify the cart URL.

You may specify pricing for your gallery in either of two ways. The easiest is to use a global pricing profile for the entire gallery; this is desirable when all images within the gallery are to be priced the same and with the same options. Fill in the Default Price Profile with the name of the profile you'd like to use.

Optionally, you may designate differing price profiles for each image in the image metadata, in the Library. To enable individual item pricing, tick the Get Pricing from Metadata checkbox. In the Image Info control pane, you will need to select a metadata source for Cart Pricing; pricing will be sourced from the Categories IPTC field by default. The Image Info pane is pictured below with cart options highlighted.

Set Cart Item Name and Pricing in the Image Info control pane

The other option here is Cart Item Name. This is used to set the human readable title for each item in your gallery; values here may be arbitrary. The Title IPTC field is used by default, but you may set this to be the file name or any other piece of metadata, or forego titles altogether.

Note that the image file name will be used by the cart as SKU identifier, i.e. Item ID. This is not a user editable option.

By enabling Cart Listening Only, the gallery will go into listening mode; images will not be sold from the gallery, but the gallery will be aware of items held in the cart. Use this option if you have cart-enabled galleries elsewhere on your site, but do not want to sell images from the gallery you are making.

Finally, you may designate where on the page the shopping cart widget should appear when there are items in the cart. By default, the widget will appear in the top-right corner of the page.

Customize Purchase Buttons

The purchase buttons appearing on the thumbnail grid, in both Fotomoto and TTG CE2 Cart setup, consist of three components: label, icon and background. Each of these components may be customized separately.

Purchase Button options

Any text may be used as a purchase label. To remove the label altogether, leave the Purchase Icon Label field blank. Several examples are pictured below.

Purchase labels

There are several options included for the purchase icon. To select an icon, use the drop-list of options in the controls. Icons are available in both black and white versions, and a limited selection of colored icons is also available. Below are just a few examples of the many icons available.

Purchase icons

Finally, the colors of labels and purchase button backgrounds may be customized using the provided color pickers. Here are some examples:

Purchase Colors