> 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-gift-icon-and-gift-thumbnail.md).

# Geschenksymbol & Miniaturansicht des Geschenks anpassen

Das Geschenksymbol zeigt die Produkte an, die Kunden kaufen müssen, um ein Geschenk zu erhalten. Es erscheint auf der Produktseite und der Sammlungsseite.

{% embed url="<https://www.youtube.com/watch?v=r914Alo7JZ8>" %}

## 1. Geschenksymbol <a href="#how-to-enable-the-gift-icon" id="how-to-enable-the-gift-icon"></a>

### 1.1 Wie man das Geschenksymbol aktiviert <a href="#how-to-enable-the-gift-icon" id="how-to-enable-the-gift-icon"></a>

Um das Geschenksymbol zu aktivieren, erstellen Sie bitte das Angebot mit „Narrow by specific products“.

Hier ist ein Beispiel, wie es in Ihrem Storefront aussieht:

<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%252FWEGJXE7hlf8M0wCiUE9U%252Fgift%2520icon.png%3Falt%3Dmedia%26token%3Db8d26b1a-0af0-4e6e-acd0-3d4052fba736&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=dc7a5978&#x26;sv=1" alt=""><figcaption></figcaption></figure>

### 1.2 Geschenksymbol anpassen <a href="#customization-options" id="customization-options"></a>

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

Sie können aus unseren Standardsymbolen auswählen oder eines Ihrer eigenen hochladen.

Passen Sie an, wie das Geschenksymbol angezeigt wird:

* Auf Produktseite anzeigen: Aktivieren oder deaktivieren Sie die Anzeige des Geschenksymbols auf Produktseiten/Sammlungsseiten
  * Größe des Geschenksymbols: Legen Sie die Größe des Symbols fest

## 2. Miniaturansicht des Geschenks <a href="#product-page" id="product-page"></a>

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

### **2.1 Allgemein**

**Auf Produktseite anzeigen:**

* Aktivieren Sie diese Option, um Geschenk-Miniaturansichten direkt auf Produktseiten anzuzeigen.
* Deaktivieren Sie sie, wenn Sie sie auf Ihren Produktseiten ausblenden möchten.

**Geschenkanzeige:**

* *Nach Produkt:* Zeigt Kunden das von Ihnen festgelegte Hauptproduktbild an.
* *Nach Variante***:** Zeigt Kunden das genaue Bild der ausgewählten Geschenkvariante an. Am besten geeignet für Geschenke mit mehreren Farben oder Stilen.

**Wie mehrere Angebote angezeigt werden:** Wenn mehrere Geschenkangebote auf dasselbe Produkt zutreffen, wählen Sie, wie die Geschenk-Miniaturansichten angezeigt werden sollen:

* *Zusammen:* Alle Geschenke aus verschiedenen Angeboten werden zusammen in einer Zeile angezeigt.
* *Getrennt*: Geschenke werden gruppiert und für jedes Angebot separat angezeigt.

**Countdown-Timer anzeigen:** Wenn Sie eine Endzeit für Ihr Geschenkangebot festgelegt haben, aktivieren Sie diese Option, um einen Countdown-Timer zur Erzeugung von Dringlichkeit anzuzeigen.

**Anzahl der Geschenkartikel anzeigen:** Aktivieren Sie diese Einstellung, wenn Kunden sehen sollen, wie viele Geschenke im Angebot enthalten sind.

### **2.2 Text**

Passen Sie den in der Miniaturansicht angezeigten Text an:

* Countdown-Text: Bearbeiten Sie die Nachricht, die zusammen mit dem Countdown-Timer angezeigt wird.
* Text für Anzahl der Artikel: Bearbeiten Sie die Nachricht, die die Anzahl der Geschenkartikel anzeigt.

### **2.3 Farbe**

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

* **Passen Sie manuell** jedes Farbfeld für alle verfügbaren Farben an.
* Verwenden Sie den [KI-Theme-Detektor](#ai-theme-detector), um automatisch eine vollständige Widget-Farbpalette basierend auf dem Branding Ihres Stores zu erstellen.
* **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äre, sekundäre und Textfarbe Ihrer Marke und erstellt dann automatisch eine vollständige Widget-Farbpalette.

{% hint style="warning" %}
Ihr Store 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**, damit die BOGOS-KI erneut erkennt, oder **passen Sie manuell** die Felder Primärfarbe, Sekundärfarbe oder Text an.

![](/files/wr4WVSAsv8yHcB3JKixf)

3. Klicken Sie auf **Anwenden für Vorschau**, um die Farben auf die Widget-Vorschau anzuwenden.

## Häufig gestellte Fragen

<details>

<summary><strong>Wie bearbeite ich Text im Geschenksymbol?</strong></summary>

Sie können den Text innerhalb des kleinen Geschenksymbols selbst nicht bearbeiten; es ist nur ein Symbolbild, das Sie ändern können (Anpassen → Geschenksymbol & Miniaturansicht des Geschenks → Geschenksymbol).

Sie können Ihr eigenes Symbolbild erstellen und es dann in unserer App hochladen, um es wie in meinem Screenshot zu verwenden:

<div align="left"><img src="/files/THAYNRf5wmFSOKfkF9FV" alt="" height="330" width="301"></div>

</details>

<details>

<summary><strong>Wie können wir die Position des Geschenksymbols ändern?</strong></summary>

Derzeit ist dies unsere Anpassung. Wenn Sie die Position des Geschenkbildes ändern möchten, kontaktieren Sie bitte unseren Kundensupport über den Live-Chat, damit unser technisches Team Ihr Theme prüfen und daran arbeiten kann

</details>

<details>

<summary><strong>Wie groß ist das BOGOS-Geschenksymbol in Pixeln?</strong></summary>

Die Standardgröße unseres Geschenksymbols beträgt 50x50 Pixel.

</details>

<details>

<summary><strong>Wie kann ich das Geschenksymbol entfernen?</strong></summary>

Um das Geschenksymbol auszublenden, gehen Sie zum Abschnitt Anpassen → Wählen Sie „Geschenksymbol & Miniaturansicht des Geschenks“ und deaktivieren Sie dann „Auf Produktseite anzeigen“ oder „Auf Sammlungsseite anzeigen“ wie in meinem Screenshot:

<div align="left"><img src="/files/pWOnz7tvj6KhUQDGVd2U" alt="" height="410" width="311"></div>

</details>

<details>

<summary><strong>Ist es möglich, den Geschenkprodukttitel und den Preis in der Geschenk-Miniaturansicht hinzuzufügen?</strong></summary>

Ja, das ist möglich und es ist unsere Plus-Anpassung. Um den Geschenkprodukttitel und den Preis in der Geschenk-Miniaturansicht hinzuzufügen, kontaktieren Sie bitte unseren Kundensupport über den Live-Chat, damit unser technisches Team daran arbeiten kann.

</details>

<details>

<summary><strong>Wie können wir eine Geschenk-Miniaturansicht zur Landingpage hinzufügen?</strong></summary>

Die Geschenk-Miniaturansichten werden basierend auf **Produkt-IDs** angezeigt; da der Landingpage jedoch diese Daten fehlen, können wir die Miniaturansichten derzeit nicht einbinden

</details>


---

# 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-gift-icon-and-gift-thumbnail.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.