The shopify-integration-sdk from dinhsan2000

shopify-integration-sdk's Introduction

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>;