PPCLIENT PROPS

PPCLIENT Properties

You can define project-specific customization properties using the global window.PPCLIENT object. These can be set in the following ways:

window.PPCLIENT = {};
// or individually:
window.PPCLIENT["propertyName"] = "value";

string

Custom CSS selector for preview images in the project view.

string

Custom CSS selector for preview thumbnails in the project view.

string

Custom CSS selector for the Smart Sizes module (e.g. for selecting sizes).

string

Custom CSS selector for the quantity input or page count selector.

string

Custom URL path to direct users to view saved designs.

string

Custom selector to embed the Saved Designs section on a page.

boolean

Whether to hide preview images in observable design states.

string

Affects the label used for design creation.

Behaviour is platform-specific and not fully documented.

string

Custom CSS selector for the Add to Cart button.

object

Object to override language labels and text in the UI.

boolean

If true, users must customize the design before adding it to cart.

window.PPCLIENT = {
  customImageSelector: ".product-preview img",
  customThumbSelector: ".preview-thumbnails img",
  smartSizeSelector: "#smart-size-options",
  quantitySelector: "#page-count",
  userAccountPath: "/my-account/saved-designs",
  customAccountDivSel: "#saved-designs-wrapper",
  hideObserverablePreview: true,
  createDesignLabel: "Create Design",
  customCartButtonSelector: ".add-to-cart-btn",
  langEdits: {
    "Customize": "Personalize",
    "Add to Cart": "Buy Now"
  },
  customizationRequired: true
};

Overview

Custom Integration

Designer API

Runtime API

Developer Knowledge Base

PPCLIENT Properties

​PPCLIENT Properties

PPCLIENT Properties