> 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-discount-on-cheapest-most-expensive-item.md).

# Rabatt auf günstigstes/teuerstes Produkt anpassen

Nachdem Sie Ihr Rabattangebot eingerichtet haben, können Sie die Anzeige des Widgets vollständig anpassen, indem Sie diesen einfachen Schritten folgen:

* Schritt 1: Navigieren Sie zu **Anpassen** in der **BOGOS-Seitenleiste**.
* Schritt 2: Suchen Sie **Rabatt** und wählen Sie **Rabatt auf günstigstes/teuerstes Produkt** aus der Rabatt-Anpassung aus.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfzBFHbwxPpuCCz9mCSdyMj6BI-RDXmvIPNtZjApJKiaDK8gI5Fxuj5Mfzqmt4Ax3aVgqGrbIcj0qyRb21DbiGl-Nkbcm-uXBZn4Jfj3ljGbchML8HhqJTtnW_0XxXCcmWfst5Wog?key=APwpMqxaYlxpG4ng8MqyiA" alt=""><figcaption></figcaption></figure>

Dieser Angebotstyp umfasst zwei Hauptwidgets:

* **Rabatt-Widget**
* **„Alle Produkte anzeigen“-Modal**

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcp6_sWyqGyQrJoGRX3JkACxEqtgqgJ_qrrCakw-VGwRMVgz4lR8UPXvEd7ZeRpyrasyXy6UMDcHnymFBTx5eT6KqbQISXVJFrn3S8qCI3x6PxDKwfAKvFdNKwsHylUEwy2M0-N?key=APwpMqxaYlxpG4ng8MqyiA" alt=""><figcaption></figcaption></figure>

Lassen Sie uns durchgehen, wie Sie jedes einzelne anpassen, indem Sie auf die jeweiligen Tabs klicken.

## 1. Rabatt-Widget

### **Allgemein**

Dieser Abschnitt umfasst wichtige Elemente:

* **Anzahl der angezeigten Produkte:** Legen Sie fest, wie viele ausgewählte Produkte im Widget erscheinen.
* **Produktlisten-Label:** Fügen Sie eine kurze Handlungsaufforderung hinzu, die Kunden ermutigt, ein Produkt auszuwählen.
* **Angebotsstufen-Stil:** Es gibt zwei Optionen, um Kunden über die erforderlichen Bedingungen für jede Stufe zu informieren:

▶ **Checklisten-Anzeige:** Alle Ankündigungen der Stufen werden abwechselnd als Kontrollkästchen angezeigt. Sobald ein Kunde die Bedingung einer Stufe erfüllt, wird deren Ankündigung durchgestrichen.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXeDLpxOV9oxNGcDWdoiCp7_a0eEOKeL7rg8Jyd-mH7MJn4P2ZTOFBkWHt_RrL0dMI6HzjkPxTEmZnw3di9Yr6vxO0t7cB6L80yMLWA_syqOLp6lik-ep5DZquE5-MulEUNDgYoIrQ?key=APwpMqxaYlxpG4ng8MqyiA" alt=""><figcaption></figcaption></figure>

▶ **Aufzählungslisten-Anzeige:** Alle Ankündigungen der Stufen werden als einfache Liste angezeigt.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfdA4_VFomna9RB7c1H-B7Ope1ex09Du7qsssEe2uowb0MJRnFfC5dIX18hW6eI9cHEcTLBn3E_wmKmYEtEc7FZEEVPCSQQsYs3mpOm713vBQzN8u2NkT_XsEWHSd5n9mDmpWvO?key=APwpMqxaYlxpG4ng8MqyiA" alt=""><figcaption></figcaption></figure>

* **Hinzufügen-Button bei jedem Artikel anzeigen:** Aktivieren Sie diese Option, um einen Button anzuzeigen, den Kunden anklicken können, um ein Produkt zum Warenkorb hinzuzufügen. Sie können auch den Button-Text nach Bedarf anpassen.
* **Button „Alle Produkte anzeigen“ anzeigen:** Aktivieren Sie diese Option, um einen Button anzuzeigen, der zur vollständigen Produktliste führt. Sie können auch den Button-Text nach Bedarf anpassen.

### **Farbe**

BOGOS ermöglicht es 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

Die BOGOS-KI scannt Ihren Onlineshop und erkennt die primären, sekundären 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 der BOGOS-KI:

1. Klicken Sie auf das **Stift-Symbol**.

![](/files/8HMgW0p6Hvadbsq4mpf0)

2. Klicken Sie auf **Erneut scannen**, um die BOGOS-KI die Farben neu erkennen zu lassen, oder passen Sie die **Primärfarbe**, **Sekundärfarbe** oder die Textfelder **manuell** an.

![](/files/wr4WVSAsv8yHcB3JKixf)

3. Klicken Sie auf **Anwenden**, damit die Vorschau die Farben auf die Widget-Vorschau anwendet.

## 2. „Alle Produkte anzeigen“-Modal

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXeJcajdJECv845ZfwwNVgRJC_SxpHJP2jfXE3jKIN_Mt_b5agCpWlI4aBsaZnWM_DKtS3u1x8-H6ZXrTjnSiMGjP0JvpwyCJMT_nRjkuLrKwSNZ934Jd0zxxW11tO-6Ol908VBADg?key=APwpMqxaYlxpG4ng8MqyiA" alt=""><figcaption></figcaption></figure>

Wie Sie sehen können, können Sie hier konfigurieren, wie viele Produkte pro Ladevorgang auf Desktop und Mobilgerät angezeigt werden, einschließlich: **Produkte pro Reihe** und **Anzahl der Reihen**. Anschließend zählt BOGOS automatisch die **Produkte pro Ladevorgang**.

## **3. Widget-Vorschau**

Dieser Abschnitt ermöglicht es Ihnen, das Widget sowohl auf Desktop als auch auf Mobilgeräten in der Vorschau anzuzeigen, einschließlich zweier Anzeigeoptionen:

* **Kompakt:** Zeigt das Angebot in einem kleineren, platzsparenden Layout, das sich neben den Produktdetails einfügt.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdjLjF3Mh0VH6Vg13ysOAEzyT1vLA364Oqdcu_uhp1CNa2WgFfJUkKhQfsPkEGLzDRDv1Qut9pk5njJdkdfVcc_kdtizwFU4gLWyD1tUXQyEFRptTkAT9gnLu-A3YIYIlb3ysmWnQ?key=APwpMqxaYlxpG4ng8MqyiA" alt=""><figcaption></figcaption></figure>

* **Volle Breite:** Erweitert das Angebot auf die volle Breite für maximale Sichtbarkeit.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXeGShsZbMOdMtBU58fHugP0TkaQ-ys7msKIduM-CTULHbbZEYBUSevcQ75NNlLuHgAYfyNQDuR8EjD_Uy_La6f14iScTRbCSnOdvGmiwnlTU13sou3f8CfsYjgjEpGhwAZUmaADNw?key=APwpMqxaYlxpG4ng8MqyiA" alt=""><figcaption></figcaption></figure>


---

# 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-discount-on-cheapest-most-expensive-item.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.