User Tools

Site Tools


Shopping Cart Integration

These settings allow the plugin to cooperate with CE4 Cart, our proprietary shopping cart system (sold separately). Enabling these features assumes that you have already setup, or intend to setup CE4 Cart on your website.

Our general implementation of Shopping Cart Integration enables two features for your pages:

  1. If the shopping cart contains items, a status bar will appear on any cart-integrated page on your site. This bar shows information about the shopping cart contents, and allows the shopper to checkout their purchases from any page of your site.
  2. Allows the use of “write-in” purchase buttons on any cart-enabled page. See CE4 Cart documentation for further information.

To create a shopping-enabled image gallery, see CE4 Cart documentation.

Cart URL

The location where you've installed CE4 Cart on your website. This will usually be .

Uniform Pricing Profile

The default pricing profile, cited by name, which should be used for an item on this page when no other profile is specified. For more on pricing profiles, see the CE4 Cart documentation.

Status Bar Appearance

The cart status bar shows information such as number of items in the cart, cumulative price of items in the cart, currency, etc. The appearance of this status bar may be customized for the page using the color, border and alignment controls provided. Though previewed within Lightroom, note that the status bar will only appear on the published page when the shopping cart contains items.

Creating Add-to-Cart Buttons

You may create an add-to-cart button anywhere on the page that accepts HTML input, using either of the following formats.

An add-to-cart link:

<a class="add-to-cart" data-item="unique-item-id" data-name="item-name" data-price="default">HYPERLINK TEXT</a>

An add-to-cart button:

<button class="add-to-cart" data-item="unique-item-id" data-name="item-name" data-price="default">BUTTON TEXT</button>
  • The button/link should have the “add-to-cart” class.
  • The data-item attribute should be an ID that is unique to the item.
  • The data-name attribute should be a human-readable name for the item, and does not need to be unique.
  • The data-price attribute should be the name of the price profile defining the sale parameters for the item; price profiles are setup with the cart's admin.
  • The BUTTON TEXT can be anything that you'd like the button to say.
  • You may assign additional custom classes to the button if you have defined them in CSS. For example, you might create a green button, or a large button, etc.
ce4_shopping_cart_integration.txt · Last modified: 2014/07/19 04:28 by matthew

The Turning Gate
Creating webbly, wobbly, Lightroomy things since 2007.