Gifting

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

Available API Endpoints for the Gifting component is:

Gift Details

Add Gift To Cart

Upload Gift Image

Example

Usage

HTML

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

The pre-defined 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

Theslots 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.

Example#

Usage#

Properties#

Methods#

Slots#

Example

Usage

Properties

Methods

Slots