> ## Documentation Index
> Fetch the complete documentation index at: https://docs.vincent.ag/llms.txt
> Use this file to discover all available pages before exploring further.

# Produktmedien

> Bilder und Dateien zentral verwalten, wiederverwenden und Produkten für Onlineshop & Dokumente zuweisen

> **Ein Ort für alle Medien** – lade Bilder/Dateien einmal hoch und verwende sie später in deinen **Produkten** (und damit auch im Onlineshop) wieder.

<Frame>
  <img src="https://mintcdn.com/bitlabsoftwaregmbh/NhJqU-_SMLs0thid/assets/images/products/media-overview.png?fit=max&auto=format&n=NhJqU-_SMLs0thid&q=85&s=4438f1c14dd190a8f5814c586c9da878" alt="Produktmedien – Übersichtsliste aller hochgeladenen Dateien" className="rounded-xl border shadow-md" width="1884" height="889" data-path="assets/images/products/media-overview.png" />
</Frame>

## 1 · Überblick

Auf dieser Seite siehst du alle hochgeladenen Medien als Liste.

| Element                   | Zweck                                                  |
| ------------------------- | ------------------------------------------------------ |
| Suchfeld                  | Findet Medien nach **Dateiname**                       |
| **+ Dateien hochladen**   | Öffnet den Upload-Dialog                               |
| Spalte **Hinzugefügt am** | Zeigt Upload-Datum/Zeit                                |
| Spalte **Größe**          | Dateigröße zur Kontrolle                               |
| Spalte **Referenzen**     | Wie oft das Medium bereits verwendet wird              |
| Zeilen-Menü (⋮)           | Weitere Aktionen pro Medium (z. B. Details/Referenzen) |

<Tip>
  Nutze sprechende Dateinamen (z. B. <em>honig.webp</em>, <em>kartoffeln.webp</em>). Das macht Suche & Wiederverwendung deutlich schneller.
</Tip>

<Tip>
  **Empfohlenes Bildformat:** Verwende wenn möglich **WEBP** – das ist das bevorzugte Format (kleine Dateigröße bei hoher Qualität) und lädt im Onlineshop besonders schnell.
</Tip>

***

## 2 · Dateien hochladen

Klicke oben rechts auf **„+ Dateien hochladen“**. Danach kannst du Dateien per Drag & Drop hinzufügen oder auswählen.

<Frame>
  <img src="https://mintcdn.com/bitlabsoftwaregmbh/NhJqU-_SMLs0thid/assets/images/products/media-upload.png?fit=max&auto=format&n=NhJqU-_SMLs0thid&q=85&s=f317d06f18a21d3a7b42514a9a479aee" alt="Produktmedien – Upload-Dialog mit Drag & Drop" className="rounded-xl border shadow-md" width="1880" height="879" data-path="assets/images/products/media-upload.png" />
</Frame>

<Steps>
  <Step title="Upload öffnen">
    Oben rechts auf <kbd>+ Dateien hochladen</kbd>.
  </Step>

  <Step title="Datei hinzufügen">
    Datei in die Upload-Fläche ziehen <em>oder</em> auf <em>„hier“</em> klicken und auswählen.
  </Step>

  <Step title="Hochladen">
    Sobald Dateien ausgewählt sind, den Upload starten – danach erscheinen sie sofort in der Liste.
  </Step>
</Steps>

<Note>
  Medien lassen sich später mehrfach verwenden – du musst Bilder nicht pro Produkt erneut hochladen.
</Note>

***

## 3 · Medien in Produkten verwenden

Produktmedien sind dafür gedacht, in **Produkten** wiederverwendet zu werden – und können dadurch auch im **Onlineshop** angezeigt werden.

<Info>
  Weiter zu den Produkten: <a href="/de/modules/products/products">Produkte verwalten</a>
</Info>

***

## 4 · Referenzen verstehen

In der Spalte **„Referenzen“** siehst du, wie oft ein Medium bereits verknüpft ist.

* **0** = noch nicht verwendet (frei zum Zuordnen)
* **≥ 1** = wird bereits in mindestens einem Datensatz verwendet

<Tip>
  Wenn du auf <em>„Referenzen“</em> klickst (oder das Zeilen-Menü nutzt), kannst du schnell prüfen, wo das Medium eingesetzt ist – hilfreich bevor du etwas ersetzt.
</Tip>

***

> **Nächster Schritt:** Lade deine wichtigsten Produktbilder hoch und ordne sie anschließend deinen Produkten zu – so sind sie sofort im Produkt und (falls aktiv) im Onlineshop verfügbar.