showCatalog

Renders an iframe that contains the product catalog.

Usage

(async () => {
const api = await Canva.Partnership.initialize({
apiKey: "<partner_api_key>",
autoAuthToken: "<auth_auth_token>",
container: document.getElementById("container"),
});
‚Äč
api.showCatalog({
// options go here
});
})();

Parameters

Parameter

Type

Required

Description

opts

object

Yes

Options for configuring the product catalog.

opts.onProductSelect

function

No

Refer to onProductSelect.

opts.onDesignSelect

function

No

Refer to onDesignSelect.

opts.tag

string

No

The tag of a product catalog. This is only relevant when you've set up multiple product catalogs.

The "My Designs" carousel only appears if the onDesignSelect callback is registered.