> For the complete documentation index, see [llms.txt](https://docs.bogos.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.bogos.io/de/detailed-guide/customize/customize-volume-discount.md).

# Mengenrabatt anpassen

BOGOS bietet 2 Widget-Typen für Mengenrabatt-Angebote:

1. Mengenoptionen
2. Mengenrabatt-Tabelle

Jedes Widget verfügt über eigene Inhalts- und Anzeigeeinstellungen, sodass Sie genau steuern können, was Kunden sehen.

## 1. Mengenoptionen

### 1.1 Inhalt

<figure><img src="/files/H68ohBcNFyn8hmHE8AFc" alt=""><figcaption></figcaption></figure>

**Beschreibung anzeigen:** Aktivieren, um eine Beschreibung unter dem Titel anzuzeigen (z. B. „Die besten Angebote für Sie ausgewählt!“).

**Jede Stufe zeigt** (Auswahl zwischen):

* Gesamtpreis: Zeigt den vollen Preis jeder Stufe an (z. B.: 50 $)
* Preis pro Artikel: Zeigt den Preis für jeden Artikel jeder Stufe an. Geben Sie den Text „pro Artikel“ ein, um es klarer zu machen (z. B.: 10 $ pro Artikel)

**Optionen zur Textänderung:**

<figure><img src="/files/vreC8h2ZIc47zPEWr6UJ" alt=""><figcaption></figcaption></figure>

* Textformat: Bearbeiten Sie das auf jeder Stufe angezeigte Rabattlabel. Behalten Sie die Variable {{discountAmount}} bei, um den Rabattwert dynamisch anzuzeigen.
* Gesamtpreistext: Das Label, das neben dem Gesamtpreis angezeigt wird.
* Schaltflächentext (der Text auf der Schaltfläche des Widgets): Der auf der Aktionsschaltfläche des Widgets angezeigte Text.
* Text „Variante auswählen“: Der Text, der angezeigt wird, wenn Kunden eine Produktvariante auswählen müssen.

**Versandrabatt:** Wählen Sie verfügbare Versandsymbole aus oder laden Sie Ihr eigenes hoch (akzeptiert Bild, GIF.)

<figure><img src="/files/N0XMd610X1CVnGsajc2l" alt=""><figcaption></figcaption></figure>

**Abonnement:** Zeigt Abonnementoptionen innerhalb des Widgets an (falls Sie dies in „Mengenrabatt erstellen“ eingerichtet haben).

1\. Wählen Sie ein Layout: Wählen Sie zwischen Radio-Button oder Kontrollkästchen.

2\. Bearbeiten Sie die folgenden Textfelder:

* Abonnementtitel: Die Überschrift, die über den Abonnementoptionen angezeigt wird.
* Optionsbeschriftung: Der Beschriftungstext für jede Abonnementoption.

<figure><img src="/files/6Ufy4BuOhCbwvAW8mjOh" alt=""><figcaption></figcaption></figure>

### 1.2 Farbe

BOGOS ermöglicht Ihnen, die Farben aller Elemente mit einer der folgenden 4 Methoden anzupassen:

* Wählen Sie ein **vorgefertigtes Farbset** aus dem Dropdown-Menü.
* **Passen Sie jedes Farbfeld manuell an** für alle verfügbaren Farben.
* Verwenden Sie den [KI-Theme-Detektor](#ai-theme-detector), um automatisch eine vollständige Widget-Farbpalette basierend auf dem Branding Ihres Shops zu generieren.
* **Kontaktieren Sie das BOGOS-Support-Team**, um Hilfe bei der Farbanpassung zu erhalten.

Klicken Sie auf **Speichern**, wenn Sie fertig sind.

#### KI-Theme-Detektor

BOGOS KI scannt Ihren Onlineshop und erkennt die Primär-, Sekundär- und Textfarben Ihrer Marke und generiert dann automatisch eine vollständige Widget-Farbpalette.

{% hint style="warning" %}
Ihr Shop darf NICHT passwortgeschützt sein, damit die KI auf Ihre Markenfarben zugreifen und diese erkennen kann.
{% endhint %}

So bearbeiten Sie die Farben mit BOGOS KI:

1. Klicken Sie auf das **Stiftsymbol**.

![](/files/8HMgW0p6Hvadbsq4mpf0)

2. Klicken Sie auf **Erneut scannen**, damit BOGOS KI erneut erkennt, oder passen Sie **manuell** die Felder Primärfarbe, Sekundärfarbe oder Text an.

![](/files/wr4WVSAsv8yHcB3JKixf)

3. Klicken Sie auf **Anwenden**, um die Farben in der Widget-Vorschau anzuwenden.

## 2. Mengenrabatt-Tabelle

### 2.1 Inhalt

<figure><img src="/files/RwBO62TJtR3tesZhLpCb" alt=""><figcaption></figcaption></figure>

**Beschreibung anzeigen:** Aktivieren, um eine Beschreibung unter dem Titel anzuzeigen (z. B. „Die besten Angebote für Sie ausgewählt!“).

**Jede Stufe zeigt** (Auswahl unter):

* Rabattwert: Zeigt den Rabatt jeder Stufe an (z. B. 20 % RABATT)
* Rabattwert mit Label: Zeigt den Rabatt jeder Stufe mit einer Hintergrundfarbe an.
* Gesamtpreis: Zeigt den vollen Preis jeder Stufe an (z. B.: 50 $)
* Preis pro Artikel: Zeigt den Preis für jeden Artikel jeder Stufe an. Geben Sie den Text „pro Artikel“ ein, um es klarer zu machen (z. B.: 10 $ pro Artikel)

**Textformat:** Bearbeiten Sie das auf jeder Stufe angezeigte Rabattlabel. Behalten Sie die Variable {{discountAmount}} bei, um den Rabattwert dynamisch anzuzeigen.

<figure><img src="/files/Ec3P07MT43S6iOhRvxuw" alt=""><figcaption></figcaption></figure>

**Versandrabatt:** Wählen Sie verfügbare Versandsymbole aus oder laden Sie Ihr eigenes hoch (akzeptiert Bild, GIF.)

<figure><img src="/files/nf4fokVBoNfdn5TPoaCZ" alt=""><figcaption></figcaption></figure>

### 2.2 Anzeige

<figure><img src="/files/PWkXJYKBS93jvmm5uAxG" alt=""><figcaption></figcaption></figure>

**Widget-Kopfzeile & Beschreibung**: Wählen Sie deren Ausrichtung im Widget zwischen Links, Zentriert oder Rechts.

**Hauptteilstil**: Wählen Sie, wie die Tabellenzeilen visuell getrennt werden, zwischen Linie oder Zebra.

**Linien zwischen Spalten ausblenden** (optional): Entfernen Sie die vertikalen Trennlinien zwischen den Tabellenspalten für ein übersichtlicheres Erscheinungsbild.

### 2.3 Farbe

BOGOS ermöglicht Ihnen, die Farben aller Elemente mit einer der folgenden 4 Methoden anzupassen:

* Wählen Sie ein **vorgefertigtes Farbset** aus dem Dropdown-Menü.
* **Passen Sie jedes Farbfeld manuell an** für alle verfügbaren Farben.
* Verwenden Sie den [KI-Theme-Detektor](#ai-theme-detector-1), um automatisch eine vollständige Widget-Farbpalette basierend auf dem Branding Ihres Shops zu generieren.
* **Kontaktieren Sie das BOGOS-Support-Team**, um Hilfe bei der Farbanpassung zu erhalten.

Klicken Sie auf **Speichern**, wenn Sie fertig sind.

#### KI-Theme-Detektor

BOGOS KI scannt Ihren Onlineshop und erkennt die Primär-, Sekundär- und Textfarben Ihrer Marke und generiert dann automatisch eine vollständige Widget-Farbpalette.

{% hint style="warning" %}
Ihr Shop darf NICHT passwortgeschützt sein, damit die KI auf Ihre Markenfarben zugreifen und diese erkennen kann.
{% endhint %}

So bearbeiten Sie die Farben mit BOGOS KI:

1. Klicken Sie auf das **Stiftsymbol**.

![](/files/8HMgW0p6Hvadbsq4mpf0)

2. Klicken Sie auf **Erneut scannen**, damit BOGOS KI erneut erkennt, oder passen Sie **manuell** die Felder Primärfarbe, Sekundärfarbe oder Text an.

![](/files/wr4WVSAsv8yHcB3JKixf)

3. Klicken Sie auf **Anwenden**, um die Farben in der Widget-Vorschau anzuwenden.

## 3. Mengenrabatt zu anderen Seiten außer der Produktseite hinzufügen

{% hint style="info" %}
Sie können den Mengenrabatt-Block auf jeder Seite Ihres Shops platzieren, außer der Checkout-Seite.
{% endhint %}

**Schritt 1:** Navigieren Sie im **Shopify-Navigationsmenü** zu Ihren **Onlineshops** => wählen Sie **Themes** => **Anpassen**

**Schritt 2:** Gehen Sie im **Shopify-Theme-Editor** zu der Seite, auf der Sie den **Mengenrabatt**-Block hinzufügen möchten.

Scrollen Sie dann im linken Bereich nach unten, klicken Sie auf **Abschnitt hinzufügen**, wählen Sie **Apps** und suchen und wählen Sie den Block **BOGOS: Volume Discount** aus.

<figure><img src="/files/Oc0NB3dvfE8K3IL95W1B" alt=""><figcaption></figcaption></figure>

**Schritt 3**: Füllen Sie im oberen rechten Bereich die Einrichtungsfelder aus.

<figure><img src="/files/kEwxuigQuD1rdYi5wfu6" alt=""><figcaption></figcaption></figure>

* **Angebots-ID**: Geben Sie die ID des Mengenrabatt-Angebots ein, das Sie anzeigen möchten.
* **Produkt anzeigen**: Wählen Sie ein Produkt aus Ihrem Shop aus. Alle mit diesem Produkt verknüpften Mengenrabatt-Angebote werden auf der aktuellen Seite angezeigt.

Weitere Details finden Sie in unserer Anleitung \[[BOGOS-Blöcke anpassen](/de/quick-start-guide/adjust-bogos-blocks.md)].


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.bogos.io/de/detailed-guide/customize/customize-volume-discount.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
