# Einrichtung von Farbmuster

**Was Sie lernen werden**

* Wie man eine Produktkategorie zuweist
* Wie man Farbfelder mithilfe von Shopifys Kategoriemetafeldern anwendet
* Wie man ein Farbmetafeld mit den Produktvarianten Ihres Themes verbindet

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

### 1. Öffnen Sie die Produktseite im Theme-Editor

* Gehen Sie im Shopify-Admin zu **Online-Shop > Designs**, klicken Sie dann **Passen Sie** auf Ihrem aktiven Theme.
* Navigieren Sie zu einer Produktseite.
* Klicken Sie auf den **Produktvarianten** Block innerhalb des **Produktabschnitt**.
* Unter **Varianten-Stil**, wählen Sie **Farbfelder**.

> 💡 Tipp: Verwenden Sie den Vorschau-Selektor, um ein Produkt mit mehreren Farbvarianten zu laden.

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

### 2. Weisen Sie eine Kategorie im Shopify-Admin zu

* Gehen Sie zu **Produkte** im Shopify-Admin.
* Klicken Sie auf das Produkt, das Sie bearbeiten möchten.
* Scrollen Sie zu **Kategorie** Abschnitt und weisen Sie es einer relevanten Option zu (z. B. **Bekleidung & Accessoires**).

<figure><img src="/files/48c19d8facbbaeb2e70c032a936b411941316e12" alt=""><figcaption></figcaption></figure>

### 3. Fügen Sie Farbwerte zu den Kategoriemetafeldern hinzu

* Nachdem Sie eine Kategorie zugewiesen haben, scrollen Sie nach unten zu **Kategoriemetafeldern**.
* Sie sehen jetzt Optionen, die speziell für diese Kategorie sind (wie „Farbe“).
* Klicken Sie in das **Farbe** Feld und wählen Sie entweder aus der Liste oder wählen Sie **Neuen Eintrag hinzufügen** um eine benutzerdefinierte Farbe einzugeben.

<figure><img src="/files/7fb76998b25a669a0100a9a7d6e504066057b6b8" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/2dcc0cc90fb5bf6f44be6ff4863f1fc1e760f3fb" alt=""><figcaption></figcaption></figure>

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

### 4. Verknüpfen Sie das Farbmetafeld mit dem Varianten-Block

* Kehren Sie zum Theme-Editor zurück und klicken Sie erneut auf den **Produktvarianten** Block.
* Suchen Sie die **Farbvariante** und klicken Sie auf das **Symbol für dynamische Quelle** (gestapeltes Kreis-Symbol).
* Wählen Sie das von Ihnen hinzugefügte Farbmetafeld aus dem Dropdown-Menü aus.

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

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

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

### 5. Speichern Sie Ihre Änderungen

* Klicken Sie **Fertig** und dann **Speichern** oben rechts im Theme-Editor.

***

✅ Ihr Produkt sollte jetzt klickbare Farbfelder anzeigen, basierend auf den von Ihnen hinzugefügten Metafeldwerten.

> ⚠️ Warnung: Farbfelder erscheinen nur, wenn Ihr Produkt eine **Variantenoption mit dem Namen „Farbe“** hat und sie mit dem entsprechenden Metafeld übereinstimmt.

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

### **Brauchen Sie Hilfe?**

* 💬 **Treten Sie unserer Community auf Discord bei:** <https://discord.gg/hcc2GvgZc6>
* 📧 **Schreiben Sie uns eine E-Mail an:** <support@openspaces.design>
* 💻 **Chatten Sie live mit uns:** Verfügbar Montag–Freitag, 10:00–18:00 EST, direkt auf unserer Website


---

# Agent Instructions: 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:

```
GET https://docs.openspaces.design/german/readme-1/advanced/setting-up-color-swatches.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.