Product Size Guide

The <salla-product-size-guide> web component is used to enable the merchant to add product measurements of height, weight, depth and other metrics for the customer to visualize the actual product size in real life. The pre-defined methods allow for calling functions built by Salla to carry out certain actvities, such as open and close the Product Size Guide component.

Note

Available API Endpoints for the Product Size Guide component are:

Get Size Guides

Example

Usage

HTML

Methods

The pre-defined methods allow for calling functions built by Salla to carry out certain actvities, such as close which hides the size-guide pop-up modal window.

Method	Description	Return Type
`close()`	Hides the size-guide pop-up modal window	`Promise<HTMLElement>`
`open(product_id: number)`	Show the size-guide pop-up modal window	`Promise<any>`

Slots

Theslots makes it customizable to modify certain labels, such as footer.

Slot	Description
`footer`	The bottom section of the component. Value is "empty" by default
`header`	The upper section of the component. Value is "empty" by default

Example#

Usage#

Methods#

Slots#

Example

Usage

Methods

Slots