Produkt Karten

Index



Default: Minimale Konfiguration



Default: Maximale Konfiguration

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

Für alle Plattformen

ab 2,79 €

inkl. MwSt.



Default: Layouts und Modifier

Private

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

Für alle Plattformen

ab 2,79 €

inkl. MwSt.

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

Für alle Plattformen

ab 2,79 €

inkl. MwSt.

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

Für alle Plattformen

ab 2,79 €

inkl. MwSt.

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

Für alle Plattformen

ab 2,79 €

inkl. MwSt.

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

Für alle Plattformen

ab 2,79 €

inkl. MwSt.

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

Für alle Plattformen

ab 2,79 €

inkl. MwSt.

Business

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

Für alle Plattformen

ab 2,79 €

inkl. MwSt.

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

Für alle Plattformen

ab 2,79 €

inkl. MwSt.

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

Für alle Plattformen

ab 2,79 €

inkl. MwSt.

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

Für alle Plattformen

ab 2,79 €

inkl. MwSt.

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

Für alle Plattformen

ab 2,79 €

inkl. MwSt.

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

Für alle Plattformen

ab 2,79 €

inkl. MwSt.



Default: Preistausch

Die Preise können über verschiedene Elemente ausgetauscht werden. Wichtig ist, dass diese Elemente die JS-CSS-Klasse

__js_price_to_normal_change__

und

__js_price_to_stock_change__

besitzen.

Sollen die Preise über ein einziges Element getoggled werden, so ist die JS CSS Klasse

__js_price_toggle_change__

zu verwenden.

TODO

Dieser Test ist im Styleguide manuell zusammen verknüpft worden. Es gibt zwar eine Komponente dafür, aber die arbeitet nur mit data zusammen und hier muss eine separate Komponente dafür erstellt werden ...ConvertFromData und die Originale Komponente muss so umgebaut werden, dass wir hier auch einen richtigen Test durchführen können.

Hier das Beispiel anhand der Tab Navigation, welche die Klassen in der Komponente durch übergeben des Typs

priceTab

automatisch setzt. Hier sind auch nur 2 Tabs möglich. Jedes weitere Tab würde zum Bestandskundenpreis wieder wechseln.

Für Private-Kunden

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

Für alle Plattformen

ab 2,79 €

inkl. MwSt.

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

Für alle Plattformen

ab 2,79 €

inkl. MwSt.

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

Für alle Plattformen

ab 2,79 €

inkl. MwSt.

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

Für alle Plattformen

ab 2,79 €

inkl. MwSt.

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

Für alle Plattformen

ab 2,79 €

inkl. MwSt.

Für Business-Kunden

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

Für alle Plattformen

ab 2,79 €

inkl. MwSt.

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

Für alle Plattformen

ab 2,79 €

inkl. MwSt.

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

Für alle Plattformen

ab 2,79 €

inkl. MwSt.

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

Für alle Plattformen

ab 2,79 €

inkl. MwSt.

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

Für alle Plattformen

ab 2,79 €

inkl. MwSt.



Default: Überschriften statt Produktbilder

Sollte nicht verwendet werden. Ist nur für die Partnershops mit reingerutscht, da diese beim Release noch kein Header Image besitzen

Überschrift

Zweite Zeile

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

Android-IconiOS-IconmacOS-IconWindows-Icon

Für alle Plattformen

ab 2,79 €

inkl. MwSt.

Überschrift

Zweite Zeile

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

Android-IconiOS-IconmacOS-IconWindows-Icon

Für alle Plattformen

ab 2,79 €

inkl. MwSt.



Default: RTE Text im Body

Sollte nicht verwendet werden. Ist nur für die Partnershops mit reingerutscht.

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

RTE TEXT CENTER

  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet consectetur adipiscing
  • Lorem ipsum dolor sit amet consectetur adipiscing elit Nulla sodales

RTE TEXT CENTER

Android-IconiOS-IconmacOS-IconWindows-Icon

Für alle Plattformen

ab 2,79 €

inkl. MwSt.

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

RTE TEXT CENTER

  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet consectetur adipiscing elit
  • Lorem ipsum dolor sit amet consectetur adipiscing elit Nulla sodales feugiat
  • Lorem ipsum dolor sit amet consectetur adipiscing elit Nulla sodales feugiat purus bibendum dictum

RTE TEXT CENTER

Android-IconiOS-IconmacOS-IconWindows-Icon

Für alle Plattformen

ab 2,79 €

inkl. MwSt.



Default: Plattformen

Hier sind alle möglichen Komibinationen der Plattformen abgebildet.

iOS-Icon

Für  iOS

2,79 €

macOS-Icon

Für  macOS

2,79 €

Android-Icon

Für  Android

2,79 €

Windows-Icon

Für  Windows

2,79 €

iOS-IconmacOS-Icon

Für  iOS  &  macOS

2,79 €

Android-IconiOS-Icon

Für  Android  &  iOS

2,79 €

iOS-IconWindows-Icon

Für  iOS  &  Windows

2,79 €

Android-IconmacOS-Icon

Für  Android  &  macOS

2,79 €

macOS-IconWindows-Icon

Für  macOS  &  Windows

2,79 €

Android-IconWindows-Icon

Für  Android  &  Windows

2,79 €

Android-IconiOS-IconmacOS-Icon

Für  Android  &  iOS  &  macOS

2,79 €

iOS-IconmacOS-IconWindows-Icon

Für  iOS  &  macOS  &  Windows

2,79 €

Android-IconiOS-IconWindows-Icon

Für  Android  &  iOS  &  Windows

2,79 €

Android-IconmacOS-IconWindows-Icon

Für  Android  &  macOS  &  Windows

2,79 €

Android-IconiOS-IconmacOS-IconWindows-Icon

Für alle Plattformen

2,79 €



Default: Body Optionen

Produktkategorie

2,79 €

Produktname

2,79 €

Lorem ipsum dolor sit amet

2,79 €

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sodales feugiat purus, bibendum dictum libero tincidunt sodales. Donec ac metus nec nulla lobortis pharetra. Suspendisse

2,79 €

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet

2,79 €

Android-IconiOS-IconmacOS-IconWindows-Icon

Für alle Plattformen

2,79 €

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sodales feugiat purus, bibendum dictum libero tincidunt sodales. Donec ac metus nec nulla lobortis pharetra. Suspendisse

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

Für alle Plattformen

2,79 €



Default: Preis Optionen

2,79 €

ab 2,79 €

2,79 €

inkl. MwSt.

2,79 €

pro Monat / monatlich kündbar

2,79 €

pro Jahr / jährlich kündbar

2,79 €

einmalig



Default: Buttons

Hier wurden schon tertiary und quaternary Buttons hinzugefügt, auch wenn diese hier noch nicht sichtbar sind.

Primary und Secondary Button in verschiedenen Produkt Karten, sollten auf der gleichen horizontalen liegen. Jira Issue

2,79 €

2,79 €

2,79 €



Small: Minimale Konfiguration



Small: Maximale Konfiguration

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

ab 2,79 €

inkl. MwSt.



Small: Layouts und Modifier

Private

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

ab 2,79 €

inkl. MwSt.

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

ab 2,79 €

inkl. MwSt.

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

ab 2,79 €

inkl. MwSt.

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

ab 2,79 €

inkl. MwSt.

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

ab 2,79 €

inkl. MwSt.

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

ab 2,79 €

inkl. MwSt.

Business

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

ab 2,79 €

inkl. MwSt.

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

ab 2,79 €

inkl. MwSt.

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

ab 2,79 €

inkl. MwSt.

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

ab 2,79 €

inkl. MwSt.

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

ab 2,79 €

inkl. MwSt.

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

ab 2,79 €

inkl. MwSt.



Small: Preistausch

Die Preise können über verschiedene Elemente ausgetauscht werden. Wichtig ist, dass diese Elemente die JS-CSS-Klasse

__js_price_to_normal_change__

und

__js_price_to_stock_change__

besitzen.

Sollen die Preise über ein einziges Element getoggled werden, so ist die JS CSS Klasse

__js_price_toggle_change__

zu verwenden.

TODO

Dieser Test ist im Styleguide manuell zusammen verknüpft worden. Es gibt zwar eine Komponente dafür, aber die arbeitet nur mit data zusammen und hier muss eine separate Komponente dafür erstellt werden ...ConvertFromData und die Originale Komponente muss so umgebaut werden, dass wir hier auch einen richtigen Test durchführen können.

Hier das Beispiel anhand der Tab Navigation, welche die Klassen in der Komponente durch übergeben des Typs

priceTab

automatisch setzt. Hier sind auch nur 2 Tabs möglich. Jedes weitere Tab würde zum Bestandskundenpreis wieder wechseln.

Für Private-Kunden

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

ab 2,79 €

inkl. MwSt.

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

ab 2,79 €

inkl. MwSt.

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

ab 2,79 €

inkl. MwSt.

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

ab 2,79 €

inkl. MwSt.

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

ab 2,79 €

inkl. MwSt.

Für Business-Kunden

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

ab 2,79 €

inkl. MwSt.

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

ab 2,79 €

inkl. MwSt.

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

ab 2,79 €

inkl. MwSt.

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

ab 2,79 €

inkl. MwSt.

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

ab 2,79 €

inkl. MwSt.



Small: Überschriften statt Produktbilder

Sollte nicht verwendet werden. Ist nur für die Partnershops mit reingerutscht, da diese beim Release noch kein Header Image besitzen

Überschrift

Zweite Zeile

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

Android-IconiOS-IconmacOS-IconWindows-Icon

ab 2,79 €

inkl. MwSt.

Überschrift

Zweite Zeile

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

Android-IconiOS-IconmacOS-IconWindows-Icon

ab 2,79 €

inkl. MwSt.



Small: RTE Text im Body

Sollte nicht verwendet werden. Ist nur für die Partnershops mit reingerutscht.

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

RTE TEXT CENTER

  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet consectetur adipiscing
  • Lorem ipsum dolor sit amet consectetur adipiscing elit Nulla sodales

RTE TEXT CENTER

Android-IconiOS-IconmacOS-IconWindows-Icon

ab 2,79 €

inkl. MwSt.

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

RTE TEXT CENTER

  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet consectetur adipiscing elit
  • Lorem ipsum dolor sit amet consectetur adipiscing elit Nulla sodales feugiat
  • Lorem ipsum dolor sit amet consectetur adipiscing elit Nulla sodales feugiat purus bibendum dictum

RTE TEXT CENTER

Android-IconiOS-IconmacOS-IconWindows-Icon

ab 2,79 €

inkl. MwSt.



Small: Plattformen

Hier sind alle möglichen Komibinationen der Plattformen abgebildet.

iOS-Icon

Für  iOS

2,79 €

macOS-Icon

Für  macOS

2,79 €

Android-Icon

Für  Android

2,79 €

Windows-Icon

Für  Windows

2,79 €

iOS-IconmacOS-Icon

Für  iOS  &  macOS

2,79 €

Android-IconiOS-Icon

Für  Android  &  iOS

2,79 €

iOS-IconWindows-Icon

Für  iOS  &  Windows

2,79 €

Android-IconmacOS-Icon

Für  Android  &  macOS

2,79 €

macOS-IconWindows-Icon

Für  macOS  &  Windows

2,79 €

Android-IconWindows-Icon

Für  Android  &  Windows

2,79 €

Android-IconiOS-IconmacOS-Icon

Für  Android  &  iOS  &  macOS

2,79 €

iOS-IconmacOS-IconWindows-Icon

Für  iOS  &  macOS  &  Windows

2,79 €

Android-IconiOS-IconWindows-Icon

Für  Android  &  iOS  &  Windows

2,79 €

Android-IconmacOS-IconWindows-Icon

Für  Android  &  macOS  &  Windows

2,79 €



Small: Body Optionen

Produktkategorie

2,79 €

Produktname

2,79 €

Lorem ipsum dolor sit amet

2,79 €

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sodales feugiat purus, bibendum dictum libero tincidunt sodales. Donec ac metus nec nulla lobortis pharetra. Suspendisse

2,79 €

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet

2,79 €

Android-IconiOS-IconmacOS-IconWindows-Icon

2,79 €

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sodales feugiat purus, bibendum dictum libero tincidunt sodales. Donec ac metus nec nulla lobortis pharetra. Suspendisse

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

2,79 €



Small: Preis Optionen

2,79 €

ab 2,79 €

2,79 €

inkl. MwSt.

2,79 €

pro Monat / monatlich kündbar

2,79 €

pro Jahr / jährlich kündbar

2,79 €

einmalig



Small: Buttons

Hier wurden schon tertiary und quaternary Buttons hinzugefügt, auch wenn diese hier noch nicht sichtbar sind.

Primary und Secondary Button in verschiedenen Produkt Karten, sollten auf der gleichen horizontalen liegen. Jira Issue

2,79 €

2,79 €

2,79 €



Big: Minimale Konfiguration



Big: Maximale Konfiguration

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

Für alle Plattformen

ab 2,79 €

inkl. MwSt.



Big: Layouts und Modifier

Private

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

Für alle Plattformen

ab 2,79 €

inkl. MwSt.

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

Für alle Plattformen

ab 2,79 €

inkl. MwSt.

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

Für alle Plattformen

ab 2,79 €

inkl. MwSt.

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

Für alle Plattformen

ab 2,79 €

inkl. MwSt.

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

Für alle Plattformen

ab 2,79 €

inkl. MwSt.

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

Für alle Plattformen

ab 2,79 €

inkl. MwSt.

Business

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

Für alle Plattformen

ab 2,79 €

inkl. MwSt.

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

Für alle Plattformen

ab 2,79 €

inkl. MwSt.

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

Für alle Plattformen

ab 2,79 €

inkl. MwSt.

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

Für alle Plattformen

ab 2,79 €

inkl. MwSt.

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

Für alle Plattformen

ab 2,79 €

inkl. MwSt.

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

Für alle Plattformen

ab 2,79 €

inkl. MwSt.



Big: Preistausch

Die Preise können über verschiedene Elemente ausgetauscht werden. Wichtig ist, dass diese Elemente die JS-CSS-Klasse

__js_price_to_normal_change__

und

__js_price_to_stock_change__

besitzen.

Sollen die Preise über ein einziges Element getoggled werden, so ist die JS CSS Klasse

__js_price_toggle_change__

zu verwenden.

TODO

Dieser Test ist im Styleguide manuell zusammen verknüpft worden. Es gibt zwar eine Komponente dafür, aber die arbeitet nur mit data zusammen und hier muss eine separate Komponente dafür erstellt werden ...ConvertFromData und die Originale Komponente muss so umgebaut werden, dass wir hier auch einen richtigen Test durchführen können.

Hier das Beispiel anhand der Tab Navigation, welche die Klassen in der Komponente durch übergeben des Typs

priceTab

automatisch setzt. Hier sind auch nur 2 Tabs möglich. Jedes weitere Tab würde zum Bestandskundenpreis wieder wechseln.

Für Private-Kunden

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

Für alle Plattformen

ab 2,79 €

inkl. MwSt.

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

Für alle Plattformen

ab 2,79 €

inkl. MwSt.

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

Für alle Plattformen

ab 2,79 €

inkl. MwSt.

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

Für alle Plattformen

ab 2,79 €

inkl. MwSt.

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

Für alle Plattformen

ab 2,79 €

inkl. MwSt.

Für Business-Kunden

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

Für alle Plattformen

ab 2,79 €

inkl. MwSt.

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

Für alle Plattformen

ab 2,79 €

inkl. MwSt.

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

Für alle Plattformen

ab 2,79 €

inkl. MwSt.

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

Für alle Plattformen

ab 2,79 €

inkl. MwSt.

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

Für alle Plattformen

ab 2,79 €

inkl. MwSt.



Big: Überschriften statt Produktbilder

Sollte nicht verwendet werden. Ist nur für die Partnershops mit reingerutscht, da diese beim Release noch kein Header Image besitzen

Überschrift

Zweite Zeile

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

Android-IconiOS-IconmacOS-IconWindows-Icon

Für alle Plattformen

ab 2,79 €

inkl. MwSt.

Überschrift

Zweite Zeile

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

Android-IconiOS-IconmacOS-IconWindows-Icon

Für alle Plattformen

ab 2,79 €

inkl. MwSt.



Big: RTE Text im Body

Sollte nicht verwendet werden. Ist nur für die Partnershops mit reingerutscht.

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

RTE TEXT CENTER

  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet consectetur adipiscing
  • Lorem ipsum dolor sit amet consectetur adipiscing elit Nulla sodales

RTE TEXT CENTER

Android-IconiOS-IconmacOS-IconWindows-Icon

Für alle Plattformen

ab 2,79 €

inkl. MwSt.

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

RTE TEXT CENTER

  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet consectetur adipiscing elit
  • Lorem ipsum dolor sit amet consectetur adipiscing elit Nulla sodales feugiat
  • Lorem ipsum dolor sit amet consectetur adipiscing elit Nulla sodales feugiat purus bibendum dictum

RTE TEXT CENTER

Android-IconiOS-IconmacOS-IconWindows-Icon

Für alle Plattformen

ab 2,79 €

inkl. MwSt.



Big: Plattformen

Hier sind alle möglichen Komibinationen der Plattformen abgebildet.

iOS-Icon

Für  iOS

2,79 €

macOS-Icon

Für  macOS

2,79 €

Android-Icon

Für  Android

2,79 €

Windows-Icon

Für  Windows

2,79 €

iOS-IconmacOS-Icon

Für  iOS  &  macOS

2,79 €

Android-IconiOS-Icon

Für  Android  &  iOS

2,79 €

iOS-IconWindows-Icon

Für  iOS  &  Windows

2,79 €

Android-IconmacOS-Icon

Für  Android  &  macOS

2,79 €

macOS-IconWindows-Icon

Für  macOS  &  Windows

2,79 €

Android-IconWindows-Icon

Für  Android  &  Windows

2,79 €

Android-IconiOS-IconmacOS-Icon

Für  Android  &  iOS  &  macOS

2,79 €

iOS-IconmacOS-IconWindows-Icon

Für  iOS  &  macOS  &  Windows

2,79 €

Android-IconiOS-IconWindows-Icon

Für  Android  &  iOS  &  Windows

2,79 €

Android-IconmacOS-IconWindows-Icon

Für  Android  &  macOS  &  Windows

2,79 €

Android-IconiOS-IconmacOS-IconWindows-Icon

Für alle Plattformen

2,79 €



Big: Body Optionen

Produktkategorie

2,79 €

Produktname

2,79 €

Lorem ipsum dolor sit amet

2,79 €

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sodales feugiat purus, bibendum dictum libero tincidunt sodales. Donec ac metus nec nulla lobortis pharetra. Suspendisse

2,79 €

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet

2,79 €

Android-IconiOS-IconmacOS-IconWindows-Icon

Für alle Plattformen

2,79 €

Produktkategorie

Produktname

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sodales feugiat purus, bibendum dictum libero tincidunt sodales. Donec ac metus nec nulla lobortis pharetra. Suspendisse

  • Lorem
  • Lorem ipsum
  • Lorem ipsum dolor
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit amet
Android-IconiOS-IconmacOS-IconWindows-Icon

Für alle Plattformen

2,79 €



Big: Preis Optionen

2,79 €

ab 2,79 €

2,79 €

inkl. MwSt.

2,79 €

pro Monat / monatlich kündbar

2,79 €

pro Jahr / jährlich kündbar

2,79 €

einmalig



Big: Buttons

Hier wurden schon tertiary und quaternary Buttons hinzugefügt, auch wenn diese hier noch nicht sichtbar sind.

Primary und Secondary Button in verschiedenen Produkt Karten, sollten auf der gleichen horizontalen liegen. Jira Issue

2,79 €

2,79 €

2,79 €