> 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-classic-bundle.md).

# Classic Bundle anpassen

{% embed url="<https://youtu.be/_oPn7GqUGAk>" %}

## 1. Widget-Position anpassen <a href="#how-to-enable-the-bundle" id="how-to-enable-the-bundle"></a>

Standardmäßig erscheint das Bundle auf den Produktseiten der entsprechenden Produkte.

Wenn Sie:

* die Widgets nicht im Onlineshop sehen
* die Position der Widgets ändern möchten
* das Classic-Bundle-Widget auf anderen Seiten hinzufügen möchten (Startseite, Warenkorbseite, ...)

*Besuchen Sie bitte unsere Anleitung \[*[*BOGOS-Blöcke anpassen*](/de/quick-start-guide/adjust-bogos-blocks.md)*].*

## 2. Anpassungsoptionen <a href="#customization-options" id="customization-options"></a>

### 2.1. Inhalt <a href="#content" id="content"></a>

<figure><img src="https://bogos-guideline.gitbook.io/~gitbook/image?url=https%3A%2F%2F1174860429-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FBQEzvXIQmpPrTmxjT8T6%252Fuploads%252FUFidGSkHoH0w9M630JrS%252Fbundle%2520content.jpg%3Falt%3Dmedia%26token%3D6da1a501-22b0-46ed-ad85-66f2dad25f1d&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=9ad8fc95&#x26;sv=1" alt=""><figcaption><p>Classic Bundle anpassen - Inhalt</p></figcaption></figure>

Passen Sie hier an, wie der Inhalt im Bundle-Widget angezeigt wird:

* Beschreibung anzeigen: Zeigt die Bundle-Beschreibung an
* Rabattpreis für jeden Artikel anzeigen: Zeigt den durchgestrichenen Preis des gebündelten Produkts an
* Rabattbetrag auf der Schaltfläche „Zum Warenkorb hinzufügen“ anzeigen
* Gesamtpreistext
* Schaltflächentext
* Text „Variante auswählen“

### 2.2. Farbe <a href="#color" id="color"></a>

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.

## 3. Das Classic Bundle zu anderen Seiten außer der Produktseite hinzufügen

{% hint style="info" %}
Sie können den Classic-Bundle-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 **Classic-Bundle**-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: Classic Bundle** aus.

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

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

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

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


---

# 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-classic-bundle.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.