Add Printcart Designer to your Shopify Store.

Usage

Add CSS file to header:

<link
  href="https://unpkg.com/@printcart/shopify-integration/dist/style.css"
  rel="stylesheet"
/>

Add JS file before the closing body tag:

<script src="https://unpkg.com/@printcart/shopify-integration/dist/main.js"></script>

Options

Add window.PrintcartDesignerShopifyOptions variable before our script tag to customize the default UI or extend default functionality:

window.PrintcartDesignerShopifyOptions = {
  designBtnText: "",
  editBtnText: "",
  designClassName: "",
  onCreateSuccess: (data, context) => {},
  onEditSuccess: (data, context) => {},
};

<script src="https://unpkg.com/@printcart/shopify-integration/dist/main.js"></script>;

designBtnText

• Type: string

Change the Start Design button text

designClassName

• Type: string

Style the Start design button with css

editBtnText

• Type: string

Change the Edit Design button text

onCreateSuccess

• Type: (data) => void

A function run when the design file finish uploaded.

onEditSuccess

• Type: (data) => void

A function run when the design file finish editted.

Example

window.PrintcartDesignerShopifyOptions = {
  designBtnText: "Custom Start Design Text",
  editBtnText: "Custom Edit Design Text",
  designClassName: "btn-css",
  onCreateSuccess: (data) => console.log(data),
  onEditSuccess: (data) => console.log(data),
};

<script src="https://unpkg.com/@printcart/shopify-integration-sdk/dist/main.js"></script>;