The Deals Topdeal Component

Description

Deals Topdeal

The Deals-Topdeal is a special offer from an existing Deals section. This offer is created by the trading of the respective source market in the admin panel.

Screenshots

Topdeal Example from TUI.com.

Meta

Maintainer	berlin-team-aventoms@tui.info
Locales	de-DE, de-CH, en-GB

Usage

Add the following script tag (or something similar) to your web page to have the component load. Note: This is required only once per webpage, even when you embed multiple instances of the component.

<script src="https://api.tui.com/ml/deals-topdeal/ui/" async defer></script>

Add the following HTML code anywhere in your webpage at the position where you want the component to show. You can create multiple instances of the component.

<div class="tui-component tui-component-deals-topdeal"></div>

Examples

• Shows component in the small version.

  <div class="tui-component tui-component-deals-topdeal" data-type="small"></div>
  

ATTENTION: This is a legacy component. The tag name must be set as class name (as in the example above), and attributes must be prefixed with data-.

Read more about using components ›

Attributes

This component can be configured with the following attributes:

Name	Description	Allowed Values	Default	Required
lang	With the lang attribute you determine the translation of the component.	de-DE, de-CH, en-GB	de-DE	no
categoryId	Set the category-id from Deals Admin Panel.			no
scope	If you have multiple Topdeals on one page, you can set the scope to identify the components.		false	no
ctatarget	Set the target of the html-link (without underscore)		self	no

Events