Open product pages with params

Base JS call:

Ecwid.openPage('product', 'id': 72585497);

List of additional parameters for the call:

• 'id' - Internal product ID. This is a required parameter for opening product pages.

• 'name' - Product name for the URL in lowercase, with spaces replaced with dashes. For example, pizza-33cm.

• 'slug_value' - Custom page slug for the product. Use it instead of the name parameter if a product has a custom slug.

• 'variation' - Accepts product variation ID as a value to open a specific product variation.

• 'options' - Accepts an array of product option choices (dropdown and radio button option types). Option choices are assigned to product options depending on the option index (starts at 1). For example, 'options': [3,1] selects the third value for the first option, and the first value for the second option.

If you pass both id and name or id and slug_value parameters, Ecwid JS API will create a product URL and open it without making additional backend requests to confirm the category exists. The choice between the name or slug_value parameters depends on whether a product has a custom slug.

Code examples:

Ecwid.openPage('product', {'id': 72585497, 'slug_value': 'best-toys'});

Ecwid.openPage('product', {'id': 45523512, 'name': 'Pizza Roll'});

Ecwid.openPage('product', {'id': 72585497, 'variation': 16351010});

Ecwid.openPage('product', {'id': 72585497, 'options': [2,2]});

There is an alternative way to open a page with pre-selected options or a variation without JS API. You can add option choices or the variation ID (?options=1,2,3 or ?variation=123456) as a query parameter to product page URLs and open it. URL examples: https://example.com/store/example-product?variation=163510 https://example.com/store/example-product?options=4,3