Gifting
<salla-gifting> web component is used to display items as gifts, which can be used after the customer has completed a purchase. It can be customized using the properties' parameters available.Note
Example
Usage
HTML
JS
SASS
Properties
| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
| Product ID | product-id | The product id for which the gifting system is required. | number | undefined |
| Widget Title | widget-title | The Widget's title value | string | undefined |
| Widget Subtitle | widget-subtitle | The Widget's subtitle value | string | undefined |
Methods
methods allow for calling functions built by Salla to carry out certain actvities, such as currencywidget-btn-content which is used to customize the widget's button content.| Method | Description | Return Type |
|---|---|---|
close() | Hides / closes the gifting modal window. | Promise<HTMLElement> |
goToStep2() | Go to the step 2 in the gifting system. | Promise<void> |
open() | Shows / opens the gifting modal window. | Promise<any> |
Slots
slots makes it customizable to modify certain labels, such as currencywidget-btn-content.| Slot | Description |
|---|---|
currencywidget-btn-content | It is used to customize the widget's button content. |
Modified at 2026-07-09 11:27:26