Developer Resources
Tags, cart sessions, events and headless set-ups.
- Shopify pre-order tags and line-item properties PreProduct marks every pre-order with two built-in signals: a "pre-order" order tag and a hidden _preorder line item property. This doc covers how each works, and…
- Pre-order cart session The PPcartSession class is available on any page with PreProduct's <script> tag. It's usually not necessary to interact with, but does expose some public methods for…
- Quick-buy buttons Quick-buy buttons are the add-to-cart buttons sometimes present on collection pages. They allow a shopper to purchase without visiting the product page. PreProduct can convert these…
- Adding to cart for headless stores PreProduct can't automatically determine your cart URL endpoint in a headless setup. If you need to accept mixed-carts of buy-now and pre-order items, then read the…
- Pre-order javascript events PreProduct provides custom Javascript events that let you run front-end code for pre-order products. Here's a guide for the available events.
- Shopify Pre-order metafield PreProduct has a Shopify pre-order metafield that can be used to target products when they are on pre-order.
- Pre-order data-attributes While most customizations are handled through the PreProduct app, you can add special pre-order data-attributes to your PreProduct tagged buttons or snippet for custom functionality.
- Single-page apps/stores PreProduct can integrate with JavaScript frameworks like React and other single-page applications.
- Custom line item properties PreProduct can add extra Shopify line item properties to your cart and resulting orders. This works for both mixed and isolated redirects.
- Using native store buttons for pre-orders PreProduct automatically detects and tags existing add-to-cart buttons on most Shopify themes. First enable the Pre-order support app embed, then use Check my theme from the…