AI Suggestions (vviinn-suggestions)

Generated from vviinn-widgets 2.228.0, the latest release when these docs were built. If you pin an older version, some of these may not be in it yet — check the Changelog.

Properties

Set them as HTML attributes.

api-path: Type: string
currency-sign: Type: string
locale: Type: "de-DE" | "en-US"
price-prefix: Type: string
show-in-widget: Type: boolean · Default: false
token: Type: string

Events

Listen with document.addEventListener(). The pages under Events describe the data each event carries.

Event	Description
`vviinnFiltersChanged`	—
`vviinnFilterTriggered`	—

Slots

Replace texts and icons with your own content: Replace Widget Content.

Slot	Description
`vviinn-suggestions-icon`	Custom icon to replace default sparkle emoji.
`vviinn-suggestions-title`	Custom title text to replace default "AI Suggestions".

Shadow Parts

Style these elements with vviinn-suggestions::part(name): Styling Specific Elements.

Part	Description
`suggestion-filter-button`	Toggle button for filter suggestions.
`suggestion-info-text`	Informational markdown text block (e.g. barcode scan result, search explanation).
`suggestion-item`	Individual suggestion item.
`suggestion-link`	Clickable suggestion text/link.
`suggestions-container`	The main suggestions container element.
`suggestions-header`	The header section containing icon and title.
`suggestions-icon`	The sparkle icon wrapper.
`suggestions-list`	The list container for all suggestions.
`suggestions-title`	The title text element.
`suggestions-wrapper`	The wrapper around the suggestions list.